﻿
@media(min-width: 50px) and (max-width: 320px)  {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 15vh;
        width:60% !important;
    }
    .logo{
        width:20%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1em;
    }
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 300px;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
    
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 10px;
        padding: 5px 0;
        color: #FFFFFF;
        font-size:0.8em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:1em;
       padding:10px 20px;
    }
    .img-size{
        width:40% !important;
    }
    .resp-img-height{
        height:50vh !important;
    }
    .about-text{
        margin-top:-20px;
    }
}
@media (min-width: 321px) and (max-width: 480px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 15vh;
        width:60% !important;
    }
    .logo{
        width:20%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1.2em;
    }
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 300px;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
    
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 10px;
        padding: 5px 0;
        color: #FFFFFF;
        font-size:0.8em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:1em;
       padding:10px 20px;
    }
    .img-size{
        width:40% !important;
    }
    .resp-img-height{
        height:50vh !important;
    }
    .about-text{
        margin-top:-20px;
    }
}

@media (min-width: 481px) and (max-width: 540px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 10vh;
        width:45% !important;
    }
    .logo{
        width:20%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1.2em;
    }
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 300px;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
    
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 10px;
        padding: 5px 0;
        color: #FFFFFF;
        font-size:0.8em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:1em;
       padding:10px 20px;
    }
    .img-size{
        width:40% !important;
    }
    .resp-img-height{
        height:50vh !important;
    }
    .about-text{
        margin-top:-20px;
    }
}

@media (min-width: 541px) and (max-width: 767px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 10vh;
        width:40% !important;
    }
    .logo{
        width:20%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1.4em;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
    
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 10px;
        padding: 5px 0;
        color: #FFFFFF;
        font-size:0.8em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:1em;
       padding:10px 20px;
    }
    .img-size{
        width:30% !important;
    }
    
}
 @media only screen and (min-device-width: 481px) and (max-device-width: 767px) and (orientation: landscape) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 10vh;
        width:40% !important;
    }
    .logo{
        width:20%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1.8em;
    }
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 300px;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
    
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 10px;
        padding: 5px 0;
        color: #FFFFFF;
        font-size:0.8em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:1em;
       padding:10px 20px;
    }
    .img-size{
        width:30% !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 20vh;
        width:40% !important;
    }
    .logo{
        width:20%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1.8em;
    }

    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 300px;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
    
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 10px;
        padding: 5px 0;
        color: #FFFFFF;
        font-size:0.8em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:1em;
       padding:10px 20px;
    }
    .img-size{
        width:30% !important;
    }
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 30vh;
        width:30% !important;
    }
    .logo{
        width:20%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1.2em;
    }

    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 300px;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
    
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 40px;
        padding: 5px 0;
        color: #FFFFFF;
        font-size:0.8em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:1em;
       padding:10px 20px;
    }
    .img-size{
        width:30% !important;
    }
}

@media (min-width: 1281px) and (max-width: 1429px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        width:20%;
        height: 10vh;
    }
    .logo{
        width:35%;
        margin-right:5px;
    }
    .logo-text{
        font-size:1.2em;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
}

@media (min-width: 1430px) and (max-width: 1600px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 15vh;
        width:30%;
    }
    
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
}

@media (min-width: 1601px) and (max-width:1930px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 15vh;
        width:30%;
    }
    
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
}

@media (min-width: 1931px) and (max-width: 3280px) {
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 15vh;
        width:30%;
    }
    
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    
    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }
}

@media (min-width: 3281px) and (max-width: 5550px) {
    .logo{
        width:30%;
        margin-right:10px;
    }
    .logo-text{
        font-size:8em;
    }
    .navbar-light .navbar-nav .nav-link {
        position: relative;
        margin-right: 100px;
        padding: 25px 0;
        color: #FFFFFF;
        font-size:3.5em;
        text-transform: uppercase;
        outline: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#000;
        font-weight:bold;
    }
    .dropdown-menu .dropdown-item{
       font-size:3em;
       padding:30px 50px;
    }
}











