*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --white: #ffffff;
    --black: #000000;
    --red: #d40c0c;
    --gray-black: #0b0312;
    --dark-red: #ba0101;
    --button-black: #141212;
    --dark-gray-one: #f1f3f8;
    --light-border: #e8ebf4;
    --blue: #022daa;
    --charcoal-black: #0c0b0b;
    --dark-gray: #242222;
    --light-gray: #808080;
    --light-black: #272525;
    --gray-two: #bbbbbb;
    --line-gray: #e7e7e4;
    --input-line: #cecece;
 }
   
 html{font-size: 62.5%; /*10 px*/ scroll-behavior: smooth;}
 body{
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: var(--gray-black);
}


input[type="checkbox"],
input[type="radio"],
input[type="file"] {
    display: none;
}

input, textarea, select{font-family: inherit;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0; }
header,footer,section,aside{margin: 0; padding: 0;}

.main_wrapper{padding-left: 2rem; padding-right: 2rem; max-width: 120rem; width: 100%; margin: 0 auto;}

.black_btn{
    background: var(--button-black);
    width: 100%;
    height: 5rem;
    border-radius: 0.6rem;
    text-align: center;
    line-height: 5rem;
    text-decoration: none;
    color: var(--white);
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 900;
    transition: all 0.5s;
}
.black_btn:hover{background: var(--dark-red) !important;}

.red_fill{
    background: var(--red);
    width: 100%;
    height: 5rem;
    border-radius: 0.6rem;
    text-align: center;
    line-height: 4.5rem;
    text-decoration: none;
    color: var(--white);
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 900;
    transition: all 0.5s;
    display: block;
    border: 0.3rem solid var(--red);
}
.red_fill:hover{background: transparent !important;}

.red_outline{
    background: transparent;
    width: 100%;
    height: 5rem;
    border-radius: 0.6rem;
    text-align: center;
    line-height: 4.5rem;
    text-decoration: none;
    color: var(--white);
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 900;
    transition: all 0.5s;
    display: block;
    border: 0.3rem solid var(--dark-red);
}
.red_outline:hover{background: var(--red) !important;}

.top_section{
    position: relative;
    padding: 2rem 0;
    margin: 0;
    z-index: 2;
}
.top_section::after{
    background: var(--red);
    width: 56%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    z-index: -1;
}

/** HEADER **/
header{margin: 0; padding:0;}
header .inner{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
header .inner nav ul{display: flex; flex-wrap: wrap;}
header .inner nav ul li:not(:last-child){margin-right: 2rem;}
header .inner nav ul li a{
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--white);
    text-decoration: none;
}
header .inner nav ul li:last-child a{
    background: var(--white);
    border-radius: 0.6rem;
    color: var(--red);
    padding:0.8rem 1rem;
    border: 0.2rem solid var(--white);
    transition: 0.5s;
    text-transform: uppercase;
    font-weight: 800;
}
header .inner nav ul li:last-child a:hover{
    background: transparent;
    color: var(--white);
}

nav .close{display: none;}
/** END HEADER **/

/** BANNER **/
.banner_section{position: relative; margin:2rem 0 0rem 0;}
.banner_section::before{
    background: url('../images/dots_two.png') no-repeat 0 0;
    width: 16.6rem;
    height: 16.6rem;
    position: absolute;
    left: -15rem;
    top: 34%;
    content: "";
}

.banner_section .main_wrapper{display: flex;}
.banner_section .main_wrapper .text_block{
    flex: 0 0 32rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60rem;
}
.banner_section .main_wrapper .text_block p{
    font-size: 2.6rem;
    font-weight: 500;
    color: var(--gray-black);
    margin-bottom: 2.6rem;
}
.banner_section .main_wrapper .text_block h3{
    text-transform: uppercase;
    font-size: 7.4rem;
    font-weight: 900;
    color: var(--dark-red);
    line-height: 8rem;
    margin-bottom: 5rem;
}
.banner_section .main_wrapper .text_block a.black_btn{
    background: var(--button-black);
    width: 24rem;
}

