@media (max-width:1520px) {
   
    .my-btn{
     /* margin-left:-90px !important; */
    }
    .mini{
        width:45vw !important;
        font-size:15px !important;
        margin-left:-20vw !important;
    }
}


@media (max-width:1400px) {
    .nav-link{
        font-size:13px;
    }
    .img2{
        width:70vw !important;
    }
    
   
}



@media (max-width:1300px) {
    .nav-link{
        font-size:12px;
    }
    .my-btn{
        /* margin-left:-55px !important; */
       }
    .para2{
        font-size:12px !important;
    }
    .mini{
        font-size:16px !important;
        /* color:green !important; */
    }
    .image{
        width:400px;
    }
   
}


@media (max-width:1200px) {
  
    .my_logo{
        width:100px;
        margin-top:10px;  
    }
    .navbar-toggler{
        margin-top:10px;
    }
    .nav-link{
        /* display: inline-block !important; */
    }
    .my-btn{
        /* margin-left:-40px !important; */
       }
    .item2{
        font-size:20px !important;
        padding-left:80px !important;
        padding-right:80px !important;
        min-width:400px !important;
        
    }
    .abs{
        width:300px !important;
    }
   
    .nav-item > span{
        visibility: visible !important;
    }
    .hide{
        display:none !important;
    }
    .row-con{
    
    }
    #navbarSupportedContent{
        width:250px !important;
    }

    .column{
        border:1px solid orange;
    }
    .nav-item{
        /* margin-left:25px; */
        /* border:2px solid green; */
        /* min-width:150px;
        max-width:150px;
        padding-left:30px; */
    }
    .navbar-collapse{
        margin-left: 10% !important;
    }
    .turnin{
        max-width:500px !important;
    }
    .mixbox{
        margin-top:;
    }
    .sorry{
        padding-top:20px !important;
    }
    .table1{
        margin-bottom:40px !important;
    }
    .image-2{
        width:400px !important;
    }
    .mini-2{
        width:500px !important;
    }
   
}
@media (max-width:1100px) {
   
    .my-btn{
        /* margin-left:-20px !important; */
       }
    .out-b{
       margin-right:50px !important;
    }
    .mini{
        width:55vw !important;
        font-size:14px !important;
        margin-left:-25vw !important;
    }
} 


@media (max-width:1150px) {
    .the_title{
        font-size:45px;
    }
} 

@media (max-width:1000px) {
    .navbar-collapse{
        display:none;
    }
    .carousel-item > img {
        transform: scaleX(1.5);
    }
    .the_title{
        font-size:45px;
    }
    .top_banner > img{
        transform: scaleX(1.5);
    }
    .my-btn{
        /* margin-left:-10px !important; */
    }
    .item2{
        font-size:20px !important;
        padding-left:60px !important;
        padding-right:60px !important;
        min-width:300px !important;
    }
    .fim{
        width:200px;
        
    }
    .gim{
        min-width:180px !important;
        margin-left:60px !important;
        margin-top:-20px !important;
    }
    .imm{
        margin-left:50px;
        
    }
    /* .gim{
        width:180px !important;
        min-width:100px !important;
        max-width:100px !important;
    }
    */
    .him{
        margin-left:70px !important;
        margin-top:-10px !important;
    } 
    .img-a{
        width:300px !important;
        height:200px !important;
    }
    .img-b{
        margin-left: 0px !important;
    }
    .img-c{
        /* width:300px !important;
        height:200px !important; */
        margin-left: 0px !important;
    }
 
    .turnin{
        float: none;
        margin: 0 auto;
        max-width: 600px !important;
    }
    .image{
        width:600px !important;
    }
    .table1{
        width:600px !important;
        padding:0 !important;
        margin-left:-30px !important;
    }
    .td1{
        /* width:100%; */
        padding-right:12vw;

    }
    .mini{'  font-size:10px !important;'
        width:75vw !important;
        margin-left:0vw !important;
        width:600px !important;
        /* height:135px !important; */
        margin-left:30px !important;
        font-size:15px !important;
    }
    .second-para{
        font-size:15px !important;
    }
    .image-2{
        width:500px !important;
    }
    .mini-2{
        /* margin:0px !important; */
        margin-left:0px;
        margin-right:0px;
        display:block;
        margin:auto;
        
    }
    .my_table{
        margin:0px !important;
        margin-top:50px !important;
        margin-bottom:20px !important;
        float:none !important;
    }
    .center_me{
        width:100vw;
    }
    .image-3,.my_table{
        box-shadow: 15px 10px 20px 5px rgba(0, 0, 0, 0);
    }
    /* .center_me-j{
        width:3
    } */
    .my_table{
        width:40vw !important;
        /* text-align:center !important; */
        /* display:block !important; */
        /* margin:0 auto !important; */
    }
    .cn{
        /* text-align:center !important; */
        /* display:block !important; */
        /* margin:0 auto !important; */
        /* width:100vw; */
    }
    .tick3{
        /* text-align:center !important; */
        margin:auto !important;
        display:block;
        margin-right:0px !important;
        font-size:2vw !important;
        width:50vw !important;
    }
    .tick-btn2{
        padding-left:35% !important;
    }
    .around{
        /* height:600px !important; */
    }
    .index-cards > .card{
        /* max-width:200px !important; */
        
    }
} 

