/*
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 : Jul 16, 2019, 4:34:55 PM
    Author     : saddam
*/
.hidden-lg, .hidden-md {
    display: none;
}
.hidden-xs, .hidden-sm{
    display: block;
}

@media(max-width:375px){
    .tab1 li a {
        font-size: 12px !important;
    }
    .tab2 li a {
        font-size: 9px !important;
    }
}
@media(max-width:425px){
    .product-sort-by form{
        margin-left: 2px;
    }
    .product-sort-by select {
        width: 99%;
    }
    .product-sort-by .searchform{
        width: 50%;
    }
    .product-sort-by .input-md {
        padding: 5px;
    }

    .slick-next{
        display: none !important;
    }
    .btn-seller {
        padding: 10px 25px !important;
        font-weight: 100;
    }
    .home_profile .profile_div {
        margin-left: 0px;
        margin-right: 0px;
    }
    .tab1 li a {
        font-size: 13px;
    }
    .tab2 li a {
        font-size: 11px;
    }
    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }
    #following_product .card{
        width: 100% !important;
        padding: 10px !important;
    }
    #following_product .card h5{
        font-size: 12px;
    }
    #purchased .signle-product-button-wrapper {
        padding-left: 0px !important;
    }
    #purchased .signle-product-button-wrapper .single-compare-btn:nth-child(2) span{
        margin-right: 10%;
    }
    #purchased .product-item .product-item-button a{
        padding: 0px 10px !important;
    }
    #purchased .signle-product-button-wrapper{
        margin-bottom: 34px !important;
    }
    .product-tabs-title {
        margin-left: 0% !important;
    }
    .nav-tabs .nav-item {
        margin-left: auto !important;
        margin-right: auto;
    }
    .tab2 li a {
        padding: 5px !important;
    }
    .tab2 li a.active {
        padding: 6px !important;
    }
}
@media screen and (max-width: 500px){
    .product-btn {
        margin-top: 3% !important
    }
    .signle-product-button-wrapper .love, .signle-product-button-wrapper .like, .signle-product-button-wrapper .save{
        padding: 10px 5px !important;
    }
    .product-images.product-img5 {
        width: 100% !important
    }
    .product-images.product-img5 .btn-xs {
        padding: 11px 20px !important;
    }
    .tab2 {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .star_rating {
        width: 100%;
        padding: 20px 8px 10px 6px;
    }
    .rating.star {
        margin: 0 auto;
        display: block;
        text-align: center;
        float: none;
    }
    .rating.star > label {
        margin: 1px;
        width: 19%;
    }
    .hidden-xs{
        display: none;
    }
    .faq_section h4 span {
        font-size: 17px;
        vertical-align: middle;
    }
    .faq_section h4{
        font-size: 15px !important;
        padding-right: 5px;
    }
    .faq_section .card {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media(width:768px){
    .col-md-1-half {
        width: 15.333333%;
    }
    .card-body #followers, .card-body #following {
        margin-left: 5%;
    }
    .card-body .col-md-1-half {
        width: 10.333333%;
    }
    #followers .profile_div, #following .profile_div{
        padding-left: 15px;
    }
    .timeline-item > div {
        padding: 0px 10px !important;
    }
    .tab2 {
        margin-left: 16% !important;
    }
    .profile_tab_fix{
        margin-left: 0% !important;
    }
}

@media(max-width:768px){
    #accordion-style-1 .btn-link{
        text-align: left;
        padding: 10px 0px;
    }
    .card-body .profile_div .col-md-5 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .hidden-sm {
        display: none !important;
    }
    .hidden-lg, .hidden-md {
        display: block;
    }
    #hiring_background {
        background-image: none !important;
    }
    .catalogue_pic img:nth-child(2), .catalogue_pic img:nth-child(4){
        height: 160px !important;
        width: 33.33333333% !important;
        margin-left: 0px !important;
    }
    .catalogue_pic img:nth-child(3){
        height: 180px !important;
        width: 33.33333333% !important;
        margin-left: 0px !important;
    }
    .promo-item-inner h4 {
        font-size: 17px !important;
    }
    .promo-item-inner{
        width: 170px !important;
        height: 170px !important;
    }
}