.slicknav_menu { display: none; }
 @media (min-width:1201px) and (max-width:1400px) {
.container { padding: 0 30px; }
.home-cont h1 { font-size: 45px; }
.banner ul li .banner-text { top: 24%; }
.banner ul li .banner-text h1 { font-size: 32px; line-height: 38px; }
.abt-text-area { width: 100%; }
.abt-text-area { padding-top: 40px; }
.abt-text-area p { font-size: 16px; padding-top: 40px; line-height: 30px; }
.banner-slider .slick-prev { left: 20px; }
.banner-slider .slick-next { right: 20px; }
.banner ul li .banner-text { padding-left: 50px; }
.ft-container { padding: 0 50px; }
.ft-menu li { padding-right: 30px; }
.about-left { width: 20%; }
.about-right { width: 20%; }
.about-center { width: 60%; }
.about-left img { width: 100%; }
.about-right img { width: 100%; }
.contact { margin: 0px 0; }
.gallery-page { padding: 0px 0 100px 0; }
     nav ul li a{padding: 20px 15px;}
}
 @media (min-width:1025px) and (max-width: 1200px) {
.container { width: 100%; max-width: inherit; padding: 0 30px; }
.home-cont h1 { font-size: 40px; }
.abt-text-area { width: 90%; }
.abt-text-area { padding-top: 6px; }
.abt-text-area p { font-size: 16px; padding-top: 10px; line-height: 26px; }
.banner-slider .slick-prev { left: 20px; }
.banner-slider .slick-next { right: 20px; }
.banner ul li .banner-text { padding-left: 50px; top: 25%; }
.home-project { padding-left: 50px; }
.banner ul li .banner-text h1 { font-size: 33px; line-height: 32px; }
.project-slider { width: 88%; }
.about-left { width: 20%; }
.about-right { width: 20%; }
.about-center { width: 60%; }
.about-left img { width: 100%; }
.about-right img { width: 100%; }
.abt-text-area { width: 100%; padding: 0 20px; }
.product-left { width: 48%; }
.product-right { width: 52%; }
.slider-tab li { font-size: 21px; }
.ft-container { padding: 0 50px; }
.ft-menu li { padding-right: 20px; }
nav ul li a { padding-left: 10px; padding-right: 10px; font-size: 14px; }
nav ul { width: 100%; padding-right:65px; }
.agency-list { padding: 25px 30px; width: 60%; }
.contact { margin: 0px 0; }
.gallery-page { padding: 0px 0 100px 0; }
.inner-pro-right img { width: 100%; }
.img-right { width: 40%; float: left; }
.accessories-list1 { width: 56%; margin-left: 4%; }
.accessories h2 { margin-bottom: 30px; }
.wall-pipe { padding: 0px; }
.product-tank { width: 100%; }
.tab-area { margin-top: 0px !important; }
.project-gl-image { height: 200px; }
.product-tank { position: relative; z-index: 999; }
}
 @media only screen and (max-width:1024px) {
#menu { display: none; }
.js .slicknav_menu { display: block; }
nav { margin: 0px; height: 55px; }
.lag{right:65px;}
nav li { margin: 0px; }
.drop-menu { position: inherit; top: 0px; right: 0px; opacity: 1; visibility: visible; width: 100%; float: left; background: none; border: none; transform: none; top: 0px; padding: 0px; }
.drop-menu > li a { padding: 7px 12px; width: 100%; height: auto; float: left; color: #FFF !important; background-position: left 0px top 11px; }
nav ul li:hover .drop-menu { top: 0px; transform: none; }
nav ul .drop-menu li a { float: right; text-align: right; background: #015fbf; border: none; }
.drop-menu > li { padding: 0px; }
nav ul li .subMenu .levalmenu li { background: #666 !important; }
.mb-lng { display: block; }
nav li.lng { display: none; }
nav ul li .subMenu:after { display: none; }
.container { width: 100%; max-height: inherit; padding: 0 20px; }
.home-about { display: inherit; padding: 20px 10px; }
.home-project { padding: 0px 10px 20px 10px; background: #f6f6f6; }
.home-project h1 { padding-top: 15px !important; }
.ft-container { width: 100%; padding: 0px 10px; }
.ft-block { width: 100%; padding: 30px 0 20px 0; }
.banner ul li .banner-text { top: 24%; left: 10%; }
.banner-abt_heading { width: 70%; }
.banner ul li .banner-text h1 { font-size: 25px; line-height: 28px; }
footer h2 { font-size: 18px; }
.ft-menu { padding: 10px 0 0 0; width: 60%; position: relative; z-index: 999; }
.footer-right { width: 100%; max-width: inherit; height: auto; position: relative; left: 0px; float: left; background-position: inherit; bottom: 0px; background: none; background: #dddddd; }
.footer-right:after { content: ''; bottom: 0px; right: 0px; position: absolute; width: 0; height: 0; border-bottom: 300px solid #036277; border-left: 360px solid transparent; }
.copy-part p { width: 100%; height: auto; float: left; color: #000; position: relative; z-index: 999; padding: 10px 0 10px 0; }
#cssmenu { display: none; }
.banner { margin-top: 0px; }
.logo { top: 10px; }
.abt-text-area { width: 100%; padding: 0px; }
.home-cont h1 { font-size: 27px; z-index: 999; position: relative; padding: 0px 0 0 0; }
.abt-text-area p { font-size: 14px; line-height: 20px; }
.copy-part { padding: 0px 10px; position: inherit; }
.slider-tab { margin-top: 20px; }
.slider-tab { margin-left: 0px; }
.slider-tab li { font-size: 16px; }
.product-right { width: 55%; padding-left: 20px; margin: -30px 0 0; }
.product-left { width: 45%; }
.banner-shape { bottom: -10px; }
.banner ul li .banner-text h1 { padding: 20px 0 0 0; }
.product-left .pro-contet-top { padding: 0 10px; }
.slider-tab li { padding: 6px 0; }
.slider-image .slick-next { right: 50px; }
.project-slider .slider li h2 { margin: 10px 0 0 0; font-size: 13px; }
.project-slider .slider li .pro-btm { height: 70px; padding: 5px; }
.project-slider .slider li .pro-btm::before { height: 70px; }
.project-slider .slider li h2 { margin: 0px; background-position: right 0 top 0px; }
.product-more span { font-size: 16px; }
.home-products-sec { padding-bottom: 30px; margin: 0px 0 0 0; }
.product-more { height: 90px; }
.product-more::before { height: 80px; }
.slider-tab li.slick-current span::after { border-width: 8px 10px 8px 0; left: -10px; top: 8px; }
.project-slider .slick-prev, .project-slider .slick-next { top: -40px; }
.project-slider { padding-top: 15px; }
.ft-icon { margin-bottom: 0px; width: 100%; }
.ft-menu li { width: 50%; padding-right: 0; }
.ft-icon img { width:50%; float: right; position: relative; z-index: 999; padding: 0 0px 0 0; }
.footer-right .social { width: 100%; margin-bottom: 0px; margin-top: 20px; position: relative; z-index: 999; }
.footer-right .social li { width: 30px; height: 30px; background-size: 30px 30px !important; }
.about-left { width: 20%; }
.about-right { width: 20%; }
.about-center { width: 60%; }
.about-left img { width: 100%; }
.about-right img { width: 100%; }
.home-project::after { width: 14%; }
.project-slider { width: 100%; }
.project-slider .slider li .slideX { width: 98%; }
.ft-right { width: 30%; height: auto; float: none; position: absolute; bottom: 0px; right: 10px; }
.aboutus-content h1 { font-size: 35px; }
.aboutus-content p { font-size: 15px; line-height: 25px; }
.inner-wrap { padding: 0px 0 30px 0; }
.home-about { padding-top:50px; }
.inner-wrap::after { width: 35%; }
.page-reach { padding: 20px 0; }
.reach h1 { font-size: 35px; padding: 10px 0; }
.reach h3 { font-size: 18px; }
.agency-list { padding: 25px 20px; width: 60%; }
.agency-list h2 { font-size: 25px; }
.agency-list ul { padding: 5px 0 0 0; }
.agency-list ul li { font-size: 15px; padding: 4px 0; }
.site-logo { margin-left: 0px; float: right; }
.site-logo img { width: 100%; }
.agency-area { padding-bottom: 30px; }
.abt-kai { width: 60%; padding: 20px; }
.location-map { width: 40%; }
.contact { margin: 0px 0; }
.contact h1 { font-size: 35px; }
.gallery-page { padding: 0px 0 50px 0; }
.gallery-page h1 { padding: 0px; font-size: 32px; }
.photo-gallery, .video-gallery { margin: 15px 0 0 0; }
.photo-gallery h2, .video-gallery h2 { font-size: 18px; padding: 0px; }
.inner-pro-right img { width: 100%; }
.product-fabricated h1 { font-size: 30px; }
.product-fabricated p { font-size: 15px; line-height: 28px; }
.shape-fittings { margin-top: 0px; }
.product-fabricated { margin-top: 0px; }
.sub-ducts { width: 100%; padding: 0px; }
.fittings-list { width: 100%; }
.product-tank { width: 100%; }
.primary-advantages { width: 75%; }
.characteristics-list { font-size: 14px; }
.accessories h2 { margin-bottom: 30px; }
.accessories { position: relative; z-index: 999; }
.product-page h1 { font-size: 35px; padding: 0px 0 10px 0; }
.product-page { font-size: 15px; line-height: 23px; }
.wall-pipe-image img { width: 100%; max-width: 320px; }
.wall-pipe-image { padding-right: 20px; margin: 40px 0 0 0; }
.corrugated-box { width: 50%; }
.wall-pipe { padding: 0px; }
.corrugated-area { margin: 30px 0 30px 0; display: inherit; }
.product-page h2 { float: left; }
.product-page p { width: 100%; float: left; padding: 10px 0 0 0; }
.product-page h3 { float: left; }
.corrugated-box, .corrugated-right-box { width: 100%; }
.wall-pipe-cont { width: 65%; }
.white-box, .box-right { width: 50%; }
.solid-chart .table-chart { width: 100%; margin: 20px 0 0 0; float: left; }
.project-page h1 { font-size: 30px; }
.project-gl-image { height: 180px; }
.project-page { position: relative; z-index: 999; }
.tab-area { margin: 0px !important; }
.shape-tank img { width: 100%; }
.product-watertank h1 { font-size: 35px; }
.product-watertank { font-size: 16px; padding-left: 20px; line-height: 24px; }
.product-tank { position: relative; z-index: 999; }
.news-cont{ width: 100%;}
.news-img{ width: 100%;}
     .video-list li{ margin: 10px 0 0 2%;}
     .news-page{ padding: 10px 0px 20px 0px;}
     .news-details{padding:10px 0px 30px 0px !important;}
     .news-cont p{ font-size: 13px;}
     .manhole-cont{ font-size: 13px;}
 p{ font-size: 13px !important; line-height: 20px !important;}
     .product-fabricated h1{ padding-bottom: 0;}
}
 @media only screen and (max-width:980px) {
.img-right, .img-left { width: 100%; height: auto; float: left; z-index: 999; position: relative; text-align: center; }
.img-right img, .img-left img { }
.accessories-list1 { width: 100%; height: 200px; margin: -30px 0 0 0; text-align: center; }
.accessories-tb1, .accessories-tb2 { padding: 0 30px; }
.project-list li { width: 48%; }
.project-gl-image { height: 260px; }
.specifications { margin: 15px 0 0 0; }
.tank-type1 { width: 100%; }
.product-tank th { padding: 8px 5px; }
.product-tank td { padding: 8px 5px; }
.product-tank td { font-size: 13px; }
}
 @media (min-width: 640px) and (max-width: 767px) {
.container { width: 100%; max-height: inherit; padding: 0 10px; }
.footer-right { width: 100%; max-width: inherit; height: auto; position: relative; left: 0px; float: left; background-position: inherit; bottom: 0px; background: none; background: #dddddd; }
.footer-right:after { content: ''; bottom: 0px; right: 0px; position: absolute; width: 0; height: 0; border-bottom: 300px solid #036277; border-left: 250px solid transparent; }
.copy-part p { width: 100%; height: auto; float: left; color: #000; position: relative; z-index: 999; padding: 10px 0 10px 0; }
.banner-shape { height: 65px; bottom: -40px; }
.logo-back { width: 100px; max-width: inherit; height: 150px; }
.banner { margin-top: 0px; }
.logo { top: 10px; }
.banner ul li .banner-text { width: 60%; padding-left: 30px; left: 0px; }
.banner ul li .banner-text h1 { font-size: 22px; line-height: 28px; }
.abt-text-area { width: 100%; padding: 0px; }
.home-cont h1 { font-size: 27px; z-index: 999; position: relative; padding: 30px 0 0 0; }
.abt-text-area p { font-size: 14px; line-height: 20px; }
.copy-part { padding: 0px 10px; position: inherit; }
.slider-tab { margin-top: 0px; }
.slider-tab li span { width: 100%; padding: 6px 6px; margin: 0 0 0 10px; }
.slider-tab { margin-left: 0px; }
.slider-tab li { font-size: 16px; }
.product-right { width: 50%; padding-left: 10px; }
.product-left { width: 50%; margin-top: -40px; }
.product-left .pro-contet-top { padding: 0 10px; }
.slider-tab li { padding: 6px 0; }
.slider-image .slick-next { right: 50px; }
.product-left h2 { font-size: 20px; line-height: 25px; }
.about-left { width: 20%; }
.about-right { width: 20%; }
.about-center { width: 60%; }
.about-left img { width: 100%; }
.about-right img { width: 100%; }
.home-project::after { width: 20%; }
.banner-heading { bottom: -10px; }
.site-logo { width: 100%; float: left; }
.site-logo img { width: auto; }
.video-thumbnail { width: 96%; }
.inner-pro-left { padding-right: 30px; }
.characteristics-list { width: 50%; height: 260px; }
.col-3 { margin-top: -50px; }
.col-4 { margin-top: 0px; }
.accessories-list1 { padding: 10px; font-size: 15px; }
.accessories h1 { padding: 30px 0 5px 0; font-size: 18px; }
.solid-chart .table-chart td span { padding: 0 5px; font-size: 12px; }
.project-gl-image { height: 200px; }
.color { font-size: 14px; padding: 15px 15px; }
.product-tank td { font-size: 12px; }
.tank-left { padding-right: 10px; }
}
 @media only screen and (max-width: 639px) {
.container { width: 100%; max-height: inherit; padding: 0 10px; }
.home-about { display: inherit; padding: 0 10px; }
.home-project h1 { padding-top: 15px !important; }
.inner-abt { padding: 0px; }
.footer-right { width: 100%; max-width: inherit; height: auto; position: relative; left: 0px; float: left; background-position: inherit; bottom: 0px; background: none; background: #dddddd; }
.footer-right:after { content: ''; bottom: 0px; right: 0px; position: absolute; width: 0; height: 0; border-bottom: 300px solid #036277; border-left: 250px solid transparent; }
.copy-part p { width: 100%; height: auto; float: left; color: #000; position: relative; z-index: 999; padding: 10px 0 10px 0; }
.banner-shape { height: 65px; bottom: -40px; }
.logo-back { width: 130px; max-width: inherit; height: 150px; }
.banner { margin-top: 0px; }
.logo { top: 10px; }
.banner ul li .banner-text { width: 60%; padding-left: 30px; }
.banner ul li .banner-text h1 { font-size: 18px; padding: 0px; line-height: 25px; }
.abt-text-area { width: 100%; padding: 0px; }
.home-cont h1 { font-size: 27px; z-index: 999; position: relative; padding: 20px 0 0 0;  width: auto;}
.abt-text-area p { font-size: 14px; line-height: 20px; }
.copy-part { padding: 0px 10px; position: inherit; }
.slider-tab { margin-top: 0px; }
.slider-tab li span { width: 100%; padding: 6px 6px; margin: 0 0 0 10px; }
.slider-tab { margin-left: 0px; }
.slider-tab li { font-size: 13px; }
.product-right { width: 45%; padding-left: 10px; }
.product-left { width: 55%; margin-top: -40px; }
.product-left .pro-contet-top { padding: 0 10px; }
.slider-tab li { padding: 3px 0; }
.slider-image .slick-next { right: 50px; }
.product-left h2 { font-size: 20px; line-height: 25px; }
.about-left { width: 100%; }
.about-center { width: 100%; }
.about-right { width: 100%; }
.home-project::after { width: 20%; }
.about-left img { width: 60%; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg) }
.about-right img { width: 60%; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg) }
.banner-about img { min-height: 150px; }
.banner ul li .banner-text h1 { font-size:15px; line-height: 18px; }
.banner ul li .banner-text { left: 0px; }
.inner-abt h1 { font-size: 30px; padding: 10px 0 0 0; }
.page-reach { padding: 20px 0; }
.reach h1 { font-size: 30px; padding: 10px 0; }
.reach h3 { font-size: 18px; }
.agencies-img { width: 100%; }
.agency-list { width: 100%; margin: 0px; }
.gallery-page h1, .agency-area h1 { font-size:24px; padding-top: 10px; position: relative; z-index: 999; }
     .news-page h1{ font-size: 24px;}
.abt-kai { width: 100%; padding: 20px; }
.location-map { width: 100%; padding: 0px; }
.adress h3, .abt-kai h3.social-head { font-size: 18px; }
.adress ul li { font-size: 15px; line-height: 28px; }
.video-list { width: 100%; margin: 0 0 0 0; }
.video-list li { width: 100%; margin-left: 0px; }
.inner-pro-left { padding-right: 30px; }
.inner-pro-right { width: 100%; padding: 0 100px; margin: 0px; }
.inner-pro-left { width: 100%; padding-right: 0px; }
.characteristics-list { width: 50%; }
.col-3 { margin-top: -50px; }
.col-4 { margin-top: 0px; }
.accessories-list1 { padding: 10px; font-size: 15px; }
.accessories h1 { padding: 30px 0 5px 0; font-size: 18px; }
.img-right img, .img-left img { width: 100%; }
.product-tank .corrugated-table th { font-size: 12px; padding: 10px 5px; }
.product-tank td { padding: 8px 5px; }
.white-box, .box-right { width: 100%; padding: 15px 15px; height: auto; }
.solid-chart .table-chart td span { padding: 0 2px; font-size: 10px; }
.chart-section span { padding: 0 2px; }
.table-chart > thead tr th { padding: 8px 0px; }
.project-gl-image { height: 140px; }
.project-list li { min-width: 225px; }
.color { font-size: 13px; padding: 15px 5px; }
.layer-style { padding-right: 10px; }
.layer-style img { width: 50%; padding: 10px 0 0 0; }
.tab-arrow { width: 15px; }
.tank-left { width: 100%; text-align: center; padding: 0px; }
.tank-left img { max-width: 250px; }
.tank-box { width: 100%; }
.usg { padding-left: 0px; }
.liters { margin-left: 10px; }
.inner-wrap:after{ z-index: -09 !important;}
     .container{ padding: 0 10px;}

     .career-form{
     flex-direction: column;
     padding-bottom: 270px;
     }

     .career-form li{
          width: 100%;
     }
     
}
@media only screen and (max-width: 480px) {
.home-cont { margin: 40px 0 0 0; }
.product-left { width: 100%; margin: 15px 0 0 0; }
.product-right { width: 100%; padding: 0px;  margin: -50px 0 0; }
.slider-tab { display: none; }
.slider-image .slick-prev, .slider-image .slick-next { display: block !important; top: -40px; left: inherit; right: 0px; }
.slider-image .slick-next { right: 50px; }
.project-slider { width: 100%; }
.project-slider .slider li .slideX { width: 100%; }
.home-project::after { width: 38%; }
.project-slider .slider li .pro-btm { height: 80px; padding: 0 15px; }
.project-slider .slider li .pro-btm::before { height: 80px; }
.project-slider .slider li h2 { margin: 10px 0 0 0; background-position: right 0 top 0px; }
.footer-right { width: 100%; max-width: inherit; height: auto; position: relative; left: 0px; float: left; background-position: inherit; bottom: 0px; background: none; background: #dddddd; }
.footer-right:after { content: ''; bottom: 0px; right: 0px; position: absolute; width: 0; height: 0; border-bottom: 260px solid #036277; border-left: 200px solid transparent; }
.ft-icon img { float: right; position: relative; z-index: 999; padding: 0 0px 0 0; }
.ft-menu li { font-size: 12px; }
.banner-shape { height: 65px; bottom: -48px; }
.banner-about { height: auto; }
.banner-about img { min-height: 130px; }
.inner-abt-image { width: 100%; padding: 0px 60px; }
.inner-abt-cont { width: 100%; position: relative; z-index: 9999; }
.photo-gallery, .video-gallery { width: 100%; }
.video-thumbnail { width: 100%; }
.inner-pro-right { width: 100%; padding: 0 30px; margin: 0px; }
.shape-fittings { width: 100%; text-align: center; }
.shape-fittings img { padding: 0 30px; }
.product-fabricated { width: 100%; }
.sub-ducts { margin-top: 10px; }
.sub-ducts h3 { font-size: 18px; line-height: 24px; }
.product-tank { margin-top: 10px; }
.product-tank th { font-size: 11px; }
.product-tank td { font-size: 11px; }
.product-tank td { padding: 8px 2px; }
.product-tank th { padding: 6px 2px; }
.primary-slide { width: 100%; text-align: center; }
.primary-slide img { width: 100%; max-width: 300px; }
.primary-advantages { width: 100%; padding: 0px; }
.primary-advantages h3 { font-size: 18px; padding: 5px 0; }
.primary-advantages h2 { font-size: 18px; }
.fittings-list { margin: 10px 0 0 0; }
.primary-advantages ul li { font-size: 15px; padding: 5px 0 0 0; }
.characteristics-list { width: 50%; }
.col-3 { margin-top: -50px; }
.col-4 { margin-top: 0px; }
.accessories-tb1, .accessories-tb2 { width: 100%; }
.wall-pipe-image { width: 100%; padding: 0 30px 20px 30px; text-align: center; }
.wall-pipe-cont { width: 100%; }
.corrugated-table .icon-image { width: 100%; float: left; height: 25px; max-width: 25px; }
.corrugated-table .icon-image img { width: 25px; height: 25px; }
.product-page h3 { font-size: 16px; padding-bottom: 5px; }
.product-page h1 { font-size: 28px; }
.chart-section span { padding: 0px; }
.chart-section { font-size: 10px; }
.ppe .tb1 { font-size: 11px; }
.product-fabricated { padding-left: 0px; }
.project-page h1 { font-size: 30px; }
.project-list li { width: 100%; height: auto; min-height: inherit; padding-bottom: 20px; }
.shape-tank img { width: 100%; max-width: 280px; }
.shape-tank { width: 100%; text-align: center; }
.product-watertank { width: 100%; padding: 0px; font-size: 15px; line-height: 20px; }
.layer-style img { width: 100%; padding: 30px 0 0 0; }
.layer-style { width: 75px; }
.color { font-size: 12px; padding: 0px 5px; width: 200px; }
.tab-arrow2::after { border-right: 20px solid #231f20; }
.tab-arrow::after { }
.tab-arrow1::after { border-right: 20px solid #989381; }
.tab-arrow3::after { border-right: 20px solid #939598; }
.layer-specifications { margin: 0px; }
 .slicknav_nav ul, .slicknav_nav li{ font-size: 12px !important; line-height:22px !important;}
    .slicknav_nav li{ font-size: 12px !important;}   
    nav ul .drop-menu li a{ font-size: 12px;  padding: 8px 10px;}
    .slicknav_nav .slicknav_item{ padding: inherit !important;}
    .fabric-product{ width: 100%; padding: 10px 0;}
}