@media(max-width:850px){
    .portfolio-slider li {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
        margin: auto;
    }

    .portfolio-slider li iframe {
        position: absolute;
        top: 0;
        left: 5%;
        width: 90%;
        height: 100%;
    }
}

@media(min-width:850px){
    .portfolio-slider {
       width: 840px; 
    }
}

@media(min-width:480px){



}

@media(min-width:576px){

    .owl-theme .owl-nav {
        display: block;
    }

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 150px;
        font-size: 80px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }

    .photo-gallery-slider img {
        width: 100%;
    }

    .photo-gallery-slider .owl-nav button.owl-prev, 
    .photo-gallery-slider .owl-nav button.owl-next, 
    .video-gallery-slider .owl-nav button.owl-prev, 
    .video-gallery-slider .owl-nav button.owl-next {
        position: absolute;
        top: 60px;
        font-size: 80px;
    }

    .photo-gallery-slider .owl-nav button.owl-prev, 
    .video-gallery-slider .owl-nav button.owl-prev {
        left: -40px;
    }

    .photo-gallery-slider .owl-nav button.owl-next, 
    .video-gallery-slider .owl-nav button.owl-next{
        right: -40px;
    }
    
    .shopping-cart .wishlist-form hr, .shopping-cart .shopping-cart-form hr {
        margin: 5px 0;
    }

}


@media(min-width:768px){

    article.news-row .header {
        width: 354px;
    }
    
    footer ul {
        list-style: disc;
        padding-left: 40px;
    }
    
    footer .border-md-right {
        border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    
    .vertical-menu {
        border-right: 1px solid #D8D8D8;
    }
    
    .vertical-menu ul {
        padding-left: 20px;
    }
    
    .vertical-menu > ul > li {
        display: list-item;
    }
    
    .vertical-menu > ul > li > a {
        display: inline-block;
    }
    
    .vertical-menu li {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px;
        padding-right: 0px;
    }
    
    #login {
        border-right: 1px solid #D8D8D8;
    }
}



@media(min-width:992px){
    html{
        font-size: 16px;
    }  
}


@media(min-width:1200px){


}