@media(max-width:1199px){
    .my-items li a {       
       margin-left: -19px !important;
       
    }
    .about-images{
        margin-top: 90px;
    }
    .box{
        height:auto !important;
    }
    .box h4 {       
        font-size: 21px !important;        
    }
    .projects{
        padding-bottom: 50px;
    }
    .foot-logo img {
        width: 213px !important;
    }
    .foot-socio li a {       
        margin-right: 4px !important;        
    }
    .tag-line {       
        font-size: 22px !important;        
    }
    #main-menu {
        top: 50px !important;
        padding-left: 10px !important;

    }
    .sublist1 {
        left: 174px !important;
        padding-left: 10px !important;
    }
    .sublist2 {
        top:-30px !important;
        left: 174px !important;
        padding-left: 10px !important;
    }
    .my-logo img{
        width:400px !important
    }
    .text {     
        position: absolute;
        top:19% !important;
        left:11% !important; 
      }
      .carousel-control-prev, .carousel-control-next{
        top:168px !important;
      }

}
@media(max-width:991px){
    .rt-items{
        display: initial !important  ;
        text-align: center;
    }
    .top{
        display: initial !important;
        
    }
    .socio{
        justify-content: center !important;
        padding-right:147px;
        border-top: 1px solid #fff;
    }
    .socio li a {       
        margin-left: 40px !important;
    }
    .navbar-toggler{
        background-color:#b91721;
    }
    .text {       
      left: 11% !important;
        
    }
    .about-images {
        margin-top: 0px !important;
    }
    .abt-col {
        margin-top: 0 !important;
    }
    .abt-details h2{
        margin-top: 20px;
    }
    .box{
        margin-bottom: 20px;
    }
    #main-menu {
        top: 164px !important;
        right: 49%;
        padding-left: 23px !important;
        z-index: 999;
    }
    .sublist1 {
        left: 174px !important;
        padding-left: 10px !important;
    }
    .sublist2 {
        top:-30px !important;
        left: 174px !important;
        padding-left: 10px !important;
    }
}
@media(max-width:767px){
    .prod-img{
        margin-bottom: 20px;
    }
    .my-logo img{
        width:220px !important;
    }
    .text h1{        
        font-size: 30px !important;
      }
      .text {     
        position: absolute;
        top:18% !important;
        left:5% !important; 
      }
      .banner_items img{
        height:420px !important;
      }
      .about-details{
        margin-top: 20px;
      }
      .hd{
        border-right: none !important;
        border-bottom: 3px solid #102712;       
      }
      #main-menu {
        top: 133px !important;
        right: 38% !important;       
    }
}

@media(max-width:575px){
    .about-details h2{
        font-size: 28px !important;
    }
    .text {       
      font-size: 20px !important;
      left:5% !important;
       
    }
    .mySlides img{
        height:412px !important;
    }
    .numbertext {        
        top: 35px !important;        
    }
    .prev, .next {       
        top: 76% !important;        
    }
    .abt-img img {
        width: 79% !important;
    }
    .about-images{
        text-align: center;
    }
    .abt-img{
        margin-bottom: 15px;;
    }
    .footer-details{
        margin:0 auto !important ;
    }
    .foot-socio{
        margin-bottom: 15px !important;
    }
    .com-img{
       margin-bottom: 20px;
    }    
    .sublist1 {
        left: 174px !important;
        padding-left: 10px !important;
    }
    .sublist2 {
        top:-30px !important;
        left: 174px !important;
        padding-left: 10px !important;
    }
    .pro-icons img{
        width:65px !important;
    }
    .carousel-control-prev, .carousel-control-next{
        top:250px !important;
      }
      .top-nav::after{
        width:17px !important
      }
      .why-hd {
        font-size: 30px !important;
      }
      .hd{
        font-size: 24px !important;
      }
      .counter {
        padding: 0 !important;
      }
      #main-menu {
        top: 133px !important;
        right: 35% !important;
    }
}
@media(max-width:480px){
    .my-logo{
        width:100px !important;
    }
    #main-menu {
        top: 151px !important;
        right: 18% !important;
    }
}
@media(max-width:375px){
    .list-1 span {
         margin-right: 0 !important; 
    }
    .client-img img {
        width:100% !important;
    }
    .con-line {
        font-size: 24px !important;
    }
    .line-3, .about-details h2, .why-hd, .hd{
        font-size: 20px !important; 
    }
}

@media(max-width:320px){
    .rt-items li a{
        font-size: 11px !important;
    }
}