.banner_section .main_wrapper .image_holder{
    width:62%;
    height: 60rem;
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 1rem;
    border-bottom-left-radius:1rem;
    overflow: hidden;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.3);
}
.banner_section .main_wrapper .image_holder img{width: 100%; height: 100%; object-fit: cover;}
.banner_section .owl-theme .owl-nav.disabled+.owl-dots{
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    text-align: left;
     top: -64px;
    position: relative;
}
.banner_section .owl-theme .owl-nav.disabled+.owl-dots button{outline:none !important;}
.banner_section .owl-theme .owl-dots .owl-dot span{width: 12px !important; height: 12px !important;}
.banner_section .owl-theme .owl-dots .owl-dot span{background: #141212 !important;}
.banner_section .owl-theme .owl-dots .owl-dot.active span{background: transparent !important; border:0.2rem solid var(--red) !important;}
/** END BANNER **/

/** MANUFACTURING **/
.manufaturing{
    background: var(--dark-gray-one);
    padding: 9.4rem 0;
    position: relative;
    overflow: hidden;
}

.manufaturing::before {
    background: url('../images/dots_two.png') no-repeat 0 0;
    width: 16.6rem;
    height: 16.6rem;
    position: absolute;
    right: -15rem;
    top: 38%;
    content: "";
}
.manufaturing .inner{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.manufaturing .inner .product_block{flex:0 0 72.8rem; max-width: 100%; margin-right: 4.8rem; position: relative;}
.manufaturing .inner .product_block::before{
    background: transparent;
    position: absolute;
    top: -1.8rem;
    left: -1.8rem;
    width: 8rem;
    height: 8rem;
    border-top: 0.6rem solid var(--red);
    border-left: 0.6rem solid var(--red);
    content:"";
    border-radius: 0.6rem;
}

.manufaturing .inner .product_block::after{
    background: transparent;
    position: absolute;
    bottom: -1.8rem;
    left: -1.8rem;
    width: 8rem;
    height: 8rem;
    border-bottom: 0.6rem solid var(--red);
    border-left: 0.6rem solid var(--red);
    content:"";
    border-radius: 0.6rem;
}

ul.cardblock{display: flex; flex-wrap: wrap;}
ul.cardblock li{margin-bottom: 1.4rem; margin-right: 1.6rem; flex:0 0 48.9%; max-width: 100%;}
ul.cardblock li:nth-child(2){margin-right: 0;}
ul.cardblock li:last-child{margin-right: 0; margin-bottom: 0; flex:0 0 100%; max-width: 100%;}
ul.cardblock li:last-child .img_block a .text_block{width: 95%;}

ul.cardblock li .img_block a{
    width: 100%;
    height: 28rem;
    overflow: hidden;
    border-radius: 1rem;
    display: flex;
    position: relative;
    transition: all 0.5s;
}
ul.cardblock li .img_block a img{object-fit: cover;  transition: all 0.5s; width:100%;}
ul.cardblock li .img_block a:hover img{transform: scale(1.1);}
ul.cardblock li .img_block a .overlay{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;
    width: 100%; height: 100%;
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}
ul.cardblock li .img_block a .text_block{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.4rem;
    width: 90%;
    z-index: 2;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
ul.cardblock li .img_block a .text_block h3{text-decoration: none; color: var(--white); text-transform: uppercase; font-size: 2.6rem; font-weight: 900; line-height: 3.2rem;}
ul.cardblock li .img_block a .text_block h3 span{display: block;}

.manufaturing .inner .procontent_block{flex:0 0 38rem; max-width: 100%;}
.manufaturing .inner .procontent_block h2{text-align: left; font-size: 3.2rem; font-weight: 900; color: var(--black); text-transform: uppercase; line-height: 5rem; margin-bottom: 3rem;}
.manufaturing .inner .procontent_block h2 span{display: block; font-weight: 400; text-transform: none; }
.manufaturing .inner .procontent_block p{line-height: 2.6rem; margin-bottom: 3rem;}
.manufaturing .inner .procontent_block a.black_btn{
    width: 15rem; height: 4.7rem;
    font-size: 1.5rem; display: block;
}
/** MANUFACTURING **/

/** BLUE CTA **/
.blue_cta{
    background: url('../images/ctabg.jpg') no-repeat center center / cover;
    background-attachment: fixed;
    position: relative;
    padding: 10rem 0;
    margin-bottom: 6.5rem;
    transition: all 0.5s;
}
.blue_cta h3{text-align: center; color: var(--white); font-size: 3.6rem; font-weight: 900; line-height: 5rem; margin-bottom: 3.5rem;}
.blue_cta h3 span{display: block; font-weight: 400;}
.blue_cta .button_block{text-align: center; display: flex; justify-content: center;}
.blue_cta .button_block a{flex:0 0 24rem; max-width: 100%;}
.blue_cta .button_block a:not(:last-child){margin-right: 3rem;}

/** END BLUE CTA **/

h2.title{text-align: center; text-transform: uppercase; font-size: 4rem; font-weight: 900; color: var(--black); margin-bottom: 5rem;}
/** PHOTO GALLERY **/
.photogallery_block{margin-bottom: 9rem;}
.photogallery_block .inner_block{display: flex;}
.photogallery_block .inner_block .leftblock{flex:0 0 70rem; max-width: 100%; margin-right: 1.4rem;}
.photogallery_block .inner_block .leftblock ul.cardblock li{margin-right: 1.4rem; margin-bottom: 1.6rem;}
.photogallery_block .inner_block .leftblock ul.cardblock li:nth-child(2n){margin-right: 0;}
.photogallery_block .inner_block .leftblock ul.cardblock li:last-child{flex:0 0 48.9%;}
.photogallery_block .inner_block .leftblock ul.cardblock li:nth-child(3),
.photogallery_block .inner_block .leftblock ul.cardblock li:last-child{margin-bottom: 0;}
.photogallery_block .inner_block .leftblock ul.cardblock li .img_block a{height: 25rem;}
.photogallery_block .inner_block .rightblock{flex:1; max-width: 100%;}
.photogallery_block .inner_block .rightblock ul.cardblock li .img_block a{height: 51.5rem;}
/** END PHOTO GALLERY **/

/** WORK PROCESS **/
.workprocess_block{margin-bottom: 9rem;}
.workprocess_block .inner_block{display: flex; justify-content: space-between; align-items: center;}
.workprocess_block .inner_block .block{flex:0 0 35.4rem; max-width: 100%;}
.workprocess_block .inner_block .block:nth-child(2){flex:0 0 39.4rem; max-width: 100%;}
.workprocess_block .inner_block .block .imgholder{
    border-radius: 0.6rem;
    overflow: hidden;
    height: 57.5rem;
}
.workprocess_block .inner_block .block .imgholder img{object-fit: cover; width: 100%; height: 100%;}
.workprocess_block .inner_block .block .content_block:not(:last-child){margin-bottom: 2.5rem;}
.workprocess_block .inner_block .block .content_block{
    background: var(--white);
    border-radius: 0.6rem;
    border: 0.1rem solid var(--light-border);
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2);
    padding: 2.5rem;
    height: 24rem;
}
.workprocess_block .inner_block .block .content_block .title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.8rem;}
.workprocess_block .inner_block .block .content_block .title h4{text-transform: uppercase; font-weight: 900; color: var(--red); font-size: 2.5rem;}
.workprocess_block .inner_block .block .content_block .title .number{
    width: 3.2rem; height: 3.2rem;
    border-radius: 50%;
    border: 0.1rem solid var(--red);
    font-size: 1.8rem;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--red);
}
.workprocess_block .inner_block .block .content_block p{
    font-size: 1.5rem;
    line-height: 2.3rem;
}
/** END WORK PROCESS **/

/** TESTIMONIALS **/
.testimonials_block{
    background: url('../images/testimonials_bg.jpg') no-repeat center top / cover;
    padding: 8rem 0;
    height: 48rem;
    margin: 0 0 30rem 0;
}
.testimonials_block h2.title{color: var(--white);}
.testimonials_block .inner{
    margin: 0;
    padding: 0;
    display:flex;
}
.testimonials_block .inner .item{padding: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.testimonials_block .inner .item .client_pic{
    width: 16.5rem;
    height: 16.5rem;
    border-radius: 50%;
    border: 0.4rem solid var(--white);
    overflow: hidden;   
    margin-bottom: 1.4rem;
}
.testimonials_block .inner .item .client_pic img{width: 100%; height: 100%; object-fit: cover;}
.testimonials_block .inner .item .text_content{
    background: var(--white);
    padding: 3.5rem 2.5rem;
    border-radius: 0.6rem;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.14);
}
.testimonials_block .inner .item .text_content p{
    line-height: 2.5rem;
    text-align: center;
    margin-bottom: 3rem;
}
.testimonials_block .inner .item .text_content .client_name{text-align: center; font-weight: bold; position: relative; padding-top: 1.5rem;}
.testimonials_block .inner .item .text_content .client_name::before{
    background: var(--blue);
    width: 5rem;
    height: 0.3rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
}


.testimonials_block .owl-theme .owl-nav.disabled+.owl-dots button{outline:none !important;}
.testimonials_block .owl-theme .owl-dots .owl-dot span{width: 12px !important; height: 12px !important;}
.testimonials_block .owl-theme .owl-dots .owl-dot span{background: #141212 !important;}
.testimonials_block .owl-theme .owl-dots .owl-dot.active span{background: transparent !important; border:0.2rem solid var(--red) !important;}
/** END TESTIMONIALS **/


/** FOOTER **/
footer{background: var(--charcoal-black);  padding:0;}
footer .main_wrapper{position: relative;}
.call_block{
    background: var(--blue);
    width: 84%;
    margin: 0 auto;
    display: flex;
    padding:2.5rem 4rem;
    border-radius: 6rem;
    text-align: center;
    position: relative;
     left: 0;
    right: 0;
    top: -4rem;
    /*position: absolute;
    left: 0;
    right: 0;
    top: -4rem;*/
    justify-content: center;
    align-items: center;
}
.call_block span{text-transform: uppercase; font-size: 3.5rem; line-height: 3.5rem; font-weight: 300; color: var(--white); margin-right: 2rem;}
.call_block a{
    font-weight: 900;
    color: var(--white);
    font-size: 5.2rem;
    text-decoration: none;
    line-height: 5.2rem;

}
.call_block a img{margin-right: 1.5rem;}

.quick_contact{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin:0; padding: 0rem 0 3rem; position: relative; }
.quick_contact .input_holder{flex:0 0 18.6rem; max-width: 100%; margin-right:0.8rem;}
.quick_contact span{font-size: 2.3rem; color: var(--white); text-transform: uppercase; font-weight: 900; margin-right: 1.3rem;}
.quick_contact input[type="text"],
.quick_contact input[type="tel"],
.quick_contact input[type="email"]{
    background: var(--dark-gray);
    width: 100%;
    height: 4.4rem;
    border-radius: 0.4rem;
    outline: none;
    border: 0;
    padding: 0 1rem;
    border: 0.1rem solid var(--dark-gray);
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--light-gray);
    transition: all 0.5s;
}
.quick_contact input[type="text"]:focus,
.quick_contact input[type="tel"]:focus,
.quick_contact input[type="email"]:focus{background: var(--black);}
.quick_contact input[type="submit"]{
    background: url('../images/arrow.png') no-repeat center center var(--red);
    flex: 0 0 5rem;
    outline: none;
    border: 0;
    border-radius: 0.4rem;
    padding: 1.2rem;
    font-size: 0;
    height: 4rem;
}

