@media screen and (min-width:1800px) /* 4k screen */ {
    
    .landing .carousel-caption h4 {
        font-size: 50px;
    }
    
    .landing .carousel-caption h1 {
        font-size: 100px;
    }
    
    .landing .carousel-caption .btn-default {
        font-size: 25px;
    }
    
    /* ==== Who we are ===*/
    
    
    
    /* ==== Gallery ===*/
    
}

@media screen and (max-width:1270px){
    .container {
        width: 100%;
    }
    
    .navbar2 .nav-area .nav-menu {
        width: 80%;
        font-size: 12px;
    }
}

@media screen and (max-width:1175px){
    .top-bar .left {
        width: 100%;
    }
}

@media screen and (max-width:1024px) /* Laptop */ {
    
    .navbar2 .nav-area .nav-menu {
        width: 90%;
    }
    
    .container {
        width: 100%;
    }
    
    .top-bar .right {
        width: 200px;
        float: right;
    }
    
    .top-bar .left {
        width: 700px;
    }
    
    .landing .carousel-caption {
        top: 45%;
    }
    
    .sales .number h1 {
        font-size: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-220%);
    
    }
    
    /* ==== Who we are ===*/
    
    .who {
        padding: 50px 25px;
    }
}

@media screen and (max-width:768px) /* tablet */ {

    .main-body {
        padding: 80px 20px !important;
    }
    
    .top-bar {
        padding: 20px;
    }
    
    .top-bar .right {
        width: 100%;
        clear: both;
        flex-flow: row;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .top-bar .left {
        width: 100%;
        display: block;
    }
    
    .navbar2 .nav-area {
        display: none;
    }
    
    .navigation-bar {
        display: block;
    }
    
    .navigation-bar .burger {
        margin-top: -2px;
    }
    
    .nav li a {
        font-size: 12px;
    }
    
    .landing .carousel-caption {
        top: 45%;
    }
    
    .landing .carousel-caption h4 {
        font-size: 14px;
    }
    
    .landing .carousel-caption h1 {
        font-size: 30px;
    }
    
    .landing .carousel-caption .btn-default {
        font-size: 12px;
    }
    
    .sales .number h1 {
        font-size: 50px;
        position: absolute;
        left: 50%;
        top: 42%;
        transform: translate(-50%,-180%);
    }
    
    .sales p {
        padding: 0;
    }
    
    footer .psa {
        width: 40%;
    }
    
    .who .search-box {
        padding: 20px 0;
    }
    
    .faqs {
        padding: 50px 20px;
    }
    
    .contact {
        padding: 50px 20px;
    }
}

@media screen and (max-width:425px) /* mobile large */ {
    .container {
        width: 100%;
    }
    
    .navbar {
        height: 160px;
        padding: 0;
    }
    
    .navbar .navbar-header .nav-brand {
        width: 250px;
        height: 80px;
    }
    
    .navbar .navbar-header .nav-brand img {
        width: 200px;
        margin: 0 0 0 30px;
    }
    
    .navbar .navbar-header .navbar-toggle {
        background: #005193;
        border: none;
        margin-top: 60px;
    }
    
    .navbar .collapse {
        position: absolute;
        z-index: 99;
        transition: .4s ease;
    }
    
    .navbar .collapse .nav {
        padding: 0 20px;
    }
    
    .landing {
        margin-top: -18px;
    }
    
    .landing .carousel-control {
        opacity: 0;
    }
    
    .landing .carousel-inner .carousel-caption {
        width: 100%;
        left: 0;
        height: 100%;
        top: 80%;
        padding: 0;
        padding: 20px;
    }
    
    .landing .carousel-caption h4 {
        font-size: 14px;
    }
    
    .landing .carousel-caption h1 {
        font-size: 32px;
    }
    
    .landing .carousel-caption .btn-default {
        font-size: 12px;
    }
    
    #btnScrollToTop {
        right: 10px;
    }
    
    footer p {
        text-align: left;
        font-size: 12px;
    }
    
    footer .image {
        justify-content: flex-start;
    }
    
    footer .psa {
        width: 60%;
    }
    
    .privacy-t-c {
        padding: 20px;
    }
    
}

@media screen and (max-width:375px){
    
    
    
    .who .search-box .form-control {
        width: 70%;
    }
    
    .who .search-box .submit {
        width: 30%;
    }
}