@media(max-width : 1400px) {

   
}


@media(max-width : 1200px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
}
@media(max-width : 900px) {
    .nav_area { min-width:200px;   max-width: 250px;}
}


@media(max-width : 768px) {
    .main_container{width: 100%;margin-left:0%;}
    .nav_area .collapse:not(.show) {display: none;}
    .nav_area .navbar-toggler:not(:disabled):not(.disabled) {cursor: pointer;display: block;}
    .navebar_sec {width: 100%;height: auto; }

    .socialmedia{ display: none}
    .navbar-toggler {padding: .25rem .55rem;font-size: 1rem;border: 1px solid #7d7d7d;}
    .navbar-toggler i{color:#7d7d7d}
    /* .b2b_slider_sec {height:auto; max-height: inherit;} */
    /* .b2b_slider_sec .carousel-inner .img_sec{background-image:none !important;  } */
    .b2b_slider_sec .carousel-caption { width: 80%;}  
    .aboutus_sec {padding: 25px 0; }
    .aboutus_bottom_sec{padding: 0;}
    .nav_area { min-width:250px;   max-width: 300px;}
    .navebar_sec .logo_sec { text-align: left;}
    .navebar_sec .logo_sec img { max-width: 140px;}

}
    
    @media(max-width : 575px) {
    .carousel-inner {overflow: hidden;}
    .b2b_slider_sec .carousel-inner .img_sec.coverimg:before{content:none;}
    .b2b_slider_sec .carousel-caption{position: relative; top: inherit; bottom: inherit; left: inherit; right: inherit; transform: translate(0,0); padding:25px 15px; width: 100%; background: #f2f2f2;}    
    .b2b_slider_sec .carousel-caption h3 {  color: #5c6bc0 !important; font-size: 24px;}
    .b2b_slider_sec .carousel-caption p {  color: #6b6b6b !important;     margin: 20px 0;}
    .navebar_sec { padding: 10px 10px;}
    .nav_area { min-width: 100%;  max-width: 100%;  right: inherit; top: inherit; position: relative;     transform: inherit;}
    .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: center;  justify-content: center;  width: 100%;}
    .navebar_sec .logo_sec { text-align: center; margin-bottom: 10px;}
    .navebar_sec .logo_sec img { max-width: 140px;}
    .b2b_slider_sec {height:auto; max-height: inherit;}
   .b2b_slider_sec .carousel-inner .img_sec{background-image:none !important;  }
   .nav_area .nav-link{ text-align: center;}

    }
    
    @media(max-width : 320px) {
    
    
    
    }