@media (max-width:1200px) {
  .main-phoneno {
      
  } 
  .abt .servies-contnt{
      display:none;
      
  }
  
    .main-phoneno h2{
      color:#fff;
      text-align:center;
      font-size:15px;
  }
     .main-phoneno p{
      color:#fff;
      text-align:center;
    font-size:15px;
  }

    .map {
    padding: 0px 0px 0px!important;
    }
    
    
.carousel-inner {
    width: 100%;
}

 .left-section {

   max-width: 100%!important;
    }
    
    
.navigation-wrap {
  
    width: 100%;
  }


.left-section {

    position: relative!important;
   
}
/*.skyblue {*/

/*  background-image: url("../images/slider_1.jpg");*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
   

/*}*/
/*.skyblue1 {*/

/*  background-image: url("../images/slider_1.jpg");*/
/*   background-repeat: no-repeat;*/
/*    background-size: contain;   */

/*}*/



.skyblue {

  background-image: url("../images/slider_3.jpg");
   background-repeat: no-repeat;
    background-size: contain;   

}
.skyblue1 {

  background-image: url("../images/slider_2.jpg");
   background-repeat: no-repeat;
    background-size: contain;   
}
.skyblue3 {

  background-image: url("../images/slider_1.jpg");
   background-repeat: no-repeat;
    background-size: contain;   
}
.skyblue4 {

  background-image: url("../images/slider_4.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}

.skyblue5 {

  background-image: url("../images/slider_5.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}
.skyblue6 {

  background-image: url("../images/slider_6.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}

.skyblue7 {

  background-image: url("../images/slider_7.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}

.skyblue8 {

  background-image: url("../images/slider_8.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}

.skyblue9 {

  background-image: url("../images/slider_9.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}

.skyblue10 {

  background-image: url("../images/slider_10.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}


.skyblue11 {

  background-image: url("../images/slider_11.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}

.skyblue12 {

  background-image: url("../images/slider_12.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}

.skyblue13 {

  background-image: url("../images/slider_13.jpg");
  background-repeat: no-repeat;
  background-size: contain;   
}



.bg-light {
    background-color: #f8f9fa !important;
  }

.left-section {
    background-color: #fff0!important;
   }

   .borders::before {

    display: none;

    }

    .caption-right {
      display: none!important;
    }
    .caption-boottom .mob{
      display: block;
    }
}

@media (min-width: 768px){
.pl-md-0, .px-md-0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px)
{
.ml-md-4, .mx-md-4 {
    margin-left: 10px !important;
}
}

@media (max-width: 1200px) {
    
 .left-slider {
     
    width: 100%!important;
}

.abt{
    display:none;
} 

.objective{
     display:none;  
}


.tab-about-content{
    display:block;
}

   .servies-contnt{
       display:none;
   }
   
   .tab-about-content .servies-contnt{
       display:block;
   }
}


@media (max-width: 500px) {
.right-contact {

    z-index: -5!important;
    
 }
}

@media (max-width: 768px) {


.carousel-item {
   
        min-height: 585px;
  }

.carousel-indicators{
  display: none;
}

.tab-ser{
 display:block;  
}

.desk-ser{
 display:none;
}

  }

@media (min-width: 768px) and (max-width: 2000px) {
  
.tab-ser{
 display:none;  
}

.desk-ser{
 display:block;
}  
}


@media (max-width: 500px) {

.col1 {
  width:100%!important;
  height: auto;
}

.col2 {
  width: 100%!important;
  height: auto;

}

.col3 {
  width: 100%!important;
  height: auto;
  margin-left: calc(100% + 20px)!important;
 
}

.col2 {

    height: auto;
    margin-left: calc(100% + 10px)!important;
    }

   /*.port .row {
    position: relative!important;
    } 
}*/

}


@media (max-width: 400px) {
.navbar-toggler {
    padding: 0px 0px!important;
  }
  .navbar {
    padding: 0 0px 0px;
  }
}


@media (max-width: 1300px) {
.left-section {
    background-color: #fff;
    position: fixed;
    max-width: 100%;
  }
 /* .navigation-wrap {
    
    width: 100%;
  }*/
  .slider {
   /* margin-top: 68px;*/
    left: 0px;
    position: relative;
    width: 100%;
 }



  .caption-right h1 {
 
    font-size: 20px;
  }

/*.caption-right {
  display: none;
}*/

}
@media (min-width: 1300px) and (max-width: 1400px) {
.caption-right h1 {

    font-size: 20px;
}
   .caption-right {
    right: -354px;
 }


.caption-right h3 {
    font-size: 13px;
}
}

@media (min-width: 1200px) and (max-width: 1400px) {
.social-icons {
    min-height:65.4%!important;
}
.social-icons {
 
    top: 12.1%;
}

}

@media (min-width: 1400px) and (max-width: 1500px) {
  .social-icons {

    min-height:65.5%!important;
} 

.caption-right {
    right: -440px;
}
.caption-right h3 {
    font-size: 17px;
}
.social-icons {

    top: 12%;
  }
}


@media (min-width: 1200px) and (max-width: 1300px) {
 /*.caption-right {*/
 /*   right: -251px;*/
 /*}*/
  .carousel-item {
    min-height: 674px;
  }

  .start-header.scroll-on {
    
    padding: 10px 0;
  }
  
  
  .caption-right h3 {
  
    font-size: 11px;
  }
  
.caption-right {
 right: -270px;
}
.borders:before {

 

    right: 10px;

}
}




@media (min-width: 300px) and (max-width: 1300px) {
.cap-tab{
display: block
  }

}


/*@media (min-width: 991px) and (max-width: 1700px) {
  .tab-slide{
display:none;
  }

  .desk-slide{
display:block;
  }
}*/


@media (min-width: 1300px) and (max-width: 1900px) {

 .cap-tab{
   display: none!important;
 } 
/*  .tab-slide{
display:none;
  }

  .desk-slide{
display:block;
  }*/

}

 @media only screen and (min-device-width: 768px) and (max-device-width: 768px){
     
 .navbar-brand img {
    margin-left: -43px !important;
    width: 100% !important;
}

.social-bottom-icon {
    bottom: 134px!important;
}


.navbar-collapse {
    background-color: #0000!important;
}


.nav-link {
    color: #000!important;
}

    }
    
    
    @media (max-width: 767px) {
        
     .nav-link {
    color: #fff!important ;   
    }
    }

@media (max-width: 768px) {
.navbar-collapse {

    background-color: #000;

}

nav-item.active .nav-link {
    color: #fff !important;
}

.nav-link {
   
    font-weight: 500;
    transition: all 200ms linear;
}

.nav-item:hover .nav-link {
    color: #ddd !important;
}



}

@media (max-width: 992px) {
  .social-icons {
 
    bottom: 0%
  }
.navigation-wrap {
   
    width: 100%!important;
}


.slide {
    max-width: 1500px;
}



}




@media only screen and (min-device-width: 991px) and (max-device-width: 991px){
     
  .navbar {
    padding: 0 0px 0px!important;
} 

.navbar-brand img {
    
    margin-left: 0px;
    width: 86%;
}
     
}

@media (min-width: 768px) and (max-width: 991px) {
  .nav-link {
      position: relative;
      padding: 5px 0 !important;
      display: ruby;
  }
  /*.social-bottom-icon {*/

  /*  bottom: 250px;*/
  /*}*/
  

  
}

@media (min-width: 768px) and (max-width: 1200px) {

  .social-bottom-icon {

    margin-top: -79px;
    margin-bottom: 29px;
}

}


@media (min-width: 991px) and (max-width: 1200px) {
/*.social-bottom-icon {*/

/*    bottom: 235px;*/
/*}*/
.carousel-indicators {
    bottom: 142px;
}


}

@media (min-width: 300px) and (max-width: 991px) {
  .carousel-control-prev {
    
    z-index: 1;
 }
 .carousel-indicators {
    bottom: 0;
    display: none;
 }
 
}





@media (min-width: 300px) and (max-width: 500px) {

  .main-social .whats {
width: 10%;
  transition: transform 0.3s ease-in-out;
}

 .main-social .fb {
width: 10%;
  transition: transform 0.3s ease-in-out;
}

 .main-social .inst{
width: 10%;
  transition: transform 0.3s ease-in-out;
  }
}






@media (min-width: 500px) and (max-width: 768px) {
    
  
  .main-social .whats {
width: 7%;
  transition: transform 0.3s ease-in-out;
}

 .main-social .fb {
width: 7%;
  transition: transform 0.3s ease-in-out;
}

 .main-social .inst{
width:7%;
  transition: transform 0.3s ease-in-out;
  }  
    
}

@media (min-width: 300px) and (max-width: 600px) {
.carousel-caption {
    bottom: 140px !important;
}

}


@media (min-width: 1200px) and (max-width: 1300px) {

.social-bottom-icon {
   
    min-height: 14%!important;

}
}


@media (min-width: 768px) and (max-width: 991px) {
  .carousel-control-prev {
   
    margin-top: -88px;
  }

.carousel-control-next {
      margin-top: -88px;
   }
   
   

}


@media (min-width: 560px) and (max-width: 768px) {
.carousel-control-prev {
    
    margin-top: -191px;
}

.carousel-control-next {
    margin-top: -191px;
   }

}




@media (min-width: 400px) and (max-width: 560px) {
.carousel-control-prev {
    
    margin-top: -338px;
}

.carousel-control-next {
    margin-top: -338px;
   }

}


@media (min-width: 300px) and (max-width: 400px) {
.carousel-control-prev {
    
    margin-top: -401px;
}

.carousel-control-next {
    margin-top: -401px;
   }

}



@media (min-width: 300px) and (max-width: 450px) {
.navbar-brand img {

    margin-left: -6px;

  }
  
  img.service-img {
 
    margin: 60px 0px 0px;
}
}




@media (min-width: 768px) and (max-width: 991px) {

  .main-social .whats {
width: 5%;
  transition: transform 0.3s ease-in-out;
}

 .main-social .fb {
width: 5%;
  transition: transform 0.3s ease-in-out;
}

 .main-social .inst{
width:5%;
  transition: transform 0.3s ease-in-out;
  }  
    
.navbar-brand img {

    margin-left: -45px;
    width: 100%;


}

.slider {
    margin-top: 120px;
  }

}
@media (min-width: 700px) and (max-width: 768px) {

.navbar-brand img {
 
    margin-left: -111px;
    width: 100%;
   
  }
}

@media (min-width: 660px) and (max-width: 700px) {
.navbar-brand img {
    
    margin-left: -101px;
    width: 80%;
  }
}

@media (min-width: 580px) and (max-width: 660px) {
.navbar-brand img {
   
    margin-left: -58px;
    width: 58%;
  }
}

@media (min-width: 380px) and (max-width: 580px) {
    
.navbar-brand img {
 width: 47%;
    margin-left: -26px;
    }
}



@media (min-width: 300px) and (max-width: 400px) {
    .social-bottom-icon {

      bottom: 385px!important;
  }
   .main-phoneno {
    margin-top: -365px!important;
    margin-bottom: 280px!important;
  }
  
  .caption-boottom{
  margin: -240px auto 0px!important;
   }
    
}

@media (min-width: 400px) and (max-width: 450px) {
    
.social-bottom-icon {
 
    bottom: 365px!important;
  }
  
 .caption-boottom{
    margin: -240px auto 0px!important;
    
   }
    
 .main-phoneno {
    margin-top: -365px!important;
    margin-bottom: 280px!important;
   }
   
}




@media (min-width: 450px) and (max-width: 500px) {
    
    
.caption-boottom {
    margin: -161px auto 0px!important;
   }
   

.social-bottom-icon {
    bottom: 324px!important;

  }
  
  
  .main-phoneno {
    margin-top: -265px;
    margin-bottom: 210px;
   }
    
}

@media (min-width:500px) and (max-width: 600px) {
    
  .caption-boottom {
    margin: -161px auto 0px!important;
   }
   
  .social-bottom-icon {

     bottom: 260px!important;
  }
  
  
  .main-phoneno {
    margin-top: -221px;
    margin-bottom: 210px;
   }
    
}


@media (min-width:600px) and (max-width: 700px) {
    
.caption-boottom{
    
    margin: -90px auto 0px!important;

   }
   
 

.social-bottom-icon {
 bottom: 255px!important;
}

.main-phoneno {
    margin-top: -220px;
    margin-bottom: 117px;
}
     
    
}


@media (min-width:700px) and (max-width: 768px) {
    
.caption-boottom{
    
  margin: -30px auto 0px!important;

   }
   

  
  .main-phoneno {
    margin-top: -155px!important;
    margin-bottom: 61px;
  }
    
}
/*@media (max-width: 1200px){*/
/*.main-phoneno {*/
/*    margin: -58px 0px!important;*/
/*}*/
/*}*/


@media (min-width:768px) and (max-width: 1200px) {
    
  .main-phoneno {
    margin: -58px 0px!important;
}  
    
}

@media (min-width:700px) and (max-width: 767px) {
    
  .social-bottom-icon {

  bottom:190px!important;
  }      
    
}


@media (min-width:768px) and (max-width: 900px) {
  .social-bottom-icon {

  bottom:60px!important;
  }      
    
}
@media (max-width: 1200px) and (min-width:900px){
.social-bottom-icon {
  
    margin-bottom: 88px;
}
}




@media (min-width:1201px) and (max-width: 2000px) {
    .carousel-control-next {
    right: -68px;
}


    .social-bottom-icon{
        display:none;
  }
  
  
    
     .main-phoneno {
         display:none;
     } 
     
     
     
     
    /* .main-social .whats {*/
    /*    -webkit-animation: action 1s infinite  alternate;*/
    /*    animation: action 2s infinite  alternate;*/
    /*}*/
    
    

    
    
    /*.main-social .fb {*/
    /*    -webkit-animation: action 1s infinite  alternate;*/
    /*    animation: action 3s infinite  alternate;*/
    /*}*/
    

    
    
    /*.main-social .inst {*/
    /*    -webkit-animation: action 1s infinite  alternate;*/
    /*    animation: action 6s infinite  alternate;*/
    /*}*/
    
    
    
    

/*.cardcontainer img {*/
/*	animation: zoominoutsinglefeatured 1s infinite ;*/
/*} */
    
 
}
 
    
  .main-social .whats{
  animation: zoominoutsinglefeatured 1s infinite ;
       
   }
   
    .main-social .fb{
  animation: zoominoutsinglefeatured 1s infinite ;
       
   }
   
   
     .main-social .inst{
  animation: zoominoutsinglefeatured 1s infinite ;
       
   }
    
   
    @keyframes zoominoutsinglefeatured {
       
    0% {
        transform: scale(1,1);
    }
    
    50% {
        transform: scale(1.2,1.2);
    }
    
    100% {
        transform: scale(1,1);
    }
}
  
   
   
@media (min-width:1200px) and (max-width: 1200px) {
  .social-bottom-icon {
    bottom: 173px!important;
}  
}



@media (min-width: 300px) and (max-width: 1200px) {

.caption-boottom  h1{
  color: #fff;
}
.caption-boottom  p{
  color: #fff;
}

.social-icons{
display:none!important;
}

.social-icon-tab a{
  color: #fff;

    /*padding: 15px 20px 15px 20px;*/
    /*border: 1px solid #fff;*/
    /*border-radius: 100px;*/
    padding: 10px 4px 10px 4px;
    
    /*border-radius: 63%;*/
 }
}


@media (min-width: 380px) and (max-width: 400px) {
  .navbar-brand img {
    width: 63%;
    margin-left: 3px;
}  

.slider {
    margin-top: 99px;
}
    
}

.social-bottom-icon{
    background-color: #ddd0;
    padding: 16px 34px;
    min-height: 0%;
    width: 100%;
    /*float: left;*/
    /*left: 0px;*/
    position: relative;
    text-align: center;
    z-index: 1;
}

.social-icon-tab{
    margin-left: auto;
    margin-right: auto;

}

.social-icon-bottom {
    /*bottom: -25px;*/
    bottom:0px;
    position: absolute;
    display: block;
    float: left;
    margin: 50px 25px;
}

.social-icon-bottom img{
    width:80%;
}
.social-icon-bottom a{
/*padding: 0px 26px 0px 16px;*/
/*border: 1px solid #ddd;*/

display: block;
margin-bottom: -5px;
/*border-radius: 50%;*/
margin-left: -40px;

margin-top: 31px;
}




@media (min-width: 300px) and (max-width: 991px) {
  .social-icon-bottom {

    display: block;
  }

  .social-bottom-icon {

    min-height: 1%;
}

.social-bottom-icon {
    
    padding: 0px 0px 0px 0px;
  }

}

 @media (min-width: 1201px) and (max-width: 1201px) {
     
    .social-bottom-icon{
        display:none!important;
    } 
     
 }


  @media (min-width: 1201px) and (max-width: 1900px) {

.social-icons{
display: block!important;
}  
.social-bottom-icon{
  display:none!important;
} 
  }
  @media (min-width: 1201px) and (max-width: 2500px) {
 .caption-right {
      display: block;
    }
    .caption-boottom{
      display: none!important;
    }
}

 @media (min-width: 1380px) and (max-width: 1400px) {

.borders:before {

    height: 609px;
  }
}

 @media (min-width: 1350px) and (max-width: 1380px) {
/*
.borders:before {

    height: 566px;
  }*/
  .carousel-control-next {
    right: 49px;
}
}


 @media (min-width: 1300px) and (max-width: 1350px) {

/*.borders:before {

    height: 665px;
  }*/
}


@media (min-width: 1200px) and (max-width: 1500px) {

.left-section {
    background-color: #fff;
    position: fixed;
    max-width: 910px;

  }

  .carousel-item {
    min-height: 500px;
  }


  .borders:before {

    /*height: 578px;*/
    height: 502px;
}

}



@media (min-width: 1500px) and (max-width: 2000px) {
   .social-icons {
   
    min-height: 76.2%;
    top: 11.9%;
  }
  
  
}


/*  @media (min-width: 1300px) and (max-width: 1495px) {
    .carousel-inner {
  
    width: 80%;
  
  }
}
*/