.mainAll .nav li {
 float: left;
 border: 1px solid #747ba7 !important;
 margin: 8px !important;
}
.mainAll .nav li a:hover {
 color: #fff !important;
 background: #3a416f !important;
}
.mainAll .nav-selected {
    background: #3a416f !important;
    color: #fff;
}
@media screen and (max-width: 5000px) and (min-width: 1200px) {
    .mainbanner .carousel-inner {
     height: 495px !important;
    }
   /* .mainbanner .carousel-inner img{
     height: 520px !important;
     width: 1668px !important;
    }*/
}
@media screen and (max-width: 676px) {
    .mainAll .nav li a {
        font-size: 11px !important;
    }
}



@media screen and (max-width: 992px) and (min-width: 676px) {
    .carousel-inner .item img {
       object-fit: cover !important;
        width: 100vw;
        height: 307px;
        object-fit: cover;
    }
}

@media screen and (max-width: 676px) and (min-width: 320px) {
    .carousel-inner .item img {
        object-fit: cover !important;
        width: 100vw;
        height: 209px;
        object-fit: cover;
    } 
}

@media screen and (max-width: 320px) {
    .carousel-inner .item img {
        object-fit: cover !important;
        width: 100vw;
        height: 96px; 
        object-fit: cover;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .carousel-inner .item img {
        object-fit: cover !important;
        width: 100vw;
        height: 321px; 
        object-fit: cover;
    }
}
 
@media screen and (max-width: 1200px) and (min-width: 992px) {
    .clientmain .carousel-inner .item img {
        object-fit: cover !important;
        width: 100%;
        height: 100%; 
        object-fit: cover;
    }
}
@media screen and (max-width: 992px) and (min-width: 676px) {
    .clientmain .carousel-inner .item img {
       object-fit: cover !important;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media screen and (max-width: 676px) and (min-width: 320px) {
    .clientmain .carousel-inner .item img {
        object-fit: cover !important;
        width: 100%;
        height: 100%;
        object-fit: cover;
    } 
}


.flexslider ul li {
    /*padding: 3px !important;*/
}



.home_description .right_padings ul li {
    list-style: disc;
    margin-left: 15px;
}

/*.sub_imgmain:hover .baner_links {
    width: 25% !important;
}
.sub_imgmain:hover .baner_links p {
    margin: 0 0 10px 15px;
}*/
/*@media screen and (max-width: 425px) and (min-width: 100px) {
    
}*/
@media screen and (max-width: 502px) and (min-width: 426px) {
    .subimg:hover +.baner_links {
        margin-left: -10px !important;
    }
}
@media screen and (max-width: 599px) and (min-width: 503px) {
    .subimg:hover +.baner_links {
        margin-left: -15px !important;
    }
    .baner_links {
        margin-left: -25px !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 600px) {
    .subimg:hover +.baner_links {
        margin-left: -15px !important;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .subimg:hover +.baner_links {
        margin-left: 0px !important;
    }
    .baner_links:hover {
        margin-left: 0px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .subimg:hover +.baner_links {
        margin-left: -15px !important;
    }
}
@media screen and (max-width: 5000px) and (min-width: 1200px) {
    .subimg:hover +.baner_links {
        margin-left: -15px !important;
    }
}