@media (max-width:995px) {
    /* .bar{
        display:block !important;
    } */
    /* .bar2{
        display: block !important;
    } */
    
} 
@media (max-width:992px) {
   .nav-btn > input{
       margin-left:-100px !important;
   }
   .specal{
       margin-top:-100px !important;
       
   }
    
} 

@media (max-width:900px) {
    .social{
        width:35px !important;
        height:35px !important;
    }
    .a_li{
        font-size:10px !important;
    }
    .b_li{
        font-size:15px !important;
    }
    .the_title{
        font-size:60px !important;
    }
    
} 
@media (max-width:800px) {
    .social{
        /* position:absolute; */

    }
    .item2{
        font-size:16px !important;
        padding-left:50px !important;
        padding-right:50px !important;
        min-width:250px !important;
    }
    .al > .container{
        max-width: 1000px!important;
    }
    .img2{
        /* width:80vw !important; */
    }
    .the_title{
        font-size:50px !important;
    }
    .a,.b{
        margin-left:0px !important;
        margin-right:0px !important;

    }
}

@media (max-width:850px) {
    .carousel-item > img {
        transform: scaleX(1.75);
    }
    .top_banner > img{
        transform: scaleX(1.75);
    }
   
    .nav-container{
        background-color: rgb(37, 37, 37);
    }
    .flex-item > h3{
        padding-top:2px !important;
    }
    .flex-item > p{
        padding-top:2px !important;
    }
} 
@media (max-width:767px) {
    .r{
        /* margin-left:50px; */
        margin-bottom:-40px;

    }
    .abs{
        margin-bottom:10px;
        width:110vw !important;
    }
    .imm{
        min-width:150px !important;
        max-width:150px !important;
        width:150px !important;
        margin-bottom:45px !important;
        margin-left:20px !important;
        margin-right:20px !important;
    }
    .gim{
        min-width:120px !important;
        max-width:120px !important;
        width:120px !important;
        margin-top:10px !important;
        margin-left:30px !important;
    }
    .him{
        min-width:110px !important;
        max-width:110px !important;
        width:110px !important;
        margin-top:10px !important;
        margin-left:35px !important;
    }
    .ind{
        margin-top:-5vh !important;
    }
    /* .rnc{
        margin-top:50px !important;
    } */
    .fancy{
        padding-top:60px !important;
    }
    .mini{
        margin-left:-50px !important;
        
        
    }
    .table1{
        margin-left:-50px !important;
    }
    .turnin{
        /* min-width:90vw; */
        margin-right:20px !important;
        padding-right:20px !important;
        /* margin-left:-10vw !important; */
    }
    .image{
        width:500px !important;
    }
    .td1{
        padding-right:1vw !important;
    }
    .rnc{
        margin-top:-10vh !important;
    }
    .item2{
        /* height:10vh !important; */
        width:70vw !important;
        /* padding-left:200px !important; */
        /* padding-right:200px !important; */
        max-width:90vw !important;
        /* padding:200px !important; */
        padding-top:3vh !important;
        padding-bottom:3vh !important;
        /* min-width:200px !important; */
        font-size:25px;
        font-weight:600 !important;

    }
    .services-title{
        margin-top:200px !important;
    }

    .second-para{
        font-size:15px !important;
    }
    .title-n{
        font-size:20px !important;
    }
    .second-img{
        text-align:center;
        width:400px; !important;
        margin: auto;    
        display: block;
    }
    
}



