/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    h2:after {
        width: 50vw;
    }
/*HEADER*/
.logo{
    width: 180px; 
    margin: 0 0 15px;
}
    .topmenu-col {
        position: relative !important;
        height: 110px;
    }
.navigation, .categories, .footer-cont{
    display: none;
}
    .head-cont {
        margin-top: -40px;
        width: 220px;
        float: right;
        padding-right: 5px;
        padding-bottom: 5px !important;
    }
.search{
    flex-flow: nowrap;
    float: left !important;
    width: 100%;
}
.search a{
    margin-left: 10px !important;
}

.wishcount {
    right:20px;
}
.herhim .col-12 {
    padding-top: 10px;
}
#delivery .container .row .col-6 {
    padding-top: 10px;
}

    #blog .katbg {
        background: url('images/katalog_bg_mobile.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }
/*PRODUCT*/
#main {
    display: block;
  transition: margin-left .5s;
  width: 100%;
}
.sidebar {padding-top: 40px;}
.sidebar a {font-size: 15px;}
.thumb{
    height: 50vw !important;
}

    .slick-track .thumb {
        height: 75vw !important;
    }
    
    .news .thumb {
        height: 20vw !important;
    }
.sub_cats{
    border-right: none;
}
    .cart-item-amount {
        display: flex;
    }
    .addtocart {
        width: 100%;
        margin: 20px 0 0;
    }
    .wishlist-item-amount {
        display: flex;
    }

    .addtowishlist {
        width: 100%;
        margin: 20px 0 0;
    }
/*FOOTER*/
#first_footer .container .row .col-6 {
    width: 100% !important;
    flex-basis: auto;
    padding-top: 10px;
}
#first_footer .container .row .col:nth-child(3) {
    margin-bottom: 30px;
}
#first_footer .container .row .col h3{
font-weight: bold;
}
.galleryimg{
    width: 100% !important;
}
.galleryimg-small{
    height: auto !important;
}

/*BASKET*/
.basket .col{
    flex-basis: auto;
    border: none;
}
.active{
    border: none;
}
.basket .active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 39px;
    border-top: 15px solid #000000;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    left: 45%;
    z-index: 9;
}
.cart-item-amount input[type=number] {
    float: right;
}
.cart-item-amount button{
    width: 30px;
    display: block;
    float: left;
}
#myTable td {
    padding: 5px;
}
#myTable tr td:nth-child(4){
    white-space: nowrap;
}
#myTable tr td:nth-child(1){
    width: 50px !important;
    padding:0;
}
.navbar { display: none;}
    .socials {
        top: 80%;
        right: 0;
        border-radius: 15px 0 0 15px;
        padding: 15px 10px 15px 10px;
    }
    .modal-login, .modal-reg {
        padding: 20px;
        width: 90%;
    }
    .modal, .modalreg{
        padding-top: 20px;
    }
    .modal-login .btn-color {
        margin-bottom: 30px;
    }
    .modal-reg .col-md-11 .small:nth-child(3) {
        margin-bottom: 30px;
    }

    #brands .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px;
    }

    /***BLOG*/
        #page h1 {
            font-size: 1.5rem;
        }
    #page {
        display: block;
    }
    #blog h1 {
        font-size: 1.5rem;
    }
    #blog .thumb {
        height: 35vw !important;
    }
    .page-8 td img:first-child {
        width: 15% !important;
    }


    #page img {
        width: 100%;
        float: none !important;
        height: auto;
    }
    #page p {
        padding: 20px 20px;
        display: block;
        text-align: justify;
    }

    #page table tr td {
        width: 100% !important;
        display: block;
        height: auto !important;
    }

    #page .page-9 table tr td {
        width: 50% !important;
        display: inline-block !important;
    }

    #page table tr td p {
        padding:0;
    }

    #page table tr td img {
        height: auto !important;
    }
    #page-blog img {
        width: 100% !important;
        padding: 10px 0 10px;
    }
    #page-blog .thumb {
        height: 20vw !important;
    }
    .excerpt {
    display:none;
    }
    /**BLOG-END*/

} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .form-inline .form-control {
    width: 220px;
}
.thumb{
    height: 24vw !important;
}
.news .thumb{
    height: 20vw !important;
}
.footer-cont {
    display: none;
}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}