@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px) {
}
/* I-pad Landscape */
@media (max-width: 1050px) {
    .table.special_offers {width: 1050px !important;	margin-bottom: 20px;}
}
/* Google Nexus 7 Landscape */
@media (max-width: 992px) {

    .chat-left-box {width: 100%;	height: auto;	border: 2px solid #cdcdcd;min-height: 500px;}
    .chat-left-box .chat-profile-block .user-profile {padding: 8px 15px;}
    .col-md-6 {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;	position: inherit;}
    .chat-right-box {width: 100%;	border: 2px solid #cdcdcd; position: inherit;min-height: 500px;}
    .chat-right-box .chat-header {padding: 8px 25px;	position: relative;	overflow: hidden;}
    .chat-right-box {width: 100%;	border: 2px solid #cdcdcd;	position: absolute;	top: 0;	left: 0;	background-color: #fff;	z-index: 1111; display: none;}
    .chat-box {position: relative;}
    .chat-right-box.open-chat {display: block !important;}

    .chat-right-box .chat-header {padding: 8px 15px 8px 50px;}
    .chat-right-box .back_chat_list {display: block !important;	position: absolute;	left: 15px;	top: 29px;	z-index: 111111;}
    .chat-right-box .back_chat_list .svg-inline--fa {color: #000;	font-size: 25px;}

}
/* I-pad Portrait */
@media (max-width: 768px) {
    a.menu-icon { display:block; margin:0 auto; float: right;}
    a.menu-text { display:block;}

    .domain-box {display: block !important;}

    .header-top-box .col-sm-4 {
        display: block !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .app-box {
        position: absolute;
        z-index: 111111;
        top: -41px;
        width: 100%;
        right: 0px;
    }


    #header .main-nav {margin-top: 16px;	max-width: 43px;}

    #nav { float:none; margin:0 auto; text-align:center; position: relative;}
    #nav > ul {display: none;	margin: 0px;	width: 100%;	position: fixed;	top: 0px;	right: 0px;	z-index: 111111111;	background-color: var(--main-bg-color);	left: 0px;	bottom: 0px;	overflow-y: auto;	height: 100vh;	padding: 40px 0px;}
    #nav ul li {width: 210px;	padding: 0;	border: none;	display: block;	background-color: transparent !important;	margin: 0 auto;}
    #nav ul li a {padding: 4px 0;	color: #fff;	background-color: transparent !important;	text-align: left !important;	font-size: 17px;}	
    #nav ul li ul.sub-menu.classified_dropdown {max-height: none !important;	display: none;	position: relative;	top: auto;	left: auto;	width: 100%;	box-shadow: none !important;	background-color: transparent;}
    #nav ul li ul.sub-menu li {border-bottom: none;}
    #nav ul li ul.sub-menu li a {font-size: 16px;	color: #fff;	font-weight: 400 !important;	text-transform: capitalize !important;	display: block;	padding: 3px 10px;}
    #nav ul .after-login li:last-child {margin: 0px auto !important;	text-align: left;}

    #nav ul .after-login {float: none;	display: block;	width: 100%;	margin: 0px;	padding: 0px;}
    #nav ul .after-login li {margin-right: 0;	float: none;	display: block;	margin: 0 auto !important;	margin: 0 auto !important;	margin-bottom: 14px !important;}
    #nav ul .after-login li:last-child {margin: 0px auto !important;}

    #nav ul .custom-deop span {left: 20px !important;	right: auto !important;}

    .menu-close {	border: none; z-index: 111;	background-color: transparent !important;	position: absolute;	top: 10px;	right: 20px;}
    .menu-close .svg-inline--fa {color: #fff;	font-size: 30px;}

    #nav ul .after-login li#login {margin-bottom: 0px !important;}


    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 
    {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-1, .order-md-2 {-ms-flex-order: inherit !important; order: inherit !important;}

    .header-top-box .col-sm-5 {-ms-flex: 0 0 65%;	flex: 0 0 65%;	max-width: 65%;}
    .header-top-box .col-sm-3 {-ms-flex: 0 0 35%;	flex: 0 0 35%;	max-width: 35%;}

    #header .header-top-block {padding: 8px 0px; 	background-repeat: no-repeat;}

    .products_block .col-md-3 {-ms-flex: 0 0 50%;	flex: 0 0 50%;	max-width: 50%;}

    .row.prod_box.pro_home {margin-left: -15px;	margin-right: -15px;}
    .prod_box.pro_home .col-md-3 {padding-left: 15px;	padding-right: 15px;}
    .pro-slide .products-box {width: 91%;}

    .footer-navigation-box .col-md-3 {-ms-flex: 0 0 33.333333%;	flex: 0 0 33.333333%;	max-width: 33.333333%;}
    #footer .footer-nav {text-align: center;}
    #footer .footer-copyright {text-align: center;}

    #header .search-box {width: 81%;}

    #category_tabs .products_block:first-child {margin-top: 30px;}
    #footer .footer-nav ul li:last-child {margin-right: 0px;	padding-right: 0px;}

    .category_tabing_box {margin-top: 40px;}

    .category_tabs_box .row {margin-left: -15px;	margin-right: -15px;}
    .category_tabs_box .row .col-md-4, .category_tabs_box .row .col-md-3 {padding-left: 15px;	padding-right: 15px;}
    .category_tabing_box .col-md-3 {-ms-flex: 0 0 50%;	flex: 0 0 50%;	max-width: 50%;}
    .product_frm_step .row.mb-3 {margin-right: -10px; padding-right: -10px;}
    .product_frm_step .row.mb-3 .col-md-4 {-ms-flex: 0 0 33.333333%;	flex: 0 0 33.333333%;	max-width: 33.333333%;	padding-right: 10px;	padding-left: 10px;}


    .modal-dialog {max-width: 550px;	width: 90% !important;}
    .close-model {top: -13px;	right: -13px;	width: 40px;	height: 40px;	line-height: 41px;	font-size: 20px;	color: #fff;}
    .order-details-block table {width: 100% !important;	margin: 0 auto;}
    #paypal-button {width: 100% !important;	max-width: 200px !important;	margin: 0 auto;}

    #nav ul li.is-parent::after {top: 13px !important;  right: auto !important;	left: 100px !important;}

    .category_tabs_block .col-md-3.margin-box {-ms-flex: 0 0 50%;	flex: 0 0 50%;	max-width: 50%;	margin: 15px 0px;}

    .modal-open .modal {z-index: 1111111111111;	background-color: rgba(0,0,0,0.5);}


    .header-top-box .col-sm-4 {display: block !important;}
    #header .header-top-block .domain-block .btn.btn_red.dropdown-toggle {border-radius: 0px;	outline: none !important;	box-shadow: none !important;	background-color: transparent !important;	border: none !important;}
    .domain-box {position: absolute;	bottom: -47px;}

    #frm_change_password {
        width: 100% !important;
    }
}
/* HTC One Landscape */
@media (max-width: 640px) {
    #header .header-top-block .btn.btn_red.dropdown-toggle {width: 65px;}
    #header .header-top-block {padding: 5px 0px;}
    .footer-navigation-box .col-md-3 {-ms-flex: 0 0 50%;	flex: 0 0 50%;	max-width: 50%;}
    #footer .footer-nav ul li a {font-size: 16px;}
    #footer .footer-copyright p {font-size: 16px;}
    .category_tabing_box .col-md-3 {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
    .products-image {min-height: auto;	max-height: none;}
    .products-image img {width: 100%;}
    .content-title h1 {display: block; text-align: center;}
    #sorting_form {display: block !important;	width: 100% !important;	text-align: center !important;	margin: 0 auto !important;	margin-top: 20px !important;}
    .custom-short-by {float: none;	display: inline-block;	position: relative;	padding-right: 12px;	margin: 0 auto;}
    .product_frm_step.product_step_4 table {width: 100% !important;}

    .pro-nav-thumb {min-height: 85px !important;}

    .category_tabs_block .col-md-3.margin-box {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
    .category_tabs_block .col-md-3.margin-box .products-content {margin-bottom: 5px;}

    .content-title h1 .btn {left: 0px;	top: -4px;	right: auto;}

    .domain-box {position: absolute;	bottom: -43px;}

    .app-box {
        top: -38px;
    }
}
/* Google Nexus 7 Portrait */
@media (max-width: 603px) {
}
/* Google Nexus 4 Landscape */
@media (max-width: 600px) {
}
/* I-phone Landscape */
@media (max-width: 568px) {
}
/* I-phone Landscape */
@media (max-width: 480px) {

    #footer .footer-nav ul li {margin-right: 10px;	padding-right: 10px;}
    .products_block .col-md-3 {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}

    .header-top-box .col-sm-5 {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
    .header-top-box .col-sm-3 {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
    #header .header-top-block .logo-box {width: 100%;	display: block;	margin: 0 auto;	max-width: 200px; padding-bottom: 10px;}	
    #header .header-top-block {background-position: top center;}
    #banner .banner_box img {width: 100%;	height: 65px;}

    .modal-dialog .modal-body h4 {text-align: center;}

    .pro-large-img.img-zoom {max-height: 300px !important;	min-height: 300px !important;}
    .pro-nav-thumb {min-height: 80px !important;}

    .app-box {
        position: relative;
        z-index: 111111;
        top: auto;
        width: 100%;
        right: auto;
        margin: 9px auto !important;
        display: block !important;
        margin-top: 15px !important;
        max-width: 150px !important;
    }

    #highlight .highlight-box::before {        
        left: -17.5px;
        width: 35px;
        height: 35px;        
    }
    #highlight .highlight-box::after {        
        right: -17.5px;
        width: 35px;
        height: 35px;
    }
    #highlight .deal-info {
        padding: 25px 5px;
    }
    .deal_content{
        margin: 15px 0px;
    }
    .deal_content div{
        font-size: 15px;
        text-align:center !important;
    }
    #highlight .deal-info .table th, #highlight .deal-info .table td {
        font-size: 12px;
        padding: 5px;
        white-space:normal;
    }
    #highlight .left-time div {
        padding: 5px;
        margin: 2px;
        margin-top: 10px;
    }
    .voucher_pay_paypal div {
        width: 100% !important;
        font-size: 14px;
    }
    .voucher_pay_paypal div .btn{
        font-size: 14px;
        letter-spacing: 0px;
    }
}
/* Nokia Lumia Portrait */
@media (max-width: 430px) {
    .footer-navigation-box .col-md-3 {-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
    .footer-navigation-box .footer-nav ul {width: 175px;	margin: 0 auto;}
}
/* HTC One Portrait */
@media (max-width: 360px) {
    .pro-large-img.img-zoom {max-height: 210px !important;	min-height: 210px !important;}
    .pro-nav-thumb {min-height: 54px !important;}


}
/* I-phone Portrait */
@media (max-width: 320px) {
    .pro-large-img.img-zoom {max-height: 200px !important;	min-height: 200px !important;}

}
/* Small mobile */
@media (max-width: 240px) {
}