@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-area .header-top .header-top-items .logo p {
    font-size: 10px;
  }
  .header-area .main-header .main-header-item .header-menu ul li > a {
    margin: 0px 12px;
    font-size: 14px;
  }
  .project-area .project-active .slick-arrow {
    height: 100px;
    line-height: 100px;
  }
  .header-area .header-top .header-top-items .header-top-info ul li a {
    font-size: 12px;
  }
  .footer_div1 .three {
    padding: 15px 0px;
  }
  .footer-main .footer-widget .footer-about-content .social ul li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  .footer_div1 .one {
    padding: 0px 22px;
  }
}
@media (max-width: 980px){
    .solution-area .solution-shape img{
        display: none;
    }
    .btn_ul i{
            display: block;
        }
        .btn_ul span{
            display: none;
        }
        .btn_ul i img {
    padding: 8px;
}
.btn_ul li {
    width: 55px;
    height: 55px;
    padding: 5px;
    border-radius: 100%;
	        margin: 10px;
}
ul.btn_ul {
    display: inline-flex;
    width: 100%;
    justify-content: center;
}
            .dis_flex.bg_gray.content_div {
    background: #fff !important;
}.content_div .about-main-content {
    padding: 15px;
    background: #c5dfdc85 !important;
}
     body .download_sec h4.bg_cus {
    margin-bottom: 25px;
}
    .gallery_app img {
        height: 200px;}
  .navbar .content .col .menu-title {
    display: none;
}body .navbar .mega-menu .content {
    grid-template-columns: auto;
    gap: 0;
}
}

    @media (max-width: 767px){
        ul.b-socials {
    padding: 10px 0 0 0;
}
		img.img_full {
    padding-bottom: 10px;
}
		.footer-main ul.contact-list {
    margin-left: 0;
}
		.social {
    margin-top: 50px;
}
		
		section.project-contact-area.qoute_div.overlay1 {
    padding: 30px 0;
    height: auto;
}
		.qoute_div i.fa.fa-quote-left{
			top: 0;
		}
		.qoute_div i.fa.fa-quote-right{
			top: 0;
		}
		 
		 
    .solution-area .solution-item .solution-header .title {
        font-size: 30px !important;
        text-align: center;
        padding-bottom: 10px;
    }

		 .product_page .project-contact-area .project-contact-item .title {
    font-size: 24px !important;
    line-height: 34px !important;
    padding-bottom: 20px !important;
  }
        
        .go-top-area .go-top.active {
            top: 92%;}
        .project-area .project-title {
    padding-bottom: 0;
    padding-top: 20px;
}
        .solution-area .solution-thumb .shape{
            display: none;
        }
        .project-page ul.ul_li{
            margin-left: 20px;
        }
        .industri-services-2-item.mt-30.text-center {
    margin-bottom: 0;
}
        .btn_cus {   
            display: flex;}


        .solution-area .solution-shape{
            display: none;
        }
        .main-btn::before{
            display: none;
        }
        .project-page ul.ul_li{
            min-height: auto;
        }
        a.popup-youtube {
    display: unset;
}
        
        
        .offset-2{
            margin-left: 0;
        }
           
        
        .contact-social .card .image {
    top: -47px;
}
        .footer-about-list .ul_dark {
  margin-left: 30px;
}
        .service-sidebar.mt-30 {
    margin-top: 0;
}
        .service-sidebar-help {
    float: unset !important;
    margin: 0 auto;
    }
        body .sec_heading h4.title {
    font-size: 30px;
}
        .contact_info .title_head {
    position: relative;
    background: #ebf2f9;
    top: -29px;
    padding: 15px 10px;
    width: 100%;
    border-left: 2px solid #32659a;
}
        .accordation_bg h3 {
    font-size: 20px;
    font-weight: 600;
}
.project-area .project-item .project-content {
    margin-left: 0px;
    margin-right: 0px;
}
   body ul.ul_custom li{
        width: 100%;
    }
    .nav-bar p{
        display: none;
    }
  
    #popupContact #close {
        right: 0;}
    body header .social {
    left: unset;
    top: 20px;
}
    ul.dropdown-menu.sub-menu {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
 body header .social {
	 top: unset;
            position: relative;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
    justify-content: right;
    background: #171b27;
    }
  body .menu-btn {
    float: right;
    position: absolute;
    right: 20px;
    bottom: 20px;
    top: unset;
    transform: unset;
}
    .nav-bar i {
    display: block;
}
    .solution-area {
    margin-top: 30px;
}
    .page-title-item h3.title {
    font-size: 20px !important;
}
    .nav-bar ul {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
  .nav-bar i img {
    padding: 9px;
    max-width: 40px;
}
 .nav-bar i {
    background: #10364b;
    margin: 0 2px;
    border-radius: 29px;
} 
    .project-content .btns a:first-child{
        width: 30%;
    }
    .solution-area .btn_cus a:first-child {
    width: 32%;
}.solution-area .btn_cus a:last-child {
    width: 68%;
}
    .project-content .btns a:last-child{
        width: 68%;
    }
    section.nav-bar {
    display: none;
}
    section.nav-bar.fixed {
    display: block;
}
    .need_help span {
    display: none;
}.need_help i img {
    transform: rotate(-90deg);
    max-width: 30px;
    padding: 0;
}
.fix.need_help {
    bottom: 60px !important;
    border-radius: 100%;
    right: 0;
    width: 50px;
    z-index: 99999;
    height: 50px;
}
    img.img_res {
    float: unset;
    margin: 0;
}
    .product_page .page-title-item{
        bottom: -15px !important;
    }
    .sec_padding {
    padding: 40px 0 !important;
}
    .fun-facts-area .fun-facts-bg .fun-facts-item{
        margin-top: unset;
    }
    .project-active.slick-initialized.slick-slider.slick-dotted {
    padding: 0 20px;
}
    .apllication_sec ul.ul_custom li{
        width: 100%;
    }
.nav-bar p {
    font-size: 23%;
    margin: 0 10px;
    line-height: 12px;
    text-align: center;
}
    .nav-bar ul {
    display: flex;
    justify-content: center;
}
    .text-justify {
    text-align: left !important;
    clear: both;
}
    section.nav-bar.fixed {
    top: unset;
    bottom: 0;
    z-index: 9999;
    display: block;
}
    .footer_div1 .one {
    text-align: center;
        padding-bottom: 0;
}
    .footer_div1 .two img {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    display: flex;
}
    ul.ul_custom li{
        width: 100%;
    }
    .product_innerpage .project-item .project-content {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
    
    h2 {
    font-size: 20px;
}
    .fix{
        bottom: 60px !important;}
    
    .product_page .page-title-area {
    height: 21vh !important;
    
}
    h3.title {
        font-size: 26px !important;}
    
    .product_page .product_banner .page-title-item .title {
    font-size: 30px;
    }
  .header-area .header-top .header-top-items .logo {
    width: 80%;
  }
  body .tabbed {
    overflow: inherit !important;
    margin-top: 20px;
  }
  .tabs {
    display: inherit !important;
  }
  .tabbed ul {
    padding-left: 0px !important;
  }
  body ul.tabs li {
    padding: 5px 10px;
    margin: 5px 0px;
  }
  .contact_field {
    padding: 0px !important;
  }
  body .contact-map {
    width: 250px;
    height: 400px;
  }
  body .client-item {
    padding: 30px;
  }
  body .client-item .user {
    padding-left: 90px;
  }
/*  body .card .image {
    width: auto;
    top: 0px;
  }*/
  body .card {
    height: auto;
  }
  body .card .content {
    top: 0px;
  }
  .contact-icon {
    float: inherit;
  }
  body .contact-footer-widget {
    text-align: inherit;
  }
  .nano-area .nano-item {
    padding-left: 0px !important;
    padding-top: 0px !important;
  }
 .nano-area .nano-item .item {
    margin: 0px 0px !important;

  }
           .network_div .title_head {
    position: absolute;
}
  

.project-area .project-active .slick-dots {
    bottom: -20px;
    
}.fun-facts-area {
    margin-bottom: 40px;
}.services-item.mt-30 {
    margin-top: 0;
        }.project-page ul.ul_li{
            margin-left: 0;
        }.navbar .content .col .mega-links li {
    margin: 10px 0;
}.navbar .mega-menu .content {
    padding: 0 1rem;}.dropdown-menu.mega-menu.category {
    padding: 0;
    margin: 0;
}/*.product_page .project-area.project-page .project-item:first-child {
    margin-top: 0;
        }*/.overlay1{
            height: 60vh;
        }    .project-contact-area .project-contact-item {
        padding: 0;
        }.mob_s{
            padding: 10px;
        }    .table_cus p {
        padding: 3px;
    }
		.table_cus td{
			padding: 0px;} span.counter_plus {
    font-size: 31px !important;
    margin-top: -20px;
}}
body{
    overflow-x: hidden !important;
}
html {
    overflow-x: hidden;
}

@media (min-width: 1025px) and (max-width: 1280px) { 
    .popup_wrapper h2{
        font-size: 28px;
    }
    .navbar .menu-items {
    justify-content: left;
    padding-left: 40px;
}
    .contact_info .title_head {
        top: -40px;}
    .upper_sec.twoline_p {
    min-height: 120px;
}
    .btns a {
        padding: 8px;}
    .container{
        max-width: 1100px;
    }}
@media (min-width: 980px) and (max-width: 1024px) { 
.client-area .client-item {
    padding: 80px 30px;
    }}
@media (min-width: 768px) and (max-width: 980px) {
    .wind_bg{
        height: 50vh;
    }
    .page-title-item.text-center h3 {
    font-size: 40px !important;
}
    .solution-area .solution-thumb img{
        margin-bottom: 15px;
    }
    .page-title-item.text-center {
    position: absolute;
    transform: translateY(50%);
    bottom: 0%;
}
    .social {
    position: absolute;
    bottom: 0;
    height: 100%;
}
    .navbar .content .col .mega-links li:first-child {
    padding-top: 0 !important;
    margin-top: 0;
}
    .project-area .project-active .slick-dots{
        bottom: 0;
    }
    .solution-area .solution-item{
        margin-top: 0;
        
    }
    .sector_slide{
        padding: 0 20px !important;
    }
    .fun-facts-area .fun-facts-bg {
  padding: 40px;
}
    .fun-facts-item.text-center.mt-30 {
    margin: 25px auto;
}
    .solution-area .solution-item .solution-header .title {
                
        font-size: 35px;}
    .service-sidebar-help {
    margin-bottom: 40px;
}
    .popup_wrapper div#popupContact {
    width: 60%;    
}
    .core_value .industri-services-2-item {
    min-height: 360px;
    padding: 15px !important;
}
   
    .client-area .client-item {
    padding: 80px 30px;
}
    .sidebar .single_side {
    width: 50%;
    float: left;
}.single_side.mt_20 {
    margin-top: 0;
}
        
    
    /*.product_page .page-title-item {
    top: 50%;
    transform: translateY(-50%);
}*/
    .page-title-area{
        height: 30vh;
    }
    .menu-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}
    .first_logo img {
    max-width: 100%;
}
    .tagline p {
        font-size: 18px !important;}
    .contact-social .card {
    position: relative;
    height: 100;
        min-height: 260px;}
    .fix.need_help {
    bottom: 10%;
}
     .project-content .btns a:first-child{
        width: 30%;
    }
    
    .project-content .btns a:last-child{
        width: 68%;
    }
    .about-title h2 {
    text-align: left;
}
    ul.ul_custom li {
        width: 31%;}
    .nav-bar{
        bottom: 0;
        top: unset;
    }
    .nav-bar p {
        margin: 0 15px;}
    .product_page .product_banner .page-title-item .title {
        font-size: 32px;}

.page-title-area.bg_cover.pt-120.product_banner {
    height: 30vh;
    }}