

@media only screen and (min-width:1451px) and (max-width:1600px) {
    .introcapbgwrap img {
        width: 69%;
        opacity: 0.6;
    }
    .milstonelist {
        margin-left: 10%;
        margin-right: 10%;
    }
    .capanim h1, .capanim p {
        margin-left: -100%;
    }
    .carousel-item::before {
        top: -136px;
        right: -187px;
    }
    .carousel-item .container {
        max-width: 77%;
    }
    .carousel-indicators {
        left: -2%;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .intocap {
        font-size: 30px;
        line-height: 40px;
        padding-top: 0px;
    }
    .togglebtnwrap {
        /* bottom: 36%; */
    }
    .bannerpos img {
        width: 85%;
        float: right;
    }
}

@media only screen and (min-width:1300px) and (max-width:1450px) {
    .introcapbgwrap img {
        width: 58%;
        opacity: 0.6;
    }
    .intocap {
        font-size: 30px;
    }
    .fan1{
        left: 25%;
    }
    .fan2{
        left: 34%;
    }
    .fan3{
        
    }
    .fan4{
        left: 62%;
    }
    .capanim h1, .capanim p {
        margin-left: -100%;
    }
    .carousel-item::before {
        top: -136px;
        right: -187px;
    }
    .carousel-item .container {
        max-width: 84%;
    }
    .carousel-indicators {
        left: -5%;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }
    .bancap {
        width: 45%;
    }
    .buidingbg .build {
        width: 60%;
    }
    .intocap {
        font-size: 30px;
        line-height: 35px;
        padding-top: 50px;
    }
    .togglebtnwrap {
        /* bottom: 31%; */
    }
    .bannerpos img {
        width: 75%;
        float: right;
    }
    .recycimg img {
        width: 12%;
    }
}

@media only screen and (min-width:1100px) and (max-width:1299px) {
    .introcapbgwrap img {
        width: 58%;
        opacity: 0.6;
    }
    .intocap {
        font-size: 28px;
        padding-top: 20px;
        width: 30%;
    }
    .fan1{
        left: 23%;
    }
    .fan2{
        left: 34%;
    }
    .fan3{
        
    }
    .fan4{
        left: 62%;
    }
    .capanim h1, .capanim p {
        margin-left: -100%;
    }
    .cartforwrap {
        width: 35%;
    }
    .milstonelist {
        margin-left: 18%;
        margin-right: 18%;    
    }
    .introcapbgwrap img {
        width: 56%;
        opacity: 0.6;
    }
    .carousel-item .container {
        max-width: 80%;
    }
    .productsec .prosliderwrap  .owl-nav button.owl-prev {
        left: -10px;
    }
    .productsec .prosliderwrap  .owl-nav button.owl-next {
        right: -10px;
    }
    .clientlist ul {
        margin-left: 0;
    }

    .bannerpos img {
        width: 75%;
        float: right;
    }
   
}

@media screen and (min-width:999px) and (max-width:1099px) {
    .main-menu .navigation > li {
        margin-right: 20px;
    }
    footer::before {
        width: 36%;
    }
    .introcapbgwrap img {
        width: 70%;
    }
    .intocap {
        font-size: 26px;
        padding-top: 20px;
        line-height: 30px;
    }
    .fan1 {
        left: 18%;
    }
    .fan2{
        left: 31%;
    }
    .fan3 {
        left: 54%;
    }
    .fan4{
        left: 67%;
    }
    .bancap h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .bancap p {
        font-size: 30px;
        line-height: 34px;
    }
    .carousel-item .container {
        max-width: 78%;
    }
    .commoncont p {
        font-size: 15px;
    }
    .list9 {
        right: -20%;
        width: 25%;
    }
    .introcapbgwrap img {
        width: 85%;
    }
    .locpin6 {
        left: 86%;
    }
    .locpin5 {
        left: 70%;    
    }
    .locpin4 {
        left: 58%;    
    }
    .locpin3 {
        left: 54%;    
    }
    .locpin2 {
        left: 43%;    
    }
    .locpin1 {
        left: 9%;    
    }
    .text1 {
        top: 20%;    
    }
    .text2 {
        left: 35%;
        top: 13%;    
    }
    .text3 {
        top: 3%;
        left: 53%;    
    }
    .text4 {
        top: 33%;
        left: 32%;    
    }
    .text5 {
        top: 37%;
        left: 75%;
    }
    .text6 {
        top: 68%;
        left: 64%;
    }
    .bannerpos img {
        width: 80%;
        float: right;
    }
}


@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
	
	
}
@media screen and (max-width:1175px) {
	
	.slick-list{margin:40px 0px 0px;}
    
}