.quick_contact ::-webkit-input-placeholder,
.quick_contact :-ms-input-placeholder,
.quick_contact ::placeholder{color: var(--light-gray);}
.copyrighi{
    border-top:0.1rem solid var(--light-black);
    padding: 2.5rem;
}
.copyrighi .inner_block{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.copyrighi .inner_block .block:not(:last-child){margin-right: 2rem;}
.copyrighi .inner_block .block:first-child{ flex:0 0 37rem; max-width: 100%;}
.copyrighi .inner_block .block:last-child{ flex:0 0 30rem; max-width: 100%;}
.copyrighi .inner_block .block:nth-child(2){ flex:1; max-width: 100%;}
.copyrighi .inner_block .block{font-size: 1.3rem; color: var(--gray-two);}
.copyrighi .inner_block .block .inner_block{display: flex; align-items: center; justify-content: center;}
.copyrighi .inner_block .block ul{display: flex; flex-wrap: wrap; margin-right: 1.5rem; justify-content: center;}
.copyrighi .inner_block .block ul li:not(:last-child){margin-right: 1rem;}
.copyrighi .inner_block .block ul li a{font-size: 1.5rem; color: var(--gray-two); text-decoration: none; margin-left:0rem;}
.copyrighi .inner_block .block .social_btns{display: flex; justify-content: center;}
.copyrighi .inner_block .block a{color: var(--gray-two); text-decoration: none; margin-left: 0.5rem;}
.copyrighi .inner_block .block a:hover{color: var(--white); text-decoration: none;}
/** END FOOTER **/

.content_inner_section{
    padding: 5rem 0 15rem;
    margin: 0;
    border-top: 0.1rem solid var(--line-gray);
}

.content_inner_section h1,
.content_inner_section h2{
    text-transform: uppercase;
    font-size: 4rem;
    font-weight: 900;
    color: var(--black);
    line-height: 4rem;
    margin-bottom: 1rem;
}

.breadcrumb{text-transform: uppercase; color: var(--black); margin-bottom: 4rem;}
.breadcrumb span{padding: 0 1rem;}
.breadcrumb a{color: var(--red); font-weight: 600; text-decoration: none;}


/**ABOUT**/
.section_about .top_section_inner{display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 10rem;}
.section_about .top_section_inner::before {
    background: url(../images/dots_two.png) no-repeat 0 0;
    width: 16.6rem;
    height: 16.6rem;
    position: absolute;
    right: -4rem;
    top: 7%;
    content: "";
}
.section_about .top_section_inner .imagewrapper{flex:0 0 67rem;}
.section_about .top_section_inner .imagewrapper .img_block{overflow: hidden; border-radius: 1rem; height: 50rem;}
.section_about .top_section_inner .imagewrapper .img_block img{width: 100%; height: 100%; object-fit: cover;}
.section_about .top_section_inner .content_holder{
    flex: 0 0 62rem;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);
    z-index: 1;
    position: relative;
    left: -13rem;
    padding: 3.4rem;
    line-height: 2.6rem;
}
.section_about .top_section_inner .content_holder::after{
    background: transparent;
    position: absolute;
    bottom: -1.8rem;
    right: -1.8rem;
    width: 8rem;
    height: 8rem;
    border-bottom: 0.6rem solid var(--red);
    border-right: 0.6rem solid var(--red);
    content: "";
    border-radius: 0.6rem;
}
.section_about .bottom_options{
    margin: 0;
    padding: 0;
}
.section_about .bottom_options h2{text-align: center; margin-bottom: 6rem;}
ul.three_opt_block{display: flex; justify-content: space-between;}
ul.three_opt_block li:not(:last-child){margin-right: 4rem;}
ul.three_opt_block li{
    flex: 1;
    background: var(--white);
    padding:3rem 1.5rem 3rem 2rem;
    border-radius: 0.6rem;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.15);
}
ul.three_opt_block li h3{
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--red);
    margin-bottom: 2.4rem;
}
ul.three_opt_block li .inner{display: flex; align-items: flex-start;}
ul.three_opt_block li .inner img{flex:1; margin-right: 1.3rem;}
ul.three_opt_block li .inner p{line-height: 2.3rem;}
/**END ABOUT**/

/** PRODUCT **/
.contentinnere{
    border-radius: 1rem;
    padding: 3rem;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
    margin-bottom: 6rem;
}
.contentinnere p:not(:last-child){margin-bottom: 2rem;}
ul.product_section{display: flex; flex-direction: column;}
ul.product_section li a{flex:1; max-width: 100%; display: flex; align-items: center; text-decoration: none;}
ul.product_section li a:hover .imagewrapper .img_block img{transform: scale(1.1);}
ul.product_section li a:hover .content_block .readmore{margin-right: -1rem;}
ul.product_section li:nth-child(even) a{flex-direction: row-reverse;}
ul.product_section li:not(:last-child){margin-bottom: 10rem;}

ul.product_section li .imagewrapper{flex: 0 0 67rem; position: relative;}
ul.product_section li .imagewrapper::after{
    background: transparent;
    position: absolute;
    bottom: -1.4rem;
    right: -1.4rem;
    width: 6rem;
    height: 6rem;
    border-bottom: 0.6rem solid var(--red);
    border-right: 0.6rem solid var(--red);
    content: "";
    border-radius: 0.6rem;
}
ul.product_section li:nth-child(even) .imagewrapper::after{
    left: -1.4rem;
    border-bottom: 0.6rem solid var(--red);
    border-right: 0;
     border-left:0.6rem solid var(--red);
}
ul.product_section li .img_block{height: 50rem; overflow: hidden; border-radius: 1rem;}
ul.product_section li .img_block img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
ul.product_section li .content_block{
    flex: 0 0 62rem;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);
    z-index: 1;
    position: relative;
    left: -13rem;
    padding: 3.4rem;
    line-height: 2.6rem;
    display: flex;
    flex-direction: column;
}
ul.product_section li:nth-child(even) .content_block{left:13rem;}
ul.product_section li .content_block h3{
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--red);
    margin-bottom: 2.4rem;
}
ul.product_section li .content_block p{line-height: 2.6rem; margin-bottom: 2rem; text-align: justify; color: var(--black);}
ul.product_section li .content_block .readmore{transition: all 0.5s; margin-top: auto; display: flex; margin-left: auto; align-items: center; text-transform: uppercase; font-size: 1.5rem; font-weight: bold; color: var(--black);}
ul.product_section li .content_block .readmore img{margin-left: 1rem;}
/** END PRODUCT **/