@media (max-width:700px) {

    .carousel-item > img {
        transform: scaleX(2);
    }
    .top_banner > img{
        transform: scaleX(2);
    }
    .the_title{
        font-size:30px !important;
    }
    .nav-container{
        background-color: rgb(37, 37, 37);
        /* height:70px; */
    }
    .navbar-nav{
      
       
       
        
    }
    .column{
        border:1px solid orange;
    }


    .nav-item{
        /* margin-left:25px; */
        /* border:2px solid green; */
        /* min-width:150px;
        max-width:150px;
        padding-left:30px; */
    }


    .navbar-collapse{
        /* margin-left: 10% !important; */
    }
   .bottom_section{
       /* height:140px !important; */
   }
   .in{
    font-size:13px !important;
    }
    .mini{
        /* width:95vw !important; */
        /* margin-left:0px !important; */
        /* margin-right:10px !important; */
    }
    
} 

@media (max-width:650px) {
    .a,.b {
        width:350px;
    }
    .r{
        /* margin-left:25vw; */
    }
    .a{
        margin-right:0 !important;
    }
    .b{
        margin-left:0 !important;
    }
    .se{
        margin-top:0px !important;
    }
    .mini{
        margin:0 !important;
        max-width:95vw !important;
        
    }
    .image{
        /* margin-right:0px !important; */
        float:none !important;
        width:100vw !important;
        /* height:auto !important; */
        /* float:center !important; */
        
    }
    .turnin{
        margin-right:0px !important;
        width:100vw !important;
        margin-left:0 !important;
        padding: 0 !important;
    }

    .mixbox{
        width:100vw !important;
    }
    .sorry{
        margin: 0 !important;
        width:100vw !important;
        max-width:100vw !important;
    }
    .navbar{
        padding-left:10px !important;
    }
    #nav-btn{
        right:20px !important;
    }
    #nav-ul{
        padding-left:50vw !important;
        padding-right:50vw !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:unset !important;
        display:block !important;
    }
    #nav-ul > li{
        width:150px !important;
    }
    .carousel-caption{
        
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:unset !important;
        display:block !important;
        vertical-align:center;
    }
    
}
@media (max-width:600px) {
    .carousel-item > img {
        transform: scaleX(2.6);
    }
    .top_banner > img{
        transform: scaleX(2.6);
    }
    .r{
        /* margin-left:20vw; */
    }
    .cus-rev{
        /* margin-left:50px !important; */
        /* margin-right:50px !important; */
    }
    .ppp{
        margin-right:20px !important;
        margin-left:20px !important;
    }
    .image1{
        height:300px !important;
    }
    .img1{
        transform: scaleX(1.2) !important;
    }
    .services-title{
        visibility: hidden !important;
    }
    .rnc{
        margin-top:-90px !important;
    }
    .mini{
         margin-left:0px !important;
    }
    .tick-btn{
        padding-left:40vw !important;
        padding-right:0px !important;
    }
    .title-n-m{
        font-size:20px !important;
    }
    .row-sep{
        width:100vw !important;
        display:!important;
    }
    .no-pad{
        max-width:1000px !important;
        min-width:0px !important;
    }
    
}

@media (max-width:575px) {
    .index-cards > .card{
        margin-left:auto !important;
        margin-right:auto !important;
        min-width:300px !important;
    }

}

