@media only screen and ( max-width: 1400px ) {

}

@media only screen and ( max-width: 1200px ) {

}

@media only screen and ( min-width: 798px ) and ( max-width: 999px ) {

}

@media only screen and ( max-width: 797px ) {		

	
	.invite .inv_image_background {width: 100%;height: auto;}
	.invite .inv_text_form {width: 100%;height: auto;}

	.logo { width: 150px; height: 50px;background-size: 100%;float: right;}

	.main_nav, #cd-cart-trigger {visibility: hidden;display: none;}

	.carousel .item {height: auto;}

	.index_about_image {padding: 0;text-align: center;}

	.index_about_image img { width: 100%;}

	.aboutus_index .index_about_text {padding: 10px;}

	.specoffer__section--title {font-size: 1.7rem;padding: 20px 5px 0;}

	.product-cell { width: 40%;}

	.offstoday_index {height: auto;}

	.cta__category_index .cta__category_index__item {margin: 10px auto;}

	.news_index {padding: 10px;}

	.col-md-6.index_news_items a { margin: 5px 0; border-radius: 5px;}

    .index_news_items {direction: rtl; padding: 10px 0;}

	.footer_section {padding: 10px;}

	.footer_section .pricetitle { color: #fff; padding: 27px 0px 25px 0; float: right; font-size: 1.2rem; font-weight: 900; text-align: center; width: 100%;}

	.footer_section .pricetext {float: none;}

	.footer_module_flex--wrapper {display: block;}

	.footer_module_flex--wrapper .col-md-4, .footer_module_flex--wrapper .col-md-4:first-child { width: 100%;}

	.cta__store {padding: 10px;margin: 0;position: absolute; left: 60px;top: 8px;}

    .smobitrigger, .mobimenu.inrwrpr { visibility: visible; display: block;}

	

	.js-signin-modal-trigger { position: absolute; left: 65px;top: 3px;}

	.header__search form {width: 100%}

	.header__search {padding: 10px;}

	

	.navbar-toggler {position: absolute; right: 0;z-index: 99999; display: block;}

	.carousel__shop .item {height: auto;}

	.navbar-nav {margin: 0;padding-top: 50px;}

	.nav-item.dropdown {width: 100%;display: block;float: right;}

	.brands__slider .brand-cell {width: 30%;}

	.brands__slider {padding: 15px 10px;}

	

	.nothingtoshow {padding: 10px;font-size: 20px;}

	.page_box {padding: 10px;}

	.data_box {margin: 0;}

	.jq-toast-wrap.bottom-left { bottom: 0; left: 0;}

	.jq-toast-wrap {width: 100%;}

	.jq-toast-single {border-radius: 0;}

	.jq-toast-single {margin: 0;}

	.cd-signin-modal {z-index: 999999;}

	.js-signin-modal-trigger {position: absolute;left: 0;top: 0;}

	

	

	.resume__index .resume__index_title::before {

		content: " ";

		position: absolute;

		background: #286E87;

		right: 0px;

		top: 10px;

		width: 10px;

		height: 10px;

		border-radius: 50px;

	}

	.resume__index .resume__index_title::after {

		content: " ";

		position: absolute;

		top: 15px;

		right: 0;

		background: #286E87;

		width: 30px;

		height: 1px;

	}

	.resume__index .resume__index_title {

		text-align: right;

		position: relative;

		font-weight: 900;

		color: #286E87;

		padding-right: 40px;

		margin: 20px auto;

		font-size: 2rem;

	}

	p {padding: 10px;text-align: justify;}

	.mobile_screen::before {width: 270px;height: 270px;left: 25px;top: -4px;}

	.mobile_screen1::before {width: 270px;height: 270px;left: 30px;top: -11px;}

	.mobile_screen2::before {width: 270px;height: 270px;left: 30px;}

	.index_offer .pricetext {font-size: 10px; padding: 15px 10px 5px;}

    .righthalf, .lefthalf {width: 100%;}

    .righthalf .loginpanel {

        background: #fff;

        position: relative;

        left: auto;

        top: 100px;

        border-radius: 0;

        padding: 20px;

        width: 100%;

        margin: 0 auto;

        float: right;

    }

    .news_panel {

        background: #fff;

        position: relative;

        right: auto;

        top: 0px;

        border-radius: 0;

        padding: 0px;

    }
}

@media only screen and ( min-width: 498px ) and ( max-width: 797px ) {

	
	.invite .inv_image_background {width: 100%;height: auto;}
	.invite .inv_text_form {width: 100%;height: auto;}

	.logo { width: 150px; height: 50px;background-size: 100%;float: right;}

	.main_nav, #cd-cart-trigger {visibility: hidden;display: none;}

	.carousel .item {height: auto;}

	.index_about_image {padding: 0;text-align: center;}

	.index_about_image img { width: 100%;}

	.aboutus_index .index_about_text {padding: 10px;}

	.specoffer__section--title {font-size: 1.7rem;padding: 20px 5px 0;}

	.product-cell { width: 40%;}

	.offstoday_index {height: auto;}

	.cta__category_index .cta__category_index__item {margin: 10px auto;}

	.news_index {padding: 10px;}

	.col-md-6.index_news_items a { margin: 5px 0; border-radius: 5px;}

    .index_news_items {direction: rtl; padding: 10px 0;}

	.footer_section {padding: 10px;}

	.footer_section .pricetitle { color: #fff; padding: 27px 0px 25px 0; float: right; font-size: 1.2rem; font-weight: 900; text-align: center; width: 100%;}

	.footer_section .pricetext {float: none;}

	.footer_module_flex--wrapper {display: block;}

	.footer_module_flex--wrapper .col-md-4, .footer_module_flex--wrapper .col-md-4:first-child { width: 100%;}

	.cta__store {padding: 10px;margin: 0;position: absolute; left: 60px;top: 8px;}

    .smobitrigger, .mobimenu.inrwrpr { visibility: visible; display: block;}

	

	.js-signin-modal-trigger { position: absolute; left: 65px;top: 3px;}

	.header__search form {width: 100%}

	.header__search {padding: 10px;}

	

	.navbar-toggler {position: absolute; right: 0;z-index: 99999; display: block;}

	.carousel__shop .item {height: auto;}

	.navbar-nav {margin: 0;padding-top: 50px;}

	.nav-item.dropdown {width: 100%;display: block;float: right;}

	.brands__slider .brand-cell {width: 30%;}

	.brands__slider {padding: 15px 10px;}

	

	.nothingtoshow {padding: 10px;font-size: 20px;}

	.page_box {padding: 10px;}

	.data_box {margin: 0;}

	.jq-toast-wrap.bottom-left { bottom: 0; left: 0;}

	.jq-toast-wrap {width: 100%;}

	.jq-toast-single {border-radius: 0;}

	.jq-toast-single {margin: 0;}

	.cd-signin-modal {z-index: 999999;}

	.js-signin-modal-trigger {position: absolute;left: 0;top: 0;}

	

	

	.resume__index .resume__index_title::before {

		content: " ";

		position: absolute;

		background: #286E87;

		right: 0px;

		top: 10px;

		width: 10px;

		height: 10px;

		border-radius: 50px;

	}

	.resume__index .resume__index_title::after {

		content: " ";

		position: absolute;

		top: 15px;

		right: 0;

		background: #286E87;

		width: 30px;

		height: 1px;

	}

	.resume__index .resume__index_title {

		text-align: right;

		position: relative;

		font-weight: 900;

		color: #286E87;

		padding-right: 40px;

		margin: 20px auto;

		font-size: 2rem;

	}

	p {padding: 10px;text-align: justify;}

	.mobile_screen::before {width: 270px;height: 270px;left: 25px;top: -4px;}

	.mobile_screen1::before {width: 270px;height: 270px;left: 30px;top: -11px;}

	.mobile_screen2::before {width: 270px;height: 270px;left: 30px;}

	.index_offer .pricetext {font-size: 10px; padding: 15px 10px 5px;}

    .righthalf, .lefthalf {width: 100%;}

    .righthalf .loginpanel {

        background: #fff;

        position: relative;

        left: auto;

        top: 100px;

        border-radius: 0;

        padding: 20px;

        width: 100%;

        margin: 0 auto;

        float: right;

    }

    .news_panel {

        background: #fff;

        position: relative;

        right: auto;

        top: 0px;

        border-radius: 0;

        padding: 0px;

    }
}

@media only screen and ( max-width: 479px ) {
	
	.invite .inv_image_background {width: 100%;height: auto;}
	.invite .inv_text_form {width: 100%;height: auto;}

	.logo { width: 150px; height: 50px;background-size: 100%;float: right;}

	.main_nav, #cd-cart-trigger {visibility: hidden;display: none;}

	.carousel .item {height: auto;}

	.index_about_image {padding: 0;text-align: center;}

	.index_about_image img { width: 100%;}

	.aboutus_index .index_about_text {padding: 10px;}

	.specoffer__section--title {font-size: 1.7rem;padding: 20px 5px 0;}

	.product-cell { width: 40%;}

	.offstoday_index {height: auto;}

	.cta__category_index .cta__category_index__item {margin: 10px auto;}

	.news_index {padding: 10px;}

	.col-md-6.index_news_items a { margin: 5px 0; border-radius: 5px;}

    .index_news_items {direction: rtl; padding: 10px 0;}

	.footer_section {padding: 10px;}

	.footer_section .pricetitle { color: #fff; padding: 27px 0px 25px 0; float: right; font-size: 1.2rem; font-weight: 900; text-align: center; width: 100%;}

	.footer_section .pricetext {float: none;}

	.footer_module_flex--wrapper {display: block;}

	.footer_module_flex--wrapper .col-md-4, .footer_module_flex--wrapper .col-md-4:first-child { width: 100%;}

	.cta__store {padding: 10px;margin: 0;position: absolute; left: 60px;top: 8px;}

    .smobitrigger, .mobimenu.inrwrpr { visibility: visible; display: block;}

	

	.js-signin-modal-trigger { position: absolute; left: 65px;top: 3px;}

	.header__search form {width: 100%}

	.header__search {padding: 10px;}

	

	.navbar-toggler {position: absolute; right: 0;z-index: 99999; display: block;}

	.carousel__shop .item {height: auto;}

	.navbar-nav {margin: 0;padding-top: 50px;}

	.nav-item.dropdown {width: 100%;display: block;float: right;}

	.brands__slider .brand-cell {width: 30%;}

	.brands__slider {padding: 15px 10px;}

	

	.nothingtoshow {padding: 10px;font-size: 20px;}

	.page_box {padding: 10px;}

	.data_box {margin: 0;}

	.jq-toast-wrap.bottom-left { bottom: 0; left: 0;}

	.jq-toast-wrap {width: 100%;}

	.jq-toast-single {border-radius: 0;}

	.jq-toast-single {margin: 0;}

	.cd-signin-modal {z-index: 999999;}

	.js-signin-modal-trigger {position: absolute;left: 0;top: 0;}

	

	

	.resume__index .resume__index_title::before {

		content: " ";

		position: absolute;

		background: #286E87;

		right: 0px;

		top: 10px;

		width: 10px;

		height: 10px;

		border-radius: 50px;

	}

	.resume__index .resume__index_title::after {

		content: " ";

		position: absolute;

		top: 15px;

		right: 0;

		background: #286E87;

		width: 30px;

		height: 1px;

	}

	.resume__index .resume__index_title {

		text-align: right;

		position: relative;

		font-weight: 900;

		color: #286E87;

		padding-right: 40px;

		margin: 20px auto;

		font-size: 2rem;

	}

	p {padding: 10px;text-align: justify;}

	.mobile_screen::before {width: 270px;height: 270px;left: 25px;top: -4px;}

	.mobile_screen1::before {width: 270px;height: 270px;left: 30px;top: -11px;}

	.mobile_screen2::before {width: 270px;height: 270px;left: 30px;}

	.index_offer .pricetext {font-size: 10px; padding: 15px 10px 5px;}

    .righthalf, .lefthalf {width: 100%;}

    .righthalf .loginpanel {

        background: #fff;

        position: relative;

        left: auto;

        top: 100px;

        border-radius: 0;

        padding: 20px;

        width: 100%;

        margin: 0 auto;

        float: right;

    }

    .news_panel {

        background: #fff;

        position: relative;

        right: auto;

        top: 0px;

        border-radius: 0;

        padding: 0px;

    }

}