/** CONTACT **/
.map_holder{
    border-radius: 1rem;
    overflow: hidden;
    height: 40rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.20);
    margin-bottom: 4.5rem;
}
.map_holder iframe{width: 100%; height: 100%;}

.frm_holder{
    background: var(--dark-gray-one);
    width: 94rem;
    margin: 0 auto 7rem;
    padding: 4.5rem;
    border-radius: 1rem;
}
.frm_holder h3{text-align: center; text-transform: uppercase; font-size: 2.1rem; font-weight: bold; margin-bottom: 3rem;}
.frm_holder .inner_frm{margin: 0; padding:0;}
.frm_holder .inner_frm .inputholder:not(:last-child){margin-bottom: 1.5rem;}
.frm_holder .inner_frm .inputholder{display: flex; flex-wrap: wrap;}
.frm_holder .inner_frm .inputholder .holder:not(:last-child){margin-right: 1.4rem;}
.frm_holder .inner_frm .inputholder .holder{flex:1; max-width: 100%;}
.frm_holder .inner_frm .inputholder .holder input[type="text"],
.frm_holder .inner_frm .inputholder .holder input[type="email"],
.frm_holder .inner_frm .inputholder .holder input[type="tel"]{
    background: var(--white);
    width: 100%;
    height: 5.5rem;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--input-line);
    padding: 0 1.5rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    outline: none;
    transition: all 0.5s;
}
.frm_holder .inner_frm .inputholder .holder textarea{
    background: var(--white);
    width: 100%;
    height: 22rem;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--input-line);
    padding:1.5rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    outline: none;
    resize: none;
    transition: all 0.5s;
}

.frm_holder .inner_frm .inputholder .holder input[type="text"]:focus,
.frm_holder .inner_frm .inputholder .holder input[type="email"]:focus,
.frm_holder .inner_frm .inputholder .holder input[type="tel"]:focus,
.frm_holder .inner_frm .inputholder .holder textarea:focus{
    border:0.1rem solid var(--black);
}
.frm_holder ::-webkit-input-placeholder,
.frm_holder :-ms-input-placeholder,
.frm_holder ::placeholder{color: var(--black);}
.frm_holder .inner_frm .inputholder input[type="submit"]{
    background: var(--red);
    width: 27.4rem;
    height: 5rem;
    color: var(--white);
    margin: 0 auto;
    border-radius: 0.5rem;
    outline: none;
    border: 0.2rem solid var(--red);
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: bold;
    transition: all 0.5s;
}
.frm_holder .inner_frm .inputholder input[type="submit"]:hover{
    background: transparent;
    color: var(--red);
}
.address_block{
    display: flex;
    justify-content: center;
    align-items: center;
}
.address_block .block:not(:last-child){
    border-right: 0.1rem solid var(--input-line);
    padding-right: 3rem;
    margin-right: 3rem;
}
ul.address{display: flex;}
ul.address li:not(:last-child){margin-right: 1.2rem;}
ul.address li{text-align: right; }
ul.address li,
ul.otherinfo li{font-size: 1.8rem; color: var(--black); font-weight: 600; line-height: 2.6rem;}
/** END CONTACT **/

/**Product Details **/
.top_data_holder img{
    height: 40rem;
    overflow: hidden;
    border-radius: 1rem;
    width: 100%;
    object-fit: cover;
    margin-bottom: 5rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.20);
}
.top_data_holder p:not(:last-child){margin-bottom: 3rem;}
.top_data_holder h3{margin-bottom: 2rem; font-size:2rem; font-weight: 600;}

.progallery{margin: 7rem 0 0 0; /*padding: 0 4.5rem;*/ padding: 0;}
.progallery ul{display: flex; flex-wrap: wrap; justify-content: center;}
.progallery ul li{
    flex:0 0 30%; max-width: 100%; height:55rem; overflow:hidden; margin-right: 4rem; margin-bottom: 4rem; position: relative;
    border-radius: 1rem;
}
.progallery ul li img{width: 100%; height: 100%; object-fit: cover;}
.progallery ul li:nth-child(3n){margin-right: 0;}
/*.progallery ul li:nth-child(3),
.progallery ul li:nth-child(4){margin-bottom: 0;}*/
.progallery ul li h3{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 3.2rem;
    font-weight: bold;
    color: var(--white);
    text-align: center;
    width: 100%;
    padding-bottom: 3rem;
    display: none;
    text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}
/**End Product Details **/

/**Quote **/
.quote_holder{
    background: var(--white);
    width: 70rem;
    margin: 0 auto;
    padding: 4.5rem;
    border-radius: 1rem;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.15);
}
.quote_holder h3{text-align: center; text-transform: uppercase; font-size: 2.1rem; font-weight: bold; margin-bottom: 3rem;}
.quote_holder .inner_frm{margin: 0; padding:0;}
.quote_holder .inner_frm .inputholder:not(:last-child){margin-bottom: 1.5rem;}
.quote_holder .inner_frm .inputholder{display: flex; flex-wrap: wrap;}
.quote_holder .inner_frm .inputholder .holder:not(:last-child){margin-right: 1.4rem;}
.quote_holder .inner_frm .inputholder .holder{flex:1; max-width: 100%;}
.quote_holder .inner_frm .inputholder .holder input[type="text"],
.quote_holder .inner_frm .inputholder .holder input[type="email"],
.quote_holder .inner_frm .inputholder .holder input[type="tel"]{
    background: var(--white);
    width: 100%;
    height: 5.5rem;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--input-line);
    padding: 0 1.5rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    outline: none;
    transition: all 0.5s;
}
.quote_holder .inner_frm .inputholder .holder textarea{
    background: var(--white);
    width: 100%;
    height: 22rem;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--input-line);
    padding:1.5rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    outline: none;
    resize: none;
    transition: all 0.5s;
    color: var(--black);
}

.quote_holder .inner_frm .inputholder .holder input[type="text"]:focus,
.quote_holder .inner_frm .inputholder .holder input[type="email"]:focus,
.quote_holder .inner_frm .inputholder .holder input[type="tel"]:focus,
.quote_holder .inner_frm .inputholder .holder textarea:focus,
.quote_holder .inner_frm .inputholder .holder .dropdown select{
    border:0.1rem solid var(--black);
}
.quote_holder ::-webkit-input-placeholder,
.quote_holder :-ms-input-placeholder,
.quote_holder ::placeholder{color: var(--black);}
.quote_holder .inner_frm .inputholder input[type="submit"]{
    background: var(--red);
    width: 27.4rem;
    height: 5rem;
    color: var(--white);
    margin: 0 auto;
    border-radius: 0.5rem;
    outline: none;
    border: 0.2rem solid var(--red);
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: bold;
    transition: all 0.5s;
}
.quote_holder .inner_frm .inputholder input[type="submit"]:hover{
    background: transparent;
    color: var(--red);
}
.quote_holder .inner_frm .inputholder .holder .dropdown{
    height: 5.5rem;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--input-line);
    padding: 0;
    position: relative;
}
.quote_holder .inner_frm .inputholder .holder .dropdown::after{
    border-top:1.2rem solid var(--red);
    border-left:0.8rem solid transparent;
    border-right:0.8rem solid transparent;
    position: absolute;
    top: 2rem;
    right: 1.5rem;
    content: "";
    pointer-events: none;
}
.quote_holder .inner_frm .inputholder .holder .dropdown select{
    background: transparent;
    width: 100%;
    height: 100%;
     appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    padding: 0 1.5rem;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 600;
    transition: all 0.5s;
    color: var(--black);
    text-transform: uppercase;
}
/**End Quote**/

/** BLOG **/
.blog_layout{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.left_blog_holder{
    flex: 0 0 70%;
    max-width: 100%;
}
.left_blog_holder .post:not(:last-child){margin-bottom: 5rem;}
.left_blog_holder .post{padding:0; margin: 0;}
.left_blog_holder .post .img_holder{height: 30rem; overflow: hidden; border-radius: 0.8rem; margin-bottom: 1rem;}
.left_blog_holder .post .img_holder img{object-fit: cover; width: 100%; height: 100%;}
.left_blog_holder .post h3{font-size: 2.4rem; font-weight: bold; color: var(--black); margin-bottom: 2rem;}
.left_blog_holder .post h3 a{color: var(--black); text-decoration: none;}
.left_blog_holder .post h3 a:hover{color: var(--red);}
.left_blog_holder .post p{font-size: 1.6rem; line-height: 2.4rem;}
.left_blog_holder .post .postdate{font-size: 1.3rem; margin-bottom: 1rem;}

.left_blog_holder .post .postdate a{color: var(--red); text-decoration: none; font-weight: 600;}
.left_blog_holder .post .postdate a:hover{color: var(--black); text-decoration: none;}

.entry img,
.entry p img{width:100%; height: 40rem; overflow: hidden; object-fit: cover; border-radius: 0.8rem; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.20);}
.entry p:not(:last-child){margin-bottom: 2.5rem;}

.sidebar{flex:0 0 30rem; max-width: 100%;}
.sidebar ul{
    margin:0;
    padding:0;
    display:block;
}
.sidebar ul li{
    margin:0 0 3rem 0;
    display:block;
}
.sidebar ul li h2{
    margin:0 0 2rem 0;
    padding:0rem;
    display:block;
    font-size:2.2rem;
    line-height: 2.2rem;
    color:#000;
}
.sidebar ul li ul{margin:0; padding:0;}
.sidebar ul li ul li{margin:0 0 1rem 0; padding:0 0 0 1.6rem; font-size:1.5rem; line-height:2rem; display:block; position:relative;}
.sidebar ul li ul li::after{width:0.8rem; height:0.8rem; position:absolute; left:0; top:0.6rem; background:var(--red); content:""; border-radius:50%;}
.sidebar ul li ul li a{color:var(--black); text-decoration:none;}
.sidebar ul li ul li a:hover{color:var(--black); text-decoration:none;}
/** END BLOG **/

/** Blue Strip **/
.top_blue_strip{
    background: var(--blue);
    padding: 1rem 0;
}
.inner_top_strip{display: flex; flex-wrap: wrap; justify-content: space-between;}
.inner_top_strip span{color: var(--white); font-weight: 600; font-size:1.8rem;}
.social_btns{display: flex; flex-wrap: wrap;}
.social_btns a:not(:last-child){margin: 0 0.5rem 0 0 !important;}
.social_btns a{
    width: 2.7rem; height: 2.7rem;
    display: flex; justify-content: center; align-items: center;
    border: 0.2rem solid var(--white);
    border-radius: 100%;
}
/** End Blue Strip **/

