/*
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 : May 2, 2018, 2:53:16 PM
    Author     : Defox
*/
.men{
    display: none;
}
.sidenav ul li.menn {
    display: none !important;
}
.mobile ul li.men span {
    background-color: #e9e9e9;
    padding: 9px 13px;
    position: relative;
    font-family: 'poppinsregular';
    font-size: 14px;
}
.mobile ul li a.women {
    padding: 17px 22px;
    color: #fff;
    background-color: #00aeef;
    margin-left: -22px;
}
.about_us_text a{
    display: block;
    width: 169px;
    margin: auto;
    margin-top: 10px;
}
.about_us_text p{
    margin: 0px !important;
}
.main_slider .slick-dots li button::before{
    background-color: #ccc;
}
.main_slider .slick-dots li.slick-active button::before{
    background-color: #00aeef !important;
}
.main_slider .slick-dots{
    bottom: 12px;
}
.related_heading h3{
    font-family: 'oswaldbold';
    margin-top: 25px;
    margin-bottom: 14px;
}
@media only screen and (max-width: 1280px) {
    .container{
        width: 90%;
    }
    .cat_images{
/*        width: 89%;
        height: 96%;*/
    }
    .category_box{
        /*height: 210px;*/
    }
    .follow_us form{
        display: flex;
        margin: 0px;
    }
}
@media only screen and (max-width: 1170px) {
    .z_social {

        display: none;

    }
    .z_menu {

        position: absolute;
        width: 200px;
        right: 0;
        background-color: #000;
        top: 66px;

    }
    .z_menu ul li{
        width: 100%;
    }
    .z_product_drop_toggale {

        display: none !important;

    }
    .z_menu ul li a {

        padding: 15px 20px;
    }
    .z_menu{
        display: none;
    }
    .mobile_toggle {

        display: block;
        float: right;

    }
    .mobile_toggle a {

        width: 30px;
        height: 30px;
        background-color: #fff;
        display: block;
        text-align: center;
        padding: 7px 0;
        color: #000;
        border-radius: 3px;
        margin: 19px 0 0 0;

    }
}
@media only screen and (max-width: 992px) {
    .search_box form input{
        width: 90%
    }
    .site_logo_right{
        margin-top: 13px;
    }
    .cart_box{
        display: none;
    }
    .sidenav ul li.menn{
        display: block !important;
    }
    .sidenav{
        height: auto;
    }
    .site_logo_right{
        justify-content: center;
    }
    .site_logo{
        text-align: center;
    }
    .men{
        display: unset;
        float: right;
        margin-top: -20px;
    }
    .navigation{
        display: none;
        position: absolute;
        z-index: 99999;
        width: 100%;
        background-color: #f6f6f6;
        top: 62px;
    }
    .navigation ul{
        display: block;
    }
    .navigation ul li a {
        font-size: 13px;
        padding: 8px 13px;
    }
}
@media only screen and (max-width: 991px) {
    
}
@media only screen and (max-width: 870px) {
    .our_category{
        width: 30%;
    }
    .site_header .right_box{
        width: 70%;
    }
    
}
@media only screen and (max-width: 768) {
    .z_logo {

        float: left;
        width: 210px;

    }
    .our_category ul li h2{
        font-size: 12px;
        margin-right: 15px;
        padding-right: 0px;
    }
}
@media only screen and (max-width: 624px) {
    .our_category {
        width: 100%;
        text-align: left;
        position: absolute;
        background: unset;
    }
    .our_category ul li h2{
        display: none;
    }
    .men{
        margin-top: -11px;
    }
    .ours{
        font-size: 30px;
        cursor: pointer;
        z-index: 9999;
        padding: 0px 12px;
        background: #333333;
    }
    .site_header .right_box {
        width: 100%;
        padding: 7px 0px;
    }
    .mobile ul li:first-child{
        display: none;
    }
    .mobile ul{
        padding: 22px 17px;
    }
    .sidenav{
        height: auto;
        z-index: 999999999;
        top: 60px;
    }
    .navigation{
        top: 52px;
    }
    .copy_right_text {
        text-align: center;
    }
    .copy_right_text.copy_right_text1{
        text-align: center;
    }
}
@media only screen and (max-width: 550px) {
    .col-md-3.col-sm-4.col-xs-6.itemsre {
        width: 100%;
    }
    .related_prod .col-md-3.col-sm-4.col-xs-6{
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .z_logo {

        float: left;
        width: 200px;

    }
    .category_box{
        margin: 10px 0;
    }
    .z_header {

    position: relative;
    background-color: #000;
    
    }
    .category_box:hover .cat_images {

    display: none;

}
}
@media only screen and (max-width: 430px) {
    .site_logo_right{
        display: block;
    }
    .search_box{
        width: 100%;
    }
    .site_logo a img{
        max-width: 60%;
    }
}
@media only screen and (max-width: 473px) {
    .product_main .slick-next{
        right: -60px;
    }
    .product_main .slick-prev{
        left: -60px;
    }
    .cat_menu ul li{
        width: 98%;
    }
    
}
@media only screen and (max-width: 480px) {
    .footer{
        padding: 25px 0px;
    }
    .about_us{
        padding: 25px 0px;
    }
    .product_section{
        margin-bottom: 0px;
    }
    .about_us_text h2{
        margin-top: 0px;
    }
    .related_prod .col-md-3.col-sm-4.col-xs-6{
        margin-bottom: 20px;
    }
    .col-md-3.col-sm-4.col-xs-6.itemsre{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 400px) {
    .product_top_text h2{
        font-size: 25px;
    }
    .product_top_text p{
        font-size: 12px;
    }
    .about_us_text p{
        margin-bottom: 0px;
    }
    
    
    .about_us_text h2{
        font-size: 25px;
    }
}
@media only screen and (max-width: 360px) {
    .follow_us ul{
        flex-wrap: wrap;
    }
    .follow_us ul li{
        margin-bottom: 10px;
    }
    .category_box{
        height: 200px;
    }
}