@media screen and (min-width:1020px) and (max-width:1030px) {
    a.navbar-brand img {
        height: 65px;
    }
    .showmenubg a.navbar-brand img {
        height: 55px;    
    }
    
    #header .container {
        max-width: 97%;    
    }
    .main-menu .navigation > li {
        margin-right: 16px;    
    }
    .productsec .prosliderwrap .owl-nav button.owl-prev {
        left: -20px;
    }
    .productsec .prosliderwrap .owl-nav button.owl-next {
        right: -20px;
    }

}



@media (min-width:769px) {
.hidedesk{
    display: none
}
.hidemob{
    display: block;
}

.sociallinks-wraper.notfortab{
    display: none 
}
.sociallinks-wraper.onlyfortab{
    display: none
}
.hidefordesk{
    display: none !important;
}
}

@media (max-width:999px) {
	
	.detcountwrap li{width:30%;margin-bottom:20px;}
	.contformwrap{height:auto;max-height:none;}

	
}

@media (min-width:999px) {
	
    .main-menu .navigation > li > ul, .main-menu .navigation > li.mega-menu > ul,
    .main-menu .navigation > li > ul > li > ul{	display:block !important;	visibility:hidden;	opacity:0;}
    .main-menu .navigation > li.dropdown > a::after {content:""; } 
    .main-menu .navigation > li.dropdown a { padding-right:0px; } 
    
    
    }
    
    @media screen and (max-width:998px) {
    .main-menu .navigation > li.mega-menu {position: relative;}
    
    .bl-sc {background: #1d398d;}
    .about-section-block {background: rgba(0, 0, 0, 0) url("../images/bg-2.jpg") repeat scroll center center;}	  
     
     .section-top-btm.range-block { padding:40px 0px 100px }
      .section-top-btm.solution-sections { padding:40px 0px 100px }
       .section-top-btm.clients-sections { padding:40px 0px 100px }
       .call{ }
       .sms{padding-top:0px;}
      
      
      
      .main-menu .collapse {
           max-height:380px;
            overflow:auto;
            float:none;
            width:100%;
            padding:0px 10px 0px;
            border:none;
            margin:0px;
            -ms-border-radius:0px;
            -moz-border-radius:0px;
            -webkit-border-radius:0px;
            -o-border-radius:0px;
            border-radius:0px;
            position:absolute;
            left:0px;
            top:100%;
       }
       
        .main-menu .collapse.in,
        .main-menu .collapsing{
            padding:0px 10px 0px;
            border:none;
            margin:0px 0px 0px;
            -ms-border-radius:0px;
            -moz-border-radius:0px;
            -webkit-border-radius:0px;
            -o-border-radius:0px;
            border-radius:0px;	
            width:100%;
            position:absolute;
            left:0px;
            top:100%;
        }
        
        .main-menu .navbar-header .navbar-toggle{display:inline-block;	z-index:7;border:0px solid #ffffff;	float:none; margin:0px 0px 0px 0px;	border-radius:0px;	background-color: transparent; position:absolute;  right:15px; top:7px;	}
        .site-navbar .main-menu .navbar-header .navbar-toggle .icon-bar{background:#161514;}
        .transparent-header .main-menu .navbar-header .navbar-toggle .icon-bar{background:#fff;}
    .site-navbar-bg .main-menu .navbar-header .navbar-toggle .icon-bar{background:#161514;}
        .main-menu .navbar-collapse > .navigation{float:none !important;margin:0px 0 0 !important; width:100% !important;background:#fff;border:0px solid #ffffff;border-top:none;}
        
        .main-menu .navbar-collapse > .navigation > li,
        .header-style-three .header-lower .main-menu .navigation > li{margin:0px !important;padding:0px !important;	float:none !important;	width:100%;	}
        
        .main-menu .navigation > li > a,
        .main-menu .navigation > li > ul:before{border:none;}
        
        .main-menu .navigation > li:hover > a:after,
    .main-menu .navigation > li.current > a:after,
    .main-menu .navigation > li.current-menu-item > a:after{ width:0%; opacity:1; visibility:visible;	color:#e31e24;}
        
        .main-menu .navbar-collapse > .navigation > li > a{padding:10px 10px !important;border:none !important;}
        
        .main-menu .navigation li.dropdown > a:after,
        .main-menu .navigation > li.dropdown > a:before,
        .main-menu .navigation > li > ul > li > a::before,
        .main-menu .navigation > li > ul > li > ul > li > a::before{color:#ffffff !important;right:15px;font-size:16px;	display:none !important;}
        
        .main-menu .navigation > li > ul { padding: 0px; }
        .main-menu .navigation > li > ul > li > a {padding: 10px 15px 10px 20px; }
        .main-menu .navigation > li > ul > li > a::after { left: 10px; }
        .main-menu .navigation > li.mega-menu > ul > li > ul > li > a {padding: 10px 15px 10px 20px; }
        .main-menu .navigation > li.mega-menu > ul > li  > ul > li > a:after {left: 10px;}
        
        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
            position:relative; border:none;	float:none;	visibility:visible;	opacity:1;	display:none;	margin:0px;	left:auto !important;	right:auto !important;	top:auto !important;
            width:100%;		background:#fff;
            -webkit-border-radius:0px;
            -ms-border-radius:0px;
            -o-border-radius:0px;
            -moz-border-radius:0px;
            border-radius:0px;
            transition:none !important;
            -webkit-transition:none !important;
            -ms-transition:none !important;
            -o-transition:none !important;
            -moz-transition:none !important;
            box-shadow: none
        }
            
        .main-menu .navbar-collapse > .navigation > li,
        .main-menu .navbar-collapse > .navigation > li > ul > li,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border-top:0px solid rgba(255,255,255,0.10) !important;	opacity:1 !important;	top:0px !important;	left:0px !important;
            visibility:visible !important;}
        
        .main-menu .navbar-collapse > .navigation > li:first-child{border:none;	}
         .main-menu .navbar-collapse > .navigation > li.mega-menu > ul > li > ul{ display: block}
        
        .main-menu .navigation > li.mega-menu > ul > li > a { padding:8px 10px;}
        /*.main-menu .navigation > li.mega-menu > ul > li > ul > li > a {padding: 3px 10px;}*/
        .main-menu .navigation > li.mega-menu.five-col > ul > li {border: medium none; float: none; padding:0px 0; width: 100%;}
        
        .header-style-two .nav-outer{/*float:none !important;*/	width:100%;}
        
        .main-menu .navbar-collapse > .navigation > li > a	{padding:10px 10px !important;line-height:22px;color:#161514;background:#fff;	text-align:left;}
        
        .main-menu .navbar-collapse > .navigation > li > ul > li > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {background:#f1f1f1;}
        .main-menu .navigation > li.mega-menu.five-col > ul > li { min-height:auto}
        
        .main-menu .navbar-collapse > .navigation > li > a:hover,
        .main-menu .navbar-collapse > .navigation > li > a:active,
        .main-menu .navbar-collapse > .navigation > li > a:focus{background:#fff;}
        
        .main-menu .navbar-collapse > .navigation > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li.current > a,
        .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{ color:#e31e24 !important;}
        
        .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{display:block;} /* dropdown arrow btn  */
        
        .main-menu .navbar-collapse > .navigation li.dropdown:after,
        .main-menu .navigation > li > ul:before{display:none !important;}
    
    
     .product-robots .product-robotslist-info { min-height:65px; }  
     .ri-bor { margin-bottom:50px; }   
     
    .pro-con { margin-bottom:30px; }
    .rit-layer.nopad-right {padding: 0 0px;}
    .simple-stuct { padding:25px; }
    
        
        /*.partner-block .partnet-content {width:70%;}
        .partner-block .partner-logo {width: 30%;}*/
        
        .map-block-list {margin-top:30px;}
        
        
        .product-image { margin-bottom:30px}
        
        .vision-content { padding:30px 0px;}
        .about-cont::after {width: 0px;}
        
       .product-robots.col-sm-6, .product-robots.col-sm-6, .services-block.col-sm-6, .services-block.col-sm-6 { width:49%;}
        .innerherobanner-block { background-size: cover;  padding: 60px 0 13px;}
        
        .contact-map-img { margin-top: 30px;  }
        
        
    }

    

    @media screen and (max-width:1024px) {
        .carousel-item::before {
            display: none;
        }
    }
    

    

@media screen and (max-width:999px) {
	
 
 
	
 .carousel-item {
 
    height: auto;
    min-height: auto;
}
    .container {
        max-width: 100%;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    
    .hidemob{
        display: none;
    }
    .hidedesk{
        display: block
    }
    .mmm .item{
        width: 100% !important;
    }

    .mmm .owl-stage {
        width: 100% !important;
        display: -webkit-box;
        display: -moz-box;
        display: box;
    }
    .fan1{
        left: 8%;
    }
    .fan2{
        left: 23%;
    }
    .fan3{
        
    }
    .fan4{
        left: 68%;
    }
    .introcapbgwrap img {
        width: 100%;
    }
    .intocap {
        font-size: 28px;
        padding-top: 60px;
    }
    .logo-original {
        position: static; 
        margin-bottom: 10px;   
    }
    .navbar-toggler {
        border: 1px solid #636363;    
        padding: .5rem .5rem;
        margin-top: -10px;
    }
    .transparent-header .main-menu .navbar-header .navbar-toggler .icon-bar {
        background: #636363;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #636363;
    }
    .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 4px;
        
    }
    .main-menu .collapse {
        top: 100%;    
    }

    .bancap h1 {
        font-size: 36px;
        line-height: 40px;    
    }
    .bancap p {
        font-size: 22px;
        line-height: 23px;
    
    }
    .capanim h1, .capanim p {
        margin-left: -100%;
    }

    .detailwrap {
        margin-bottom: 20px;
    }
    footer::before {
        width: 100%;
    }
		.mapwrap {width:370px;}
    .aboutimg{
        margin-bottom: 20px;
    }
    .clientlist ul li {
        width: 25%;
    }
    .missonwrap {

        padding: 50px 35px;
        position: relative;
        border: 1px solid #b7b7b7;
        width: 49%;
        display: inline-block;
    
    }
    .aboutcont.cmpd-6{
        padding: 30px 0;
    }
    /* .milstonelist ul li {
        border: 0;
    } */

    .carousel-item .container {
        max-width: 90%;    
    }
    .bancap {
        position: relative;
        width: 42%;    
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 30px;
        height: 30px;
    }

    .sociallinks-wraper.notfortab{
        display: none !important
    }

    .sociallinks-wraper.onlyfortab {
        display: block;
        position: absolute;        
        right: 13%;        
        top: 31%;  
        transition: 0.5s; 
    }
    .showmenubg .sociallinks-wraper.onlyfortab {
        top: 28%;    
    }

    .headcont {
        right: 18%;
        top: 31%; 
        transition: 0.5s;
    }
    .showmenubg .headcont {
        top: 28%;     
    }

    .headcont ul li a {
        font-size: 0;    
    }
    .headcont ul li a i{
        font-size: 20px;
    }
    .showmenubg .headcont ul li a {
        font-size: 0;    
    }
    
    .social-links span a.grennhvr:hover {
        border: 1px solid #636363;    
    }
    .social-links span a.grennhvr img {
       width: 14px;  
    }
    .social-links span a.grennhvr {
        width: 35px;
        height: 35px;
        padding: 2px 0px;
    }
    .headcont ul li {
        
    }
    .headcont ul li:last-child {
        margin-right: 20px;
    }
    .headcont ul li a{
        border: 1px solid #636363;
        height: 35px;
        width: 35px;
        text-align: center;
        vertical-align: middle;
        padding-top: 8px;
        border-radius: 100%;   
        display: inline-block ;
        transition: 0.5s;
    }
    .headcont ul li a:hover{
        background: #fff;
        color: #636363
    }
    .headcont ul li a i {
        font-size: 17px;    
    }
    
    .swipedwnlist.swipedwnlistshow .social-links span a {
        height: 35px;
        width: 35px;    
    }
    .swipedwnlist .social-links span {
        width: 35px;
    }
    .swipedwnlist.swipedwnlistshow .social-links span {
        height: 35px;
        padding: 3px 0;    
    }
    .main-header .container {
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;
    }
    .site-navbar .main-menu {
        padding: 10px 40px;    
    }
    .main-menu .navigation {
        padding: 0 15px;    
    }
    .missioncont p {
        font-size: 16px;
    }
    .strentlist li {
        width: 50%;
    }
    .strentlist li:nth-child(3n) {
        border-right: 1px solid #d4d4d4;    
    }
    .strentlist li:nth-child(2n) {
        border-right: 0;    
    }
    .strentlist li:last-child {
        border-bottom: 1px solid #d4d4d4;    
    }
    .innerimg {
        margin-top: 30px;
        margin-bottom: 30px;  
    }
    .innerimg img {
        width: 100%;    
    }
    .cmpd-6 {
        padding: 30px 0;    
    }
    .leftbig.productlist ul li:first-child {
        width: 100%;    
    }
    .productlist ul li {
        width: 50%;
    }
    .rightbig.productlist ul li:first-child {

        width: 100%;
    }
    .productlist ul li a {
        width: 100%;    
    }
    .productlist ul li a img{
        width: 100%;    
    }
    .innerprolist li.big a:hover::after {
        transform: scale(75);    
    }
    .innerprolist li a:hover::after {
        transform: scale(35);    
    }
    .productdetailcont {
        padding-left: 0;
        margin-top: 30px;    
    }
    .cartforwrap {
        width: 75%;
        right: -100%;

    }
    .infraimg {
        margin: 30px 0;
    }
    .partnerslistwrap ul li {
        width: 25%;    
    }
    .bigcircle {
        width: 200px;
        height: 200px;
        top: -47%;
    }
    .smallcircle {
        width: 120px;
        height: 120px;
        right: 10%;
        bottom: -32%;
    }
    .milstonelist {
        margin-left: 17%;
        margin-right: 17%;
    }
    
}


@media (min-width: 769px){
    .mobbannerpos{
        display: none;
    }
}


@media screen and (max-width:768px) {
    .comonlist {
        position: static;
        width: 100%;
        text-align: center;
        min-height: 180px;
    }
    .milstonelist ul li{
        height: auto;
        display: inline-block;
        width: 100%;
    }
    .list3 .commoncont {
        padding-left: 0%;
        text-align: center;
    }
    .list9 .commoncont {
        padding-left: 0;
        text-align: center;
    }
    .list6 .commoncont {
        padding-right: 0;
        text-align: center;
    }
    .list9 .commoncircle {
        margin-left: auto;
    }
    .list12 .commoncont {
        padding-right: 0;
        text-align: center;
    }
    .milstonelist {
        margin-left: 0;
        margin-right: 0;
    }
    footer::before {
        width: 100%;
        height: 53%; 
        right: 0;
        top: auto;
        bottom: 0;   
    }
    .inl{
        display: inline-block;
        width: 47%;
        margin-top: 25px;
        vertical-align: top;
    }
    .inl .ftrlog{
        width: 80%;
    }
    .introcapbgwrap img {
        width: 150%;
    }
    .introcapbgwrap {
        left: -160px;
    }
    .togglebtnwrap {
        /* bottom: 30%; */
    }
    .testimonialslider .slick-prev {
        left: 0;    
        top: 30%;
    }
    .testimonialslider .slick-next {
        right: 0;
        top: 30%;    
    }
    .owl-carousel .owl-item {
        width: 45% !important;    
    }
    .container {
        max-width: 96%;    
    }
    .hideformob{
        display: none;
    }
    .hidefordesk{
        display: block !important;
    }
    .logointro img {
        width: 20%;    
    }
    .carousel-control-prev {
        left: -4%;
    }
    .carousel-control-next {
        right: -4%;
    }
    .footsocl::before {
        display: none
    }
    .clientlist ul {
        margin-left: 0;
    }
    .lastbg {
        display: none;    
    }
    .locpin6 {
        left: 85%;
    }
    .locpin5 {
        left: 67%;    
    }
    .locpin4 {
        left: 56%;    
    }
    .locpin3 {
        left: 54%;    
    }
    .locpin2 {
        left: 43%;    
    }
    .locpin1 {
        left: 9%;    
    }
    .text1 {
        top: 20%;    
    }
    .text2 {
        left: 35%;
        top: 13%;    
    }
    .text3 {
        top: 3%;
        left: 53%;    
    }
    .text4 {
        top: 33%;
        left: 32%;    
    }
    .text5 {
        top: 37%;
        left: 75%;
    }
    .text6 {
        top: 68%;
        left: 64%;
    }

    .intocap {
        width: 60%;
    }

    .productsec .prosliderwrap .owl-nav button.owl-prev {
        left: -10px;
    }
    .productsec .prosliderwrap .owl-nav button.owl-next {
        right: -10px;
    }
    .detcountwrap li {
        display: inline-block;
        width: 32%;    
        margin-bottom: 30px;
    }

    .eventcardwrap {
        margin-bottom: 30px;
        height: 285px;
        max-height: 284px;
    }
    a.rempro{
        /* position: absolute; */
        background: red;
    color: #fff;
    width: 30px;
    height: 30px;
    float: left;
    font-size: 17px;
    border-radius: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    }
    a.rempro i{
        line-height: 0;
    }

    .bannerpos{
        display: none
    }

    .mobbannerpos{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .bancap {
        width: 100%;    
    }
    .banverticalinner {
        display: inline-block;
        text-align: center;    
    }
    .banverticalout {
        height: auto;
        padding-top: 140px;
    }
    .bancap p {
        width: 100%;
    }
    .recycimg img {
        width: 19%;
    }
}

@media screen and (max-width:767px) {
	.dest{display:none;}
	.mob{display:block;}
	.tab_content .common-heading h2{font-size:16px;}
	h3.tab_drawer_heading{font-size:16px;}
	h3.tab_drawer_heading.d_active{font-size:17px;}
	
	.sector span {font-size:16px;height:30px;}
    .togglebtnwrap p{
        display: none
    }
    .container {
        max-width: 96%;
    }
    .missioncont p {
        font-size: 17px;    
    }
    .group .container, .relatedproduct .container{
        width: 95%;
    }
    .missonwrap {
        width: 100%;
        margin-top: 30px;    
    }
    .headcont {
        right: 18%;
    }
    .sociallinks-wraper.onlyfortab {
        right: 13%;
    }
    .partnerslistwrap ul li {
        width: 33%;    
    }
    .introcapbgwrap {
        left: 0px;
    }
    .introcapbgwrap img {
        width: 100%;    
    }
    .recycimg img {
        width: 19%;
    }
}

@media screen and (max-width:640px) {
    .logointro img{
        width: 20%;
    }
    .introcapbgwrap img {
        width: 90%;    
    }
    .intocap {
        font-size: 24px;
        padding-top: 0px;
        font-size: 18px;
        line-height: 22px;
        width: 60%;
    }

    .cd-headline.clip span{
        padding: 0;
    }
    .fan1 {
        left: 0%;    
    }
    .fan2 {
        left: 18%;    
    }
    .fan3 {
        left: 55%;    
    }
    .fan4 {
        left: auto;
        right: 0;    
    }
    .sociallinks-wraper.onlyfortab {
        right: 16%;    
    }
    .headcont {
        right: 22%;    
    }
    .form-check span {
        width: 32%;
    }
    footer::before {
        height: 51%;
    }
    .locpin6 {
        left: 86%;
    }
    .locpin5 {
        left: 70%;    
    }
    .locpin4 {
        left: 58%;    
    }
    .locpin3 {
        left: 54%;    
    }
    .locpin2 {
        left: 43%;    
    }
    .locpin1 {
        left: 9%;    
    }
    .text1 {
        top: 20%;    
    }
    .text2 {
        left: 35%;
        top: 13%;    
    }
    .text3 {
        top: 3%;
        left: 53%;    
    }
    .text4 {
        top: 33%;
        left: 32%;    
    }
    .text5 {
        top: 37%;
        left: 75%;
    }
    .cartforwrap {
        width: 100%;    
        right: -100%;
    }
    .fixedform {
        padding: 20px 30px;
        padding-right: 15px;  
    }
    .fixedform .form-control {
        height: 35px;
    }
    .table td, .table th {
        padding: 0.3rem;
        font-size: 14px;
    }
    .proitemhrad h4 {
        font-size: 16px;
    }
    .fixedform .form-control {
        padding-left: 0;
        font-size: 13px;
    }
    .proitemhrad {
        padding-left: 0;
    }
    .procartlistwrap {
        padding-left: 0;
    }

    .fixedform a.cmbtn, .fixedform .cmbtn {
        padding: 5px 35px;
        font-size: 14px;
        margin-top: 0;
    }

    .eventcardwrap {
        height: 245px;
        max-height: 245px;    
    }
    .eventcardcont {
        top: 73%;
    }

}

@media screen and (max-width:575px) {
		.sector span {font-size:15px;height:50px;}
    footer::before {
        height: 38%;
    }
    .introcapbgwrap{
        left: -60px;
    }
    .introcapbgwrap img {
        width: 125%;
    }
    .banverticalout {
        height: 100vh;
    }
    
    .banverticalout {
        height: auto;
        padding-top: 120px;    
    }
    .carousel-item {
        height: auto;
    }
    .carousel-item.active .capimgshape {
        width: 90%;
        text-align: center;
        margin: 0 auto;    
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .bancap p {
        width: 100%;
    }
    .carousel-control-prev {
        left: 0;    
    }
    .carousel-control-next {
        right: 0;    
    }
    .carousel-indicators {
        bottom: 0;
    }
    .capanim h1, .capanim p {
        margin-left: -150%;    
    }
    .detailwrap {
        margin-bottom: 30px;    
    }
    .milstonelist ul li:nth-child(2n+1)::before {
        width: 26%;
    }
    .strentlist li {
        padding: 20px 20px;
    }
    .productdetailthumbslider .slick-prev {
        left: 0;    
    }
    .productdetailthumbslider .slick-next {
        right: 0;    
    }
    .productdetailthumbslider .slick-prev, .productdetailthumbslider .slick-next {
        opacity: 1;    
    }
    .enqfloatbtn h2 {
        font-size: 20px;
    }
    
    .partnerslistwrap ul li {
        width: 33%;
    }

    .mobbannerpos img{
        width: 100%;
    }
    .mobbannerpos {
        top: -16%;    
    }

    .enqfloatbtn h2 {
        font-size: 15px;    
    }
    .badgecart .badge-light {
        font-size: 13px;
        width: 30px;
        height: 30px;
        padding-top: 0    
    }

    .enqfloatbtn {
        right: -50%;
        z-index: 9999;
        padding: 3px 25px;    
    }
    .enqfloatbtn.showit {
        right: -44px;
    }
    .carticon i {
        font-size: 18px;
    }

    


}

@media screen and (max-width:480px) {
	
	
	.cmpd-8{padding:30px 0px;}
    .sociallinks-wraper.onlyfortab {
        right: 18%;
    }
    .headcont ul li:last-child {
        margin-right: 0;    
    }
    .headcont ul li {
        margin-right: 8px;
    }
    .headcont {
        right: 27%;    
    }
    .form-check span {
        width: 46%;    
    }
    .contformwrap .form-control {
        padding-left: 0;    
    }
    .contformwrap {
        padding: 30px;    
    }
    .formbg {
        padding-top: 0;    
    }
    .inl {
        width: 100%;
    }
    footer::before {
        height: 48%;    
    }
    .inl .ftrlog {
        width: 100%;    
    }
    .mapwrap img{
        width: 100%;
    }
    .text1 {
        top: 23%;
        left: 7%;    
    }
    .text2 {
        left: 37%;
        top: 15%;    
    }
    .text3 {
        top: 6%;
        left: 53%;    
    }
    .text4 {
        top: 36%;
        left: 40%;    
    }
    .text5 {
        top: 33%;
        left: 69%;    
    }
    .text6 {
        top: 69%;
        left: 72%;    
    }
    .logointro img {
        width: 23%;
    }
    .fans .fanband {
        width: 60%;    
    }
    .fan1 {
        left: 0%;    
    }
    .fan2 {
        left: 11%;    
    }
    .fan3 {
        left: 50%;    
    }
    .fan4 {
        right: 0%;    
    }
    .fans::before {
        background-size: 50%;
        left: 16%;
        top: -24px;    
    }
    .cloud1, .cloud3 {
        width: 50px;
    }
    .cloud2, .cloud4{
        width: 20px;
    }
    footer::before {
        height: 51%;    
    }
    .strentlist li {
        width: 100%;
        border-right: 0;    
    }
    .strentlist li:nth-child(3n) {
        border-right: 0;    
    }
    .strengthicon span p {
        min-height: auto;
    }
    .productlist ul li {
        width: 100%;    
    }
    .partnerslistwrap ul li {
        width:50%;
        float: none;
        margin-left: -5px;    
    }
    .partnerslistwrap ul {
        text-align: center;    
    }
    .fan3, .fan2 {
        display: none;
    }
    .buidingbg img{

    }
    .borderbtm::before{
        height: 5px;
    }
    .bottomborderwrap {
        bottom: 5px;
    }
    .togbtn {
        width: 35px;
        height: 35px;
    }
    .togbtn i {
        font-size: 15px;
    }
    .togbtn::before {
        left: 6px;
    }
    .owl-carousel .owl-item {
        width: 100% !important;
    }
    .cmnul li a:hover::after {
        transform: scale(48);
    }
    .clientlist ul li {
        width: 50%;
    }
    .introcapbgwrap {
        left: -110px;
    }
    .introcapbgwrap img {
        width: 150%;
    }
    .recycimg{
        bottom: 0;
    }
    .recycimg img {
        width: 20%;
    }
    .carousel-item {
        height: auto;
    }
    .productsec{
        padding: 40px 0;
    }
    .detcountwrap li {
        width: 48%;
    }
    .insfraslider .slick-prev, .insfraslider .slick-next {

        width: 30px;
        height: 30px;
    }

    a.rempro {
        color: #fff;
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }
    

}

@media screen and (max-width:380px) {
	.mapwrap{width:100%;}
	.formbg .nav-tabs .nav-item{width:100%;}
    .site-navbar .main-menu {
        padding: 10px 30px;    
    }
    a.navbar-brand img {
        height: 60px;
    }
    .showmenubg a.navbar-brand img {
        height: 50px;    
    }
    .headcont ul li {
        margin-right: 8px;    
    }
    .headcont {
        right: 33%;
        top: 26%;
    }
    .sociallinks-wraper.onlyfortab {
        top: 26%;
        right: 21%;    
    }
    .showmenubg .headcont {
        top: 24%;    
    }
    .showmenubg .sociallinks-wraper.onlyfortab {
        top: 24%;    
    }
    .form-check p {
        font-size: 14px;    
    }
    .form-check-label {
        margin-bottom: 0;
        font-size: 14px;    
    }
    .form-check span {
        width: 48%;    
    }
    footer::before {
        height: 47%;    
    }
    .contformwrap {
        padding: 20px;
        box-shadow: none;
    }
    .partnerslistwrap ul li {
        width: 50%;
        float: none;
        margin-left: -6px;
    }
    .text2 {
        left: 36%;
        top: 14%;
    }
    .text1 {
        top: 20%;
        left: 7%;
    }
    .text4 {
        top: 35%;
        left: 36%;
    }
    .text5 {
        top: 31%;
        left: 69%;
    }
    .text6 {
        top: 67%;
        left: 69%;
    }
    .milstonelist ul li {
        border: 0;
    }
    .comonlist {
        min-height: auto;
        margin-bottom: 30px;
    }
    .dot {
        display: none;
    }
    .introcapbgwrap {
        left: -110px;
    }
    .introcapbgwrap img {
        width: 170%;
    }
    .recycimg img {
        width: 40%;
    }
    .detcountwrap li {
        width: 100%;
    }
    .mobbannerpos {
        top: 5%;
    }
    .carousel-item {
        height: auto;    
    }
    .buidingbg .build {
        opacity: 0.2;
    }
    
}

@media screen and (max-width:320px) {
    .social-links span a.grennhvr {
        width: 30px;
        height: 30px;
        padding: 0px 0px;
    }
    .social-links span a.grennhvr img {
        width: 12px;
    }
    .headcont ul li a {
        height: 30px;
        width: 30px;
    }
    .headcont ul li a i {
        font-size: 14px;
    }
    .navbar-toggler .icon-bar {
        width: 20px;
    }
    .navbar-expand-lg .navbar-toggler {
        padding: 6px 6px;
        margin-top: -14px;
    }
    .testimonialslider .slick-prev, .testimonialslider .slick-next {
        width: 30px;
        height: 30px;
    }
    .introcapbgwrap {
        left: -70px;
    }
    .introcapbgwrap img {
        width: 150%;
    }
    .intocap {
        width: 70%;
    }
}

