/*---------------------- HOME ------------------*/

@media (max-width:767px) {
    .navbar-brand {height:auto;}
    
    .navbar-brand img {width:150px; margin-left:20px;}
    
    /* --NAVBAR-- */
    .navbar-nav {background:#0072bc;}
    
    .navbar-collapse a {padding:20px 0 20px 20px!important;}
    
    .nav-link {text-align:left!important; display:block; padding:0.5rem 1rem; padding-bottom:50px;}
    
    header.smaller .nav-item {background-color:#0072bc;}
    
    .navbar-toggler {color:#fff;}
    
    .banner {padding-top:200px; height:80vh;background-position: 80% !important;}
    
    .banner h1 {font-size:35px;}
    .why {padding-bottom: 20px;padding-top: 20px;}
    .why h1 {font-size:35px; margin-left:0;}
    
    .why br {display:none;}
    
    .why p {padding:10px 0 10px 0;}
    
    .why br {display:none;}
    
    .image {padding:0 0;}
    
    .image-box {height:220px; margin-bottom:40px;}
    
    .image-box i {display:none;}
    
    .mlm-soft {padding:0px 0;}
    
    .mlm-soft h1 {padding-top:0px;}
    
    .mlm-soft p {padding-right:0;padding-bottom: 20px;}
    
    .service {padding: 20px;}
    .service h1 {margin-bottom: 20px;}
    .service a{margin-top: 0;}
    .service-box,.service-box-1 {height:auto; text-align:center;}
    
    .service-box h4 {padding-top:20px;}
    
    .unique {padding:40px 0;}
    
    .unique .d-flex {flex-wrap:wrap;}
    
    .unique img {width:100%;}
    
    .unique p {padding:0; }
    .unique a{float: inherit !important;margin: 0 !important;text-align: center !important;display: block;}
    .client {padding: 40px 0px;}
    .client h1{padding-top: 0;margin-bottom: 20px;}
    .client .d-flex {flex-wrap:wrap;}
    
    .client-box {margin-bottom:40px;}
    
    
    .footer .box {margin:auto; display:block; width:400px;}
    
    .footer .d-flex {flex-wrap:wrap;}
    
    .footer .d-flex {margin-bottom:0;}
    
    .footer h4 {margin:0; padding-top:10px;}
    
    .icon {margin-left:0;}
    .display h4 {display:none;}
    }
    
    @media (min-width: 300px) and (max-width: 399px) {
    .unique-box {width:250px; justify-content:left;}
    
    .unique-box-1 {width:250px;}
    
    .client h1 {font-size:30px;}
    }
    
    @media (min-width: 400px) and (max-width: 499px) {
    .unique-box {width:300px; justify-content:left;}
    
    .unique-box-1 {width:300px;}
    }
    
    @media (min-width: 500px) and (max-width: 767px) {
    .unique-box {width:400px; justify-content:space-evenly; align-items:center;}
    
    .unique-box-1 {width:400px;}
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .navbar-nav {background:#0072bc;}
    .navbar-collapse a {padding:20px 0 20px 20px!important;}
    
    .nav-link {text-align:left!important; display:block; padding:0.5rem 1rem; padding-bottom:50px;}
    .why{padding: 40px 0px;}
    .mlm-soft{padding: 0px 0px;}
    .mlm-soft p{margin-bottom: 30px;}
    .unique .d-flex {flex-wrap:wrap;justify-content: center;}
    .unique h1{text-align: center;}
    .unique p{text-align: center;}
    .unique a{float: inherit;text-align: center;display: block;}
    .footer .box {margin:auto; display:block; width:800px;float: left;}
    
    .footer .d-flex {flex-wrap:wrap;}
    
    .image-box {height:220px; margin-bottom:40px;}
    
    .footer .d-flex {margin-bottom:0;}
    
    .footer h4 {margin:0; padding-top:10px;}
    
    .image {padding:20px 0;}
    
    .mlm-soft {padding:40px 0;}
    
    .mlm-soft p {padding-top:30px;}
    
    .service {padding:30px 0;}
    .display h4 {display:none;}
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
    .unique img {width:400px;}
    
    .unique-box {width:210px;}
    
    .unique-box-1 {width:270px;}
    
    .image-box h6 {font-size:16px;}
    .footer a{font-size: 15px !important;}
    .unique-box img,.unique-box-1 img {width:100%;}
    }