/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (min-width: 767px) { 
} 

/* Mobile devices */
@media (max-width: 767px) { 
    #quick_view_product .web-btn {float: left!important;margin-top: 10px;}
    .home-text h1 {margin-top: 25px;}
    .home-category {padding: 30px 0;}
    #main-menu {width: 100%;}
    #main-menu ul li {width: 100%;margin-bottom: 15px;}
    #main-menu ul li a {display: table;margin: 0 auto;border:none;height: 50px;}
    #main-menu ul li a i img {max-height: 50px;}
    .search {float: none;display: table;margin: 0 auto;}
    .top-login {width: 100%;float: left;text-align: center;margin: 15px 0;}
    .top-menu {width: 100%;float: left;margin: 15px 0;}
    .top-menu ul {display: table;margin: 0 auto;}
    .top-menu ul li a {padding: 0 15px;}
    .basket {float: none;display: table;margin: 20px auto;}
    .logo {float: none;display: table;margin: 30px auto;width: 100%;text-align: center;}
    .category-nav {margin-bottom: 20px;}
    .parameters-box {margin-top: 20px;margin-bottom: 40px;}
    .page {padding: 30px 0 80px 0;}
    .basket-detail-img {display: none;}
    .product-detail-tabs-item {margin-bottom: 10px;}
    .action-item {margin-bottom: 35px;}
    .action-item-info {padding-left: 0;}
    .action-item-img-wrap {margin-bottom: 15px;}
    .footer-menu ul {float: left;}
    .social {float: left;}
    .top-info {display: table;margin: 0 auto 15px auto;}
    .header {padding: 15px 0;}
    #main-menu ul li:hover ul {display: none;}
}

/* Extra small devices (mobile, 480px and up) */
@media (max-width: 480px) {
    .top-menu ul li a {padding: 0 7px;font-size: 12px;}
    .top-tel {font-size: 11px;padding-left: 15px;}
    .top-mail {font-size: 11px;margin-left: 10px;padding-left: 22px;}
    .logo {margin: 15px auto;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 480px) and (max-width: 767px) {
    
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) and (max-width: 992px) { 
    #quick_view_product .web-btn {float: left!important;margin-top: 10px;}
    .home-text h1 {margin-top: 25px;}
    .home-category {padding: 30px 0;}
    #main-menu {width: 100%;}
    #main-menu ul li {width: 50%;margin-bottom: 15px;}
    #main-menu ul li a {display: table;margin: 0 auto;border:none;height: 60px;}
    .top-login {width: 50%;float: left;text-align: center;margin: 0 0 15px 0;}
    .top-menu {width: 100%;float: left;margin: 15px 0;}
    .top-menu ul {display: table;margin: 0 auto;}
    .top-menu ul li a {padding: 0 15px;}
    .logo {float: none;display: table;margin: 30px auto;width: 100%;text-align: center;}
    .category-nav {margin-bottom: 20px;}
    .parameters-box {margin-top: 20px;margin-bottom: 40px;}
    .page {padding: 30px 0 80px 0;}
    .basket-detail-img {display: none;}
    .product-detail-tabs-item {margin-bottom: 10px;}
    .action-item {margin-bottom: 35px;}
    .action-item-info {padding-left: 0;}
    .action-item-img-wrap {margin-bottom: 15px;}
    .footer-menu ul {float: left;}
    .social {float: left;}
    .top-info {display: table;margin: 0 auto 15px auto;}
}

@media (max-width: 992px) { 
    .basket-detail-nav {padding: 20px 5px;}
    .basket-detail-nav .step span {margin-right: 0;}
    .basket-detail-nav .step strong {width: 100%;float: left;font-size: 12px;margin-top: 5px;}
    .basket-detail-nav .step {width: 25%;height: auto;line-height: normal;text-align: center;background: #f2f2f2;padding: 0 10px;}
    .basket-detail-nav .step.active, .basket-detail-nav .step:hover {background: #f2f2f2;}
    .footer-box {margin-bottom: 40px;}
    .footer-box-title {margin-bottom: 15px;}   
}

@media (min-width: 992px) and (max-width: 1200px) { 
    .home-services-item {font-size: 20px;}
    #main-menu ul li a {font-size: 14px;}
    .top-tel {font-size: 12px;padding-left: 25px;}
    .top-mail {font-size: 12px;margin-left: 15px;padding-left: 25px;}
    .product-item-info {padding: 0 15px 15px 15px;}
    .product-item-price span.blue-price {font-size: 17px;}
}


/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}
/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}