@charset "utf-8";
/* CSS Document                   */
/* Author : Design559 version 1.0 */
/* support@design559.com          */
/* my account & affilate icons    */
#accountLeft {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	padding: 5px;
}
#accountLeft img {
	float: left;
	margin-right: 8px;
}
#accountLeft p {
	margin-top: 5px;
}
#accountRight {
	float: right;
	width: 300px;
	margin-bottom: 10px;
	padding: 5px;
}
#accountRight img {
	float: left;
	margin-right: 8px;
}
#accountRight p {
	margin-top: 5px;
}
#affiliateLeft {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	padding: 5px;
}
#affiliateLeft img {
	float: left;
	margin-right: 8px;
}
#affiliateLeft p {
	margin-top: 5px;
}
#affiliateRight {
	float: right;
	width: 300px;
	margin-bottom: 10px;
	padding: 5px;
}
#affiliateRight img {
	float: left;
	margin-right: 8px;
}
#affiliateRight p {
	margin-top: 5px;
}


/**************06-09-2021*******************/
.extended-layout #column-right {
    display: none;
}
.content.my-orders, .content.my-account, .content.my-newsletter {
    width: 100%;
    display: inline-block;
}
#accountLeft {
    float: left;
    width: 475px;
    margin-bottom: 10px;
    padding: 5px;
    display: inline-block;
}
#accountRight {
    float: right;
    margin-bottom: 10px;
    padding: 5px;
    width: 475px;
    display: inline-block;
}
#accountLeft p, #accountRight p {
    margin-top: 5px;
    font-size: 14px;
}
.secondary-title, #content #review-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    padding-top: 2px;
    margin-top: 8px;
    padding-bottom: 2px;
}

.extended-layout #column-right + #content {
    padding: 20px 10px 0 0;
    margin-right: 0px;
}
/*ul.super-menu.mobile-menu.menu-table {
    height: auto !important;
}
*/
/******************************media query************************************/



@media(min-width: 320px) and (max-width: 360px){
#accountLeft {
    width: 300px;
}

#accountRight {
    width: 310px;
}
}


@media(min-width: 361px) and (max-width: 375px){
#accountRight {
    width: 360px;
}
}



@media(min-width: 376px) and (max-width: 425px){
#accountRight {
    width: 410px;
}
#accountLeft {
    width: 390px;
}

}

@media(min-width: 768px) and (max-width: 991px){
#accountLeft {
    width: 360px;
}
#accountRight {
    width: 375px;
}
}

@media(min-width: 992px) and (max-width: 1024px){

#accountRight {
    width: 370px;
}
#accountLeft {
    width: 357px;

}
}

/*
@media(max-width: 760px){


#accountLeft {
    width: 365px;
}
#accountRight {
    width: 351px;
	
}


}*/