@media (max-width:530px) {
    .a,.b {
        width:250px;
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .nav-link{
        /* font-size:10px;
        margin-top:0;
        margin-bottom:-10px;
        margin-top:-10px;
        margin-left: 0 !important; */
    }
    .navbar-nav{
        /* width:90vw; */
        /* margin-left:10px !important; */
        /* -webkit-column-width: 150px;
        -moz-column-width: 150px;
        column-width: 150px; */
    }
    .navbar-collapse{
        /* margin-left: 2% !important; */
    }
} 

@media (max-width:515px) {
    .imm{
        min-width:25vw !important;
        max-width:25vw !important;
        margin-left:0 !important;
        margin-right:0 !important;
        /* margin-left:-10px !important; */
        
        /* width:25vw !important; */
    }
    .gim{
        min-width:100px !important;
        max-width:100px !important;
        width:120px !important;
        margin-left:20px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
    
    .him{
        min-width:100px !important;
        max-width:100px !important;
        width:120px !important;
        margin-left:20px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    } 
}
@media (max-width:500px) {
    .carousel-item > img {
        transform: scaleX(3);
    }
    .top_banner > img{
        transform: scaleX(3);
    }
    .c.btn > a{
        margin-top:20px !important;
        
        font-size:25px !important;
        /* min-width:200px !important; */
        padding:0px !important;
        padding-left:30% !important;
        padding-right:30% !important;
        padding-top:2px !important;
        padding-bottom:7px !important;
        min-width:300px !important;
        

    }
    .c{
        margin-top:20px !important;
        /* padding-left:20px; */
        /* padding-right:20px; */
        
    }
    .navbar-nav{
        /* max-height:150px !important; */
    }
    .hide-c{
        display:none;
    }
    .show-c{
        display: inline-block !important;
    }
    .hidden-phone{
        display: inline-block !important;
      
    }
    .hidden-phone-img{
        width:40px !important;
        height:40px !important;
        margin-top:10px;
    }
    .a_li,.b_li{
        display:none;

    }
    .copyright{
        min-width:15px !important;
    }
    .r{
        /* margin-left:15vw; */
    }
    
    .img1{
        transform: scaleX(1.5) !important;
    }
    
    .image2{
        /* max-width:5vw !important; */
        /* width:100px !important; */
        max-width:400px !important;
        /* min-width:100px !important; */
        /* padding:0px !important; */
        font-size:15px !important;

    }

    /*
    .ind{
        max-width:25vw !important;
    } */
    .tick2{
        /* width:90vw !important; */
        font-size:15px !important;
        margin-left:80px !important;
    }
    .tick-btn{
        padding-left:32% !important;
    }
    .bat-img{
        margin-left:-30px !important;
    }
    .battery-text{
        margin-bottom:20px !important;
    }
    .image-2{
        margin-left:-20px !important;
    }
    .mini-2{
        /* margin-left:-20px !important; */
        font-size:14px !important;
        width:90vw !important;
        margin-top:0 !important;
    }
    .my_ul{
        padding-left:7px!important;
        margin:5px !important;
        
    }
    .normal{
        font-size:10px !important;
    }
    .tick3{
        font-size:15px !important;
    }
    .find-more{
        margin-left:6vw !important;
    }
    .serivces-title{
        visibility: hidden !important;
    }

    
} 
@media (max-width:450px) {
    .the_title{
        min-width:0px !important;
        padding-left:0px !important;
        padding-right:0px !important;
        font-size:35px !important;
        
    }
    .c{
        margin-left:-5%;
        min-width:250px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        margin:0px !important;
        
    }
    .r{
        /* margin-left:12vw; */
    }
    .image1{
        height:230px !important;
    }
    .in{
        font-size:12px !important;
    }
    .one-off{
        font-size:40px !important;
    }
    .temp{
        padding-bottom:0px !important;
        
    }
   
} 
@media (max-width:400px) {
    .r{
        /* margin-left:14vw; */
    }
    .my_logo{
        width:100px;
        margin-top:10px;  
    }
    .c{
        margin-left:-10%;
    }
    .navbar-toggler{
        margin-top:10px;
    }
    .nav-link{
        /* font-size:10px;
        margin-top:0;
        margin-bottom:-10px;
        margin-top:-10px;
        margin-left: 0 !important; */
    }
    .navbar-nav{
        /* width:90vw; */
        /* margin-left:10px !important; */
        /* -webkit-column-width: 150px;
        -moz-column-width: 150px;
        column-width: 150px; */
    }
    .navbar-collapse{
        /* margin-left: 2% !important; */
    }
    .c.btn{
        /* margin-left:-15px; */
    }
    .r{
        /* margin-left:10vw; */
    }
    .image1{
        height:200px !important;
    }
    #yes{
        font-size:12px !important;
    }
    .imm{
        /* margin-left:0 !important; */
        /* margin-right: 0 !important; */
        margin-top: 30px!important;
        margin-bottom: 30px !important;
    }
    .him{
        min-width:25vw !important;
        max-width:25vw !important;
    }
    .gim{
        min-width:25vw !important;
        max-width:25vw !important;
    }
    .fancy{
        padding-top:10px !important;
    }
    .se{
        margin-top:-80px !important
    }
    .rnc2{
        margin-top:100px !important;
    }
    .tick{
        font-size:16px !important;
        margin-left:100px !important;
    }
    .green-span{
        font-size:16px;
    }
    /* .big{
        height:135px !important;
        
    }
    */
    .col-9{
        
        padding:20px !important;
    }
    /*
    .row-sep{
        height:300px !important;
    } */
  

} 
@media (max-width:375px) {
    .c{
        
        margin-left:-13%;
    } 
    .rnc{
        margin-top:-50px;
    }
    .ind{
        margin-top:2vh !important;
    }
    .r{
        /* margin-left:7vw; */
    }
    .imm{
        margin-left:0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .a{
        margin-left:-15px !important;
    }
    .b{
        margin-left:-15px !important;
    }
    .c{
        margin-left:-18px !important;
    }
    .temp{
        padding:0px !important;
    }
}
@media (max-width:360px) {
    .c{
        
        margin-left:-15%;
    } 
    .ind{
        margin-top:0vh !important;
    }
    
}
@media (max-width:330px) {
    .c{
        margin-left:-25%;
    }

    .nav-link{
        /* font-size:10px;
        margin-top:0;
        margin-bottom:-20px;
        margin-top:-20px;
        margin-left: 0 !important; */
    }
    .navbar-nav{
        /* width:98vw; */
        /* margin-left:10px !important; */
        /* -webkit-column-width: 110px;
        -moz-column-width: 110px;
        column-width: 110px;
        max-height:200px; */
    }
    .navbar-collapse{
        margin-left: 2% !important;
    }
    .c.btn{
        /* margin-left:-30px; */
    }
    .rnc{
        margin-top:-76px;
    }
    .item2{
        font-size:20px !important;
        /* padding-left:80px !important;
        padding-right:8px !important; */
        min-width:200px !important;
        /* margin-right:50px; */
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .image1{
        height:180px !important;
    }
    .r{
        /* margin-left:10vw; */

    }
    .ul1{
        padding-left:20px!important;
    }
    .para2,.in,.para3{
        font-size:15px !important;
    }
    .para > i{
        font-size:15px !important;
        text-align:left !important;
    }
    .img-c{
        padding-right:10px !important;
        max-width:95vw !important;
        margin-top:0px !important;
    }
    .img-b{
        padding-top:20px;
        padding-bottom:20px;
        max-height:200px !important;
        margin-left:-25px !important;
    }
    .img2{
        transform: scaleX(3);
        height:200px !important;
    }
} 

@media (max-width:380px) {
    .carousel-item > img {
        transform: scaleX(3.5);
    }
    .top_banner > img{
        transform: scaleX(3.5);
    }
    
    .ppp{
        font-size:12px !important;
    }
    .display-4{
        font-size:35px !important;
    }
}