.map_wrapper{margin-top: 10rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.map_wrapper h2{margin-bottom: 6rem;}

.client_logos_wrapper{
    /*display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(8,1fr);
    margin-top: 12rem;*/
    margin-top: 12rem;
   display: grid;
   grid-template-columns: repeat(10,1fr);
   grid-gap: 1rem;
   
}
.client_logos_wrapper img{ border: 0.2em solid var(--light-border); padding: 1rem; border-radius: 0.8rem; width: 12rem;}
.client_logos_wrapper img:not(:last-child){margin-right: 1rem;}

/** Counter **/
.counter_wrapper{margin:10rem 0; display: flex; justify-content: center; flex-wrap: wrap;}
.counter_wrapper .cblock:not(:last-child){margin: 0 4rem 0 0;}
.counter_wrapper .cblock{display: flex; flex: 1; flex-wrap: wrap; flex-direction: column; align-items:center; border: 0.1rem solid var(--white); padding: 3rem; border-radius: 1rem; min-width: 33rem; box-shadow: 0 0 5rem rgba(0, 0, 0, 0.10);}
.counter_wrapper .cblock .top_box{margin: 0 0 0.5rem 0; display: flex; flex-wrap: wrap; align-items: center; }
.counter_wrapper .cblock .top_box img{margin: 0 1rem 0 0; width: 5rem;}
.counter_wrapper .cblock .top_box span{font-size: 10rem; letter-spacing: -0.6rem; line-height:9rem; font-weight: 800;}
.counter_wrapper .cblock .top_box small{font-size: 3rem; line-height: 2rem; margin: 0 0 0 1rem; font-weight: 600;}
.counter_wrapper .cblock h3{text-transform: uppercase; font-size: 2rem; font-weight: 500; text-transform: uppercase;}
/** End Counter **/

@media only screen and (max-width:767px){
nav .close{display: block;}
/**HEADER**/
.top_section{padding:0;}
.top_section::after{display: none;}
header{border-bottom: 0.1rem solid var(--line-gray);}
header .inner{padding: 1.5rem 0 0.5rem 0;}
header .inner a.logo{width:20rem;}
.mobile_nav{
    background: var(--red);
    width: 6.4rem;  margin: 0 0 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3.3rem 1.5rem;
}

.mobile_nav span {
    background: var(--white);
    width: 100%;
    height: 0.4rem;
    display: block;
}
.mobile_nav span:not(:last-child){margin-bottom: 0.5rem;}
.close{position: absolute; top: 15px; right: 20px; display: block;}
header nav{
    position: fixed;
    right: -1200px;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: var(--white);
    z-index: 99;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .inner nav ul{flex-direction: column;}
header .inner nav ul li{display: flex; justify-content: center; align-items: center;}
header .inner nav ul li:not(:last-child){margin-right: 0; margin-bottom: 2rem;}
header .inner nav ul li a{color: var(--black);}
header .inner nav ul li:last-child a{background: var(--red); color: var(--white);}
/**END HEADER**/

/** BANNER **/
.banner_section{margin: 2rem 0 0 0;}
.banner_section::before{
    background-size: contain;
        top: 11%;
        left: -10rem;
    height: 11rem;
}
.banner_section .main_wrapper{flex-direction: column-reverse;}
.banner_section .main_wrapper .image_holder{width:100%; position:inherit; height: auto; border-radius: 1rem; box-shadow: none;}
.banner_section .main_wrapper .text_block{flex:1; height: auto; text-align: center; margin-top: 2rem;}
.banner_section .main_wrapper .text_block h3{text-align: center; font-size: 3rem; line-height: 4rem; margin-bottom: 1.5rem;}
.banner_section .owl-theme .owl-nav.disabled+.owl-dots{text-align: center; top: 0; margin-top: 2rem;}
.banner_section .main_wrapper .text_block p{font-size: 2rem; margin-bottom: 1rem;}
.banner_section .main_wrapper .text_block a.black_btn{width: 20rem; margin:0 auto; font-size: 1.6rem;}
/** END BANNER **/

h2.title,
.content_inner_section h1, .content_inner_section h2{font-size: 3.5rem; margin-bottom: 3rem;}
.content_inner_section h1{margin-bottom: 1rem !important;}

/**MANUFACTURING**/
.manufaturing{padding: 5rem 0;}
.manufaturing::before{
    background-size: contain;
    top: 12rem;
    height: 11rem;
}
.manufaturing .inner{flex-direction: column;}
.manufaturing .inner .product_block{flex:1; margin-right: 0; margin-bottom: 4rem;}
.manufaturing .inner .procontent_block{flex:1;}
.manufaturing .inner .product_block::before,
.manufaturing .inner .product_block::after{width: 4rem; height: 4rem;}
.manufaturing .inner .product_block::before{top: -1.3rem; left: -1.3rem;}
.manufaturing .inner .product_block::after{bottom: -1.3rem; left: -1.3rem;}
.manufaturing .inner .procontent_block h2{font-size: 2.8rem; line-height: 3.5rem; text-align: center; margin-bottom: 1.5rem;}
.manufaturing .inner .procontent_block p{text-align: center;}
ul.cardblock li{flex:1;}
ul.cardblock li .img_block a{height: 22rem;}
ul.cardblock li .img_block a .text_block h3{font-size: 2.1rem; line-height: 2.6rem;}
.manufaturing .inner .procontent_block a.black_btn{margin:0 auto;}
/**END MANUFACTURING**/

/**BLUE CTA**/
.blue_cta{padding: 5rem 0; margin-bottom: 5rem;}
.blue_cta h3{font-size: 2.5rem; line-height: 3.5rem;}
.blue_cta .button_block{width: 25rem; margin:0 auto; flex-direction: column;}
.blue_cta .button_block a{flex:1;}
.blue_cta .button_block a:not(:last-child){margin-right: 0; margin-bottom: 1rem;}
/**END BLUE CTA**/

/**GALLERY**/
.photogallery_block{margin-bottom: 5rem;}
.photogallery_block .inner_block{flex-direction: column;}
.photogallery_block .inner_block .leftblock{flex:1; margin-right: 0; margin-bottom: 1rem;}
.photogallery_block .inner_block .leftblock ul.cardblock li,
.photogallery_block .inner_block .leftblock ul.cardblock li:last-child{flex:0 0 47%;}
.photogallery_block .inner_block .leftblock ul.cardblock li .img_block a,
.photogallery_block .inner_block .rightblock ul.cardblock li .img_block a{height: 22rem;}
/**END GALLERY**/

/**WORK PROCESS**/
.workprocess_block{margin-bottom: 5rem;}
.workprocess_block .inner_block{flex-direction: column;}
.workprocess_block .inner_block .block{flex:1;}
.workprocess_block .inner_block .block:not(:last-child){margin-bottom: 1.5rem;}
.workprocess_block .inner_block .block:nth-child(2){display: none;}
.workprocess_block .inner_block .block .content_block{height: auto;}
.workprocess_block .inner_block .block .content_block:not(:last-child){margin-bottom: 1.5rem;}
/**END WORK PROCESS**/

/**TESTIMONIALS**/
.testimonials_block{padding: 5rem 0; height: auto; margin-bottom: 0;}
.testimonials_block .owl-theme .owl-dots .owl-dot span{background: var(--white) !important;}
.testimonials_block .owl-theme .owl-dots .owl-dot.active span{border:0.2rem solid var(--white) !important;}
/**END TESTIMONIALS**/

/**FOOTER**/
.call_block{width:100%; flex-direction: column; padding: 2rem;}
.call_block span{margin-right: 0; margin-bottom: 1rem; font-size: 2rem; line-height: 2rem;}
.call_block a{font-size: 3rem; line-height: 3rem;}
.call_block a img{display: none;}

.quick_contact{flex-direction: column; align-items:inherit;}
.quick_contact span,
.quick_contact .input_holder{flex:1;}
.quick_contact span{margin-right: 0; margin-bottom: 1.5rem; text-align: center;}
.quick_contact .input_holder{margin-right: 0; margin-bottom: 0.8rem;}
.quick_contact input[type="submit"]{background-image: none; font-size: 1.6rem; text-transform: uppercase; color: var(--white); font-weight: 600;}

.copyrighi .inner_block{flex-direction: column;}
.copyrighi .inner_block .block:first-child{flex:1; text-align: center; order: 2;}
.copyrighi .inner_block .block:nth-child(2){flex:1; margin-bottom: 1rem;}
.copyrighi .inner_block .block ul{margin-right: 0; margin-bottom: 1.5rem; justify-content: center;}
.copyrighi .inner_block .block:last-child{flex:1; order: 2; text-align: center;}
/**END FOOTER**/

/**ABOUT**/
.section_about .top_section_inner{flex-direction: column; margin-bottom: 5rem;}
.section_about .top_section_inner::before{width: 8rem; height: 8rem; top: -2rem; z-index: -1; right: -2rem;}
.section_about .top_section_inner .imagewrapper,
.section_about .top_section_inner .content_holder{flex:1;}
.section_about .top_section_inner .content_holder{left: 0; padding: 2rem; top: -4rem; width: 94%;}
.section_about .top_section_inner .imagewrapper .img_block{height: 25rem;}
.section_about .bottom_options h2{margin-bottom: 4rem;}
ul.three_opt_block{flex-direction: column;}
ul.three_opt_block li:not(:last-child){margin-right: 0; margin-bottom: 2rem;}
/**END ABOUT**/

/**PRODUCTS**/
.contentinnere{padding: 2rem; margin:0 0 3rem 0;}
ul.product_section li a,
ul.product_section li:nth-child(even) a{flex-direction: column;}
ul.product_section li .imagewrapper{flex:1;}
ul.product_section li .img_block{height: 24rem;}
ul.product_section li .content_block{flex:1; left: 0; width: 94%; top:0; padding: 2rem; margin: -4rem 0 0 0;}
ul.product_section li .content_block h3{text-align: center; margin-bottom: 1.5rem; line-height: 3rem;}
ul.product_section li .content_block p{text-align:left;}
ul.product_section li:nth-child(even) .content_block{left: 0;}
ul.product_section li:not(:last-child){margin:0 0 3rem 0;}
/**END PRODUCTS**/

.top_data_holder img{height: 24rem; margin-bottom: 2rem;}
.progallery{margin-top: 4rem; padding: 0;}
.progallery ul{flex-direction: column;}
.progallery ul li{flex:1; margin-right: 0; margin-bottom: 2rem; height: 24rem;}
.progallery ul li:nth-child(3), .progallery ul li:nth-child(4){margin-bottom: 2rem;}
.progallery ul li h3{padding: 0 1.5rem; bottom: 2rem; font-size: 2.5rem;}
/**END PRODUCT DETAILS**/

/**CONTACT**/
.map_holder{height: 30rem;}
.frm_holder{width: auto; padding: 3rem 2.5rem; margin-bottom: 2rem;}
.frm_holder .inner_frm .inputholder{flex-direction: column;}
.frm_holder .inner_frm .inputholder .holder:not(:last-child){margin-right: 0; margin-bottom: 1.4rem;}
.frm_holder .inner_frm .inputholder input[type="submit"]{width: 100%;}

.address_block{flex-direction: column;}
.address_block .block{flex:1; width: 100%;}
.address_block .block:not(:last-child){margin-right: 0; padding-right: 0; border-right: 0; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom:0.1rem solid var(--input-line);}
ul.address{flex-direction: column;}
ul.address li:not(:last-child){margin-right: 0; margin-bottom: 1rem;}
ul.address li{text-align: left;}

/**END CONTACT**/

/**QUOTE**/
.quote_holder{width: auto; padding: 2.5rem;}
.quote_holder h3{font-size: 1.8rem;}
.quote_holder .inner_frm .inputholder{flex-direction: column;}
.quote_holder .inner_frm .inputholder .holder:not(:last-child){margin-right: 0; margin-bottom: 1.4rem;}
.quote_holder .inner_frm .inputholder input[type="submit"]{width: 100%;}
/**END QUOTE**/

/** BLOG **/
.blog_layout{flex-direction: column;}
.left_blog_holder{margin-bottom: 3rem;}
.left_blog_holder .post .img_holder,
.left_blog_holder .post .entry .img_holder{height: 23rem;}
.left_blog_holder,
.sidebar{flex:1;}
/** END BLOG **/

.inner_top_strip{justify-content: center;}
.inner_top_strip .social_btns{display: none;}
.map_wrapper{margin-top: 6rem;}
.map_wrapper h2{text-align: center;}

.client_logos_wrapper{margin-top: 6rem;}
.client_logos_wrapper img:nth-child(2n){margin-right: 0;}
.client_logos_wrapper img{margin-bottom: 2rem;}

.counter_wrapper{margin: 6rem 0;}
.counter_wrapper .cblock:not(:last-child){margin: 0 0 2rem 0;}
.counter_wrapper .cblock{min-width: 100%;}
.counter_wrapper .cblock .top_box span{font-size: 8rem; line-height: 7rem;}

.client_logos_wrapper{grid-template-columns: repeat(2,1fr);}
}

@media only screen and (min-width:768px) and (max-width:1023px){
nav .close{display: block;}
h2.title{font-size: 3.5rem; margin-bottom: 3rem;}
/**HEADER**/
.top_section{padding:0;}
.top_section::after{display: none;}
header{border-bottom: 0.1rem solid var(--red);}
header .inner{padding: 1.5rem 0 0.5rem 0;}
header .inner a.logo{width:20rem;}
.mobile_nav{
    background: var(--red);
    width: 6.4rem;  margin: 0 0 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3.3rem 1.5rem;
}

.mobile_nav span {
    background: var(--white);
    width: 100%;
    height: 0.4rem;
    display: block;
}
.mobile_nav span:not(:last-child){margin-bottom: 0.5rem;}
.close{position: absolute; top: 15px; right: 20px; display: block;}
header nav{
    position: fixed;
    right: -1200px;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: var(--white);
    z-index: 99;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .inner nav ul{flex-direction: column;}
header .inner nav ul li{display: flex; justify-content: center; align-items: center;}
header .inner nav ul li:not(:last-child){margin-right: 0; margin-bottom: 2rem;}
header .inner nav ul li a{color: var(--black);}
header .inner nav ul li:last-child a{background: var(--red); color: var(--white);}
/**END HEADER**/
/** BANNER **/
.banner_section{margin: 3rem 0 0 0;}
.banner_section::before{left: -12rem; top: 19%;}
.banner_section .main_wrapper{flex-direction: column-reverse;}
.banner_section .main_wrapper .image_holder{width:80%; position:inherit; height: auto; border-radius: 1rem; box-shadow: none; margin:0 auto;}
.banner_section .main_wrapper .text_block{flex:1; height: auto; text-align: center; margin-top: 2rem;}
.banner_section .main_wrapper .text_block h3{text-align: center; font-size: 5rem; line-height: 4rem; margin-bottom: 2.5rem;}
.banner_section .owl-theme .owl-nav.disabled+.owl-dots{text-align: center; top: 0; margin-top: 2rem;}
.banner_section .main_wrapper .text_block p{font-size: 3rem; margin-bottom: 2rem;}
.banner_section .main_wrapper .text_block a.black_btn{width: 20rem; margin:0 auto; font-size: 1.6rem;}
/** END BANNER **/

/**MANUFACTURING**/
.manufaturing{padding: 5rem 0;}
.manufaturing::before{
    /*background-size: contain;
    top: 12rem;
    height: 11rem;*/
    top: 19%;
    right: -12rem;
}
.manufaturing .inner{flex-direction: column; padding: 0 9rem;}
.manufaturing .inner .product_block{flex:1; margin-right: 0; margin-bottom: 4rem;}
.manufaturing .inner .procontent_block{flex:1;}
.manufaturing .inner .product_block::before,
.manufaturing .inner .product_block::after{width: 4rem; height: 4rem;}
.manufaturing .inner .product_block::before{top: -1.3rem; left: -1.3rem;}
.manufaturing .inner .product_block::after{bottom: -1.3rem; left: -1.3rem;}
.manufaturing .inner .procontent_block h2{font-size: 3.5rem; line-height: 4.5rem; text-align: center; margin-bottom: 1.5rem;}
.manufaturing .inner .procontent_block p{text-align: center;}
ul.cardblock li{flex:1;}
ul.cardblock li .img_block a{height: 22rem;}
ul.cardblock li .img_block a .text_block h3{font-size: 2.1rem; line-height: 2.6rem;}
.manufaturing .inner .procontent_block a.black_btn{margin:0 auto;}
/**END MANUFACTURING**/

/**BLUE CTA**/
.blue_cta{padding: 5rem 0; margin-bottom: 5rem;}
.blue_cta h3{font-size: 3rem; line-height: 4rem; padding: 0 8%;}
/**END BLUE CTA**/

/**GALLERY**/
.photogallery_block{margin-bottom: 5rem;}
.photogallery_block .inner_block .leftblock{flex:1;}
.photogallery_block .inner_block .leftblock ul.cardblock li,
.photogallery_block .inner_block .leftblock ul.cardblock li:last-child{flex:0 0 48%;}
.photogallery_block .inner_block .leftblock ul.cardblock li .img_block a{height: 20rem;}
.photogallery_block .inner_block .rightblock ul.cardblock li .img_block a{height: 42rem;}
/**END GALLERY**/

/**WORK PROCESS**/
.workprocess_block{margin-bottom: 5rem;}
.workprocess_block .inner_block .block:nth-child(2){display: none;}
/**END WORK PROCESS**/

/**TESTIMONIALS**/
.testimonials_block{padding: 5rem 0; height: auto; margin-bottom: 0;}
.testimonials_block .owl-theme .owl-dots .owl-dot span{background: var(--white) !important;}
.testimonials_block .owl-theme .owl-dots .owl-dot.active span{border:0.2rem solid var(--white) !important;}
/**END TESTIMONIALS**/

/**FOOTER**/
.call_block{width: 100%; padding:1rem 2rem;}
.call_block span{font-size: 2.5rem;}
.call_block a{font-size: 3.5rem;}
.quick_contact span{font-size: 1.7rem;}
.quick_contact .input_holder{flex: 0 0 16rem;}
.copyrighi .inner_block{flex-direction: column;}
.copyrighi .inner_block .block:first-child,
.copyrighi .inner_block .block:nth-child(2),
.copyrighi .inner_block .block:last-child{flex:1; width: 100%; text-align: center;}
.copyrighi .inner_block .block:first-child{order: 1;}
.copyrighi .inner_block .block .inner_block{display: flex !important;}
/**END FOOTER **/

/**ABOUT**/
.section_about .top_section_inner{flex-direction: column; margin-bottom: 0rem;}
.section_about .top_section_inner::before{top: -3rem; z-index: -1; right: -1rem;}
.section_about .top_section_inner .imagewrapper,
.section_about .top_section_inner .content_holder{flex:1;}
.section_about .top_section_inner .content_holder{left: 0; padding: 2rem; top: -10rem; width: 90%;}
.section_about .top_section_inner .imagewrapper .img_block{height: 40rem;}
.section_about .bottom_options h2{margin-bottom: 4rem;}
ul.three_opt_block{flex-direction: column;}
ul.three_opt_block li:not(:last-child){margin-right: 0; margin-bottom: 2rem;}
/**END ABOUT**/

/**PRODUCTS**/
.contentinnere{padding: 2rem; margin:0 0 3rem 0;}
ul.product_section li a,
ul.product_section li:nth-child(even) a{flex-direction: column;}
ul.product_section li .imagewrapper{flex:1;}
ul.product_section li .img_block{height: 24rem;}
ul.product_section li .content_block{flex:1; left: 0; width: 94%; top:0; padding: 2rem; margin: -4rem 0 0 0;}
ul.product_section li .content_block h3{text-align: center; margin-bottom: 1.5rem; line-height: 3rem;}
ul.product_section li .content_block p{text-align:left;}
ul.product_section li:nth-child(even) .content_block{left: 0;}
ul.product_section li:not(:last-child){margin:0 0 3rem 0;}
/**END PRODUCTS**/

/**PRODUCT DETAILS**/
.top_data_holder img{height:36rem; margin-bottom: 3rem;}
.progallery{margin-top: 4rem; padding: 0;}
.progallery ul li{flex:0 0 48%; height:35rem;}
.progallery ul li h3{padding: 0 1.5rem; font-size: 2.6rem; bottom: 2rem;}
/**END PRODUCT DETAILS**/

/**CONTACT**/
.frm_holder{width: 100%;}
ul.address li, ul.otherinfo li{font-size: 1.7rem;}
/**END CONTACT**/

/** BLOG **/
.blog_layout{flex-direction: column;}
.left_blog_holder{margin-bottom: 3rem;}
.left_blog_holder,
.sidebar{flex:1;}
/** END BLOG **/

.client_logos_wrapper{margin-top: 6rem;}
.client_logos_wrapper img:nth-child(5n){margin-right: 0;}
.client_logos_wrapper img{margin-bottom: 2rem;}

.counter_wrapper {flex-direction: column; padding: 0 3rem; margin: 4rem 0;}
.counter_wrapper .cblock:not(:last-child){margin: 0 0 2rem 0;}
}

@media only screen and (min-width:1024px) and (max-width:1200px){
/**HEADER**/
.top_section::after {width: 66%;}

header .inner nav ul li:last-child a{padding: 0.8rem 1rem;}
.banner_section .main_wrapper .image_holder{width: 68%;}
.banner_section .main_wrapper .image_holder,
.banner_section .main_wrapper .text_block{height: 45rem;}

.banner_section .main_wrapper .text_block{margin-left: 4rem; flex:0 0 28rem;}
.banner_section .main_wrapper .text_block h3{font-size: 4rem; line-height: 4.5rem; margin-bottom: 2.5rem;}
.banner_section .main_wrapper .text_block a.black_btn{width: 20rem;}
.banner_section .owl-theme .owl-nav.disabled+.owl-dots{padding-left: 6rem;}
/**END HEADER**/

/**MANUFACTURING**/
.manufaturing .inner{padding: 0 3rem;}
.manufaturing .inner .product_block{flex:0 0 54rem;}
ul.cardblock li{flex:0 0 48%;}
.manufaturing .inner .procontent_block{flex:0 0 33rem;}
.manufaturing .inner .procontent_block h2{font-size: 3.3rem; line-height: 4.5rem; margin-bottom: 1.5rem;}
.manufaturing .inner .procontent_block p{text-align: justify;}
/**END MANUFACTURING**/

/**BLUE CTA**/
.blue_cta{padding: 6rem 0; margin-bottom: 5rem;}
.blue_cta h3{font-size: 3rem; line-height: 4rem; padding: 0;}
/**END BLUE CTA**/

.photogallery_block .inner_block .leftblock{flex: 0 0 60rem;}

.workprocess_block .inner_block .block{flex:0 0 31rem;}
.workprocess_block .inner_block .block:nth-child(2){flex:0 0 32rem;}
.workprocess_block .inner_block .block .imgholder{height: 60rem;}
.workprocess_block .inner_block .block .content_block{height: 27rem;}

.testimonials_block{margin-bottom: 34rem;}

/**FOOTER**/
.call_block{width:72%; padding:1rem 2rem;}
.call_block span{font-size: 2.5rem;}
.call_block a{font-size: 3.5rem;}

.copyrighi .inner_block{align-items:inherit;}
.copyrighi .inner_block .block:nth-child(2){flex:1;}
/**END FOOTER **/

/**ABOUT**/
.section_about .top_section_inner .content_holder{left: -32rem;}
.section_about .top_section_inner::before{top: 11%; right: 0;}
ul.three_opt_block li:not(:last-child){margin-right: 2rem;}
/**END ABOUT**/

/**PRODUCTS**/
ul.product_section li .content_block{left: -31rem;}
ul.product_section li:nth-child(even) .content_block{left: 31rem;}
/**END PRODUCTS**/

/**PRODUCT DETAILS**/
.top_data_holder img{margin-bottom: 3rem;}
.progallery{margin-top: 4rem; padding: 0;}
.progallery ul li{flex:0 0 48%; height:35rem;}
.progallery ul li h3{padding: 0 1.5rem; bottom: 4rem;}
/**END PRODUCT DETAILS**/

/** BLOG **/
.left_blog_holder{flex:0 0 60%;}
/** END BLOG **/

.client_logos_wrapper{margin-top: 6rem;}
.client_logos_wrapper img:nth-child(5n){margin-right: 0;}

.counter_wrapper{margin: 4rem 0;}
.counter_wrapper .cblock:not(:last-child){margin: 0 2rem 0 0;}
.counter_wrapper .cblock{min-width: unset;}
.counter_wrapper .cblock .top_box span{font-size: 7rem; line-height: 6rem;}
}
@media only screen and (min-width:1600px){
.banner_section::before{left: -12.5rem;}
.manufaturing::before{right: -13rem;}
}
@media only screen and (min-width:1920px){}