/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 15, 2017, 3:25:23 PM
    Author     : Alex
*/


@media screen and (min-width:1200px){
    
    .nav-link.dropdown-toggle:hover + .dropdown-menu,
    .dropdown-menu:hover{
        display: block;
    }
    
    .dropdown-menu {
        top: 90%;
    }
    
}


@media screen and (max-width:1400px){
    
    .grid-item {
        width: 344px;
        height: 344px;
    }

    .grid-item--width2 { width: 708px; }

    .grid-item--height2 { height: 708px; }
    
    #searchform input[type="text"], .yith-s {
        width: 130px;
    }

    span.price del{
        float: none;
        padding: 1px;
    }

    span.price ins{
        float: none;
        padding: 1px;
    }

}

@media screen and (max-width:1199px){
    
    .main-wrapper {
        margin-top: 0;
    }
    
    .berocket_aapf_widget li.slider span.left input, .berocket_aapf_widget li.slider span.right input {
        width: 80%;
    }
    
    .grid-item,
    .grid-sizer {
        width: 100%;
        margin: 1%;
    }
    
    .grid-item--height2 { height: 410px; }

    .grid-item--width2 { width: 100%; }

    li.nav-item {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    #searchform input[type="text"], .yith-s {
        width: 150px;
    }
    
    #yith-searchsubmit, #searchform input[type="submit"] {
        margin-top: 15px;
    }
    
    #yith-wcms-back-to-cart-button {
        margin-top: -51px;
    }
    
    header.fixed-top {
        position: relative;
    }
    
    svg.search-icon{
        margin-left: 20px;
    }
    
    header p {
        font-size: 12px;
        margin-bottom: 5px;
    }
    
}

@media (min-width: 1201px) and (max-width:1400px){
    
    .product-overlay {
        height: 75%;
    }
}

@media (min-width: 991px) and (max-width:1400px){
    
    li.nav-item a.nav-link{
        font-size: 13px
    }
    
}


@media (min-width: 769px) and (max-width: