@media screen and (min-width: 1900px)
{	
	.container{max-width:1400px;}

	


}
@media screen and (max-width: 1480px)
{	

	#mFull .container{max-width: 97%;}
	#loginPage .container .login-cont .topLog .logo img{height: 85px;margin-bottom: -25px;}
	#loginPage .container .login-cont .topLog .text h2{font-size: 20px;}
	#loginPage .container .login-cont .formLogin{padding: 90px;}
	#loginPage .container .login-cont .formLogin .login-form input{padding: 8px 20px;font-size: 13px;}
	#loginPage .container .login-cont .formLogin .login-form button{padding: 8px 10px 8px 20px;margin: 0 0 10px 0;font-size: 13px;}
	#loginPage .container .login-cont .formLogin .login-form button img{height: 15px;margin-left: 3px;}
	#loginPage .container .login-cont .formLogin .remember-me{font-size: 13px;}
	#loginPage .container .login-cont .formLogin .remember-me input{width: 10px;}
	#loginPage .container .login-cont .footer p{font-size: 12px;padding: 10px 0;}
	#loginPage .container .login-cont .bottomF{padding: 14px 0;}
	#loginPage .container .login-cont .bottomF a{font-size: 12px;padding: 0 14px 0 0;}
	#loginPage .container .login-cont .bottomF a:last-child{padding: 0 14px;}
	#loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;}

	#header .topH{height: 80px;}
	#header .topH .container .logo{width: 250px;}
	#header .topH .container .logo img{margin-top: 0;height: 65px;}
	#header .topH .container .rightTop .menu ul li:before{height: 35px;}
	#header .topH .container .rightTop .menu ul li a{padding: 0 10px;font-size: 12px;}
	#header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 10px;}
	#header .topH .container .rightTop .accountH a{margin-left: 10px;font-size: 13px;}
	#header .topH .container .rightTop .accountH a img{height: 20px;margin-right: 8px;}
	#header .bottomH{height: 50px;}
	#header .bottomH .container{padding-left: 260px;}
	#header .bottomH .container .search{height: 30px;max-width: 170px;}
	#header .bottomH .container .dealerInfo img{height: 20px;margin-right: 10px;}
	#header .bottomH .container .dealerInfo .text p{font-size: 12px;}
	#header .bottomH .container .iconsBh a{padding: 0 14px;}
	#header .bottomH .container .iconsBh a:before{height: 30px;}
	#header .bottomH .container .iconsBh a img{height: 21px;}
	#header .bottomH .container .iconsBh a.menuAll img{height: 25px;}
	
	#pageDetailContent{margin-top: 25px;}
	#pageDetailContentS .container #tabMenu .tabs-nav{max-width: 250px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a{font-size: 12px;padding: 10px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro{max-height: 550px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single{padding: 7px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image{height: 110px;}

	#pageDetailContentS .container .ordersInfo .orderTotalBox{height: fit-content;padding: 20px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .ordImg{height: 35px;padding-right: 15px;margin-right: 15px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text p{font-size: 14px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text h1{font-size: 16px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO{padding: 7px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT img{width: 40px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .iconD{height: 10px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt{height: 250px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single{padding: 8px 0px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .pieceInf{    width: 40px;font-size: 16px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sRightButtons .pieceControl button{width: 20px;height: 20px;font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sRightButtons .pieceInf{width: 20px;font-size: 14px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .deleteInf{font-size: 14px;margin-left: 8px;padding-left: 8px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .deleteInf img{height: 18px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT img{width: 40px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .totalOrder h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single img{height: 25px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single{padding: 5px 15px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single img{height: 25px;margin-right: 7px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single p{font-size: 13px;}

	#pageDetailContentS .container .ordersInfo .ikram-list .single{padding: 8px 0px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .pieceInf{    width: 40px;font-size: 16px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sRightButtons .pieceControl button{width: 20px;height: 20px;font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sRightButtons .pieceInf{width: 20px;font-size: 14px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .deleteInf{font-size: 14px;margin-left: 8px;padding-left: 8px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .deleteInf img{height: 18px;}


	#pageDetailContent .container{grid-gap: 0 25px;grid-template-columns: 300px 71%;}
	#pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 30px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 35px;padding-right: 15px;margin-right: 15px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 14px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 16px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;}
	#pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;}
	#pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;}
	#pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;}
	#pageDetailContent .container .pageLeft .detailMenu li a{font-size: 12px;padding: 9px 24px;}
	#pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner{padding: 30px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner img{height: 13px;margin-bottom: 10px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 14px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 18px;}
	
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;}
	#pageDetailContent .container .pageRight .pCatList{margin-top: 30px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat{padding: 15px 0 20px 0;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 14px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 19px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat img{height: 30px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 300px;flex: 0 0 24.5%;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 322px;margin-top: -20px;border: 7px solid #fff;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 125px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 18px;left: 10px;bottom: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 10px 10px 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 14px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 8px;margin-left: 8px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image:before{top: -8px;height: 26px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 21px;}

	#pageDetailContent .container .pageRight .listTitle a{padding: 0 10px;font-size: 13px}
	#pageDetailContent .container .pageRight .pProList{margin-top: 20px;}
	#pageDetailContent .container .pageRight .pProList .single{padding: 20px;}
	#pageDetailContent .container .pageRight .pProList .single .image{height: 200px;}
	#pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;}
	#pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 15px;}
	#pageDetailContent .container .pageRight .pProList .single .text p{font-size: 12px;}
	#pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 15px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 12px;padding: 7px 10px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;}

	#pageDetailContent .container .pageRight .orderListWindow{margin-top: 20px;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 15px;}
	#pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;}
	#pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 7px;font-size: 13px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 15px 0;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 14px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons a{padding: 13px 18px; font-size: 14px;}

	#pageDetailContent .container .pageRight .lastOrder{margin-top: 20px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS{padding: 40px 25px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 25px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 16px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 16px;}

	#pageDetailContent .container .pageRight .accountDetails{margin-top: 20px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD{padding: 40px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD img{height: 45px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 20px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 15px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 14px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;}

	#pageDetailContent .container .pageRight .proDetails{margin-top: 20px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 325px;margin-bottom: 10px;padding-bottom: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container .swiper-slide{padding: 5px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 11px;height: 60px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;}

	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 15px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 23px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 16px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 13px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 20px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 12px;}

	#footer{padding: 20px 0;}
	#footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;}
	#footer .container .ftop .fTleft p{font-size: 12px;padding: 10px 0;}
	#footer .container .ftop .fTright{padding: 10px 0;}
	#footer .container .ftop .fTright a{padding: 0 10px 0 0;font-size: 12px;}
	#footer .container .ftop .fTright a:last-child{padding: 0 0 0 10px;}
	#footer .container .fbottom{padding: 10px 0;}
	#footer .container .fbottom a{font-size: 11px;}
}

@media screen and (max-width: 1380px)
{
	.container{padding: 0 10px;max-width: 97%;}
	#mFull .container{max-width: 97%;}
	
}
@media screen and (max-width: 1200px)
{

	#loginPage .container .login-cont .topLog .logo{padding: 0 25px;}
	#loginPage .container .login-cont .topLog .logo img{height: 70px;margin-bottom: -20px;}
	#loginPage .container .login-cont .topLog .text h2{font-size: 18px;}
	#loginPage .container .login-cont .formLogin{padding: 80px;}
	#loginPage .container .login-cont .formLogin .login-form input{padding: 8px 17px;font-size: 13px;}
	#loginPage .container .login-cont .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;}
	#loginPage .container .login-cont .formLogin .login-form button img{height: 13px;margin-left: 3px;}
	#loginPage .container .login-cont .formLogin .remember-me{font-size: 12px;}
	#loginPage .container .login-cont .formLogin .remember-me input{width: 10px;}
	#loginPage .container .login-cont .footer p{font-size: 12px;padding: 10px 0;}
	#loginPage .container .login-cont .bottomF{padding: 14px 0;}
	#loginPage .container .login-cont .bottomF a{font-size: 12px;padding: 0 14px 0 0;}
	#loginPage .container .login-cont .bottomF a:last-child{padding: 0 14px;}
	#loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;}

	#header .topH{height: 80px;}
	#header .topH .container .logo{width: 200px;}
	#header .topH .container .logo img{margin-top: 0;height: 65px;}
	#header .topH .container .rightTop .menu ul li:before{height: 30px;}
	#header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 12px;}
	#header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 10px;}
	#header .topH .container .rightTop .accountH a{margin-left: 8px;font-size: 12px;}
	#header .topH .container .rightTop .accountH a img{height: 20px;margin-right: 8px;}
	#header .bottomH{height: 45px;}
	#header .bottomH .container{padding-left: 208px;}
	#header .bottomH .container .dealerInfo img{height: 20px;margin-right: 10px;}
	#header .bottomH .container .dealerInfo .text p{font-size: 11px;}
	#header .bottomH .container .iconsBh a{padding: 0 10px;}
	#header .bottomH .container .iconsBh a:before{height: 30px;}
	#header .bottomH .container .iconsBh a img{height: 16px;}
	
	#pageDetailContent{margin-top: 25px;}

	#pageDetailContentS .container #tabMenu .tabs-nav{max-width: 200px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a{font-size: 13px;padding: 13px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a img{height: 13px;margin-right: 5px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro{max-height: 550px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single{padding: 7px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image{height: 98px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text{margin: 5px 0;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h1{font-size: 12px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h2{font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button{padding: 5px 7px;font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button img{height: 13px;}

	#pageDetailContentS .container .ordersInfo .orderTotalBox{height: fit-content;padding: 12px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .ordImg{height: 30px;padding-right: 10px;margin-right: 10px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text p{font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text h1{font-size: 17px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO{padding: 7px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT img{width: 40px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .iconD{height: 10px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt{height: 250px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single{padding: 8px 0px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .pieceInf{    width: 40px;font-size: 16px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .deleteInf img{height: 18px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT img{width: 40px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .totalOrder h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single img{height: 25px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single{padding: 5px 15px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single img{height: 25px;margin-right: 7px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single p{font-size: 13px;}

	#pageDetailContentS .container .ordersInfo .ikram-list .single{padding: 8px 0px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .pieceInf{    width: 40px;font-size: 16px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .deleteInf img{height: 18px;}


	#pageDetailContent .container{grid-gap: 0 25px;grid-template-columns: 250px 72%;}
	#pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 30px;padding-right: 10px;margin-right: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 13px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 15px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 11px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;}
	#pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;}
	#pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;}
	#pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;}
	#pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px;padding: 9px 24px;}
	#pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 25px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner img{height: 13px;margin-bottom: 10px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 13px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 16px;}
	
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;}
	#pageDetailContent .container .pageRight .pCatList{margin-top: 30px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat{padding: 11px 0 15px 0;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 12px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 16px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat img{height: 26px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 250px;flex: 0 0 24.5%;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 271px;margin-top: -20px;border: 5px solid #fff;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 115px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 15px;left: 10px;bottom: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 13px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 20px;}

	#pageDetailContent .container .pageRight .listTitle a{padding: 0 10px;font-size: 13px}
	#pageDetailContent .container .pageRight .pProList{margin-top: 15px;}
	#pageDetailContent .container .pageRight .pProList .single{padding: 15px;}
	#pageDetailContent .container .pageRight .pProList .single .image{height: 175px;}
	#pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;}
	#pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 14px;}
	#pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 14px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 11px;padding: 7px 10px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;}

	#pageDetailContent .container .pageRight .orderListWindow{margin-top: 15px;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 0;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;}
	#pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;}
	#pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 6px;font-size: 12px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 13px 0;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 13px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons a{padding: 10px 15px; font-size: 13px;}

	#pageDetailContent .container .pageRight .accountDetails{margin-top: 15px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD{padding: 30px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD img{height: 40px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 18px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 14px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 12px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;}

	#pageDetailContent .container .pageRight .proDetails{margin-top: 15px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 275px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 60px;padding: 0 30px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;}

	#pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 15px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 21px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 14px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 12px;padding-bottom: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 19px;padding: 8px 0;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 11px;padding: 8px;}

	#footer{padding: 18px 0;}
	#footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;}
	#footer .container .ftop .fTleft p{font-size: 11px;padding: 8px 0;}
	#footer .container .ftop .fTright{padding: 8px 0;}
	#footer .container .ftop .fTright a{padding: 0 8px 0 0;font-size: 11px;}
	#footer .container .ftop .fTright a:last-child{padding: 0 0 0 8px;}
	#footer .container .fbottom{padding: 8px 0;}
	#footer .container .fbottom a{font-size: 10px;}

}
@media screen and (max-width: 1024px) 
{
	.container{padding: 0 10px;}

	#mFull .container{grid-template-rows: 80px 1fr 70px;}
	#mFull .container .content ul li a{font-size: 15px;}
	#mFull .container .content .info .phone a{font-size: 17px;}
	#mFull .container .content .info > div::before{top: 30px;}
	#mFull .container .content .info i{font-size: 22px;margin-bottom: 5px;}
	#mFull .container .content .info .phone a{font-size: 17px;}
	#mFull .footerNav-social span{font-size: 10px;}

	#header .topH{height: 70px;}
	#header .topH .container .logo{width: 180px;}
	#header .topH .container .logo img{margin-top: 0;height: 57px;}
	#header .topH .container .rightTop .menu ul li:before{height: 25px;}
	#header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 11px;}
	#header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 5px;}
	#header .topH .container .rightTop .accountH a{margin-left: 6px;font-size: 11px;}
	#header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;}
	#header .bottomH{height: 40px;}
	#header .bottomH .container{padding-left: 190px;}
	#header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;}
	#header .bottomH .container .dealerInfo .text p{font-size: 11px;}
	#header .bottomH .container .iconsBh a{padding: 0 10px;}
	#header .bottomH .container .iconsBh a:before{height: 25px;}
	#header .bottomH .container .iconsBh a img{height: 18px;}
	#header .bottomH .container .iconsBh a.menuAll img{height: 22px;}
	#header .bottomH .container .search{max-width: 150px;height: 27px;}
	#header .bottomH .container .search .searchHeader form input{    padding-left: 30px;font-size: 11px;}
	#header .bottomH .container .search .searchHeader.cash button img{height: 15px;}
	
	#pageDetailContent{margin-top: 25px;}
	#pageDetailContentS .container #tabMenu{flex: 0 0 65%;}
	#pageDetailContentS .container #tabMenu .tabs-nav{max-width: 180px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a{font-size: 12px;padding: 19px 10px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a img{height: 13px;margin-right: 5px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro{max-height: 475px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single{padding: 5px;flex: 0 0 calc(50% - 6px);}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image{height: 98px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text{margin: 5px 0;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h1{font-size: 12px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h2{font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button{padding: 5px 7px;font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button img{height: 13px;}

	#pageDetailContentS .container .ordersInfo{flex: 0 0 35%;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox{height: fit-content;padding: 12px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .ordImg{height: 25px;padding-right: 7px;margin-right: 7px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text p{font-size: 14px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text h1{font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO{padding: 7px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT img{width: 40px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .iconD{height: 8px;margin-right: 5px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt{height: 220px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single{padding: 6px 0px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .pieceInf{width: 40px;font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .deleteInf img{height: 16px;}
	#pageDetailContentS .container .ordersInfo .totalOrder{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT img{width: 40px;height: 20px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .totalOrder h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .paymentoption{margin-bottom: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single img{height: 20px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single p{font-size: 11px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single{padding: 4px 10px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single img{height: 20px;margin-right: 5px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single p{font-size: 12px;}

	#pageDetailContentS .container .ordersInfo .ikram-list{height: 220px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single{padding: 6px 0px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .pieceInf{width: 40px;font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .deleteInf img{height: 16px;}

	#pageDetailContent .container{grid-gap: 0 20px;grid-template-columns: 200px 71%;}
	#pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;}
	#pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;}
	#pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;}
	#pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;}
	#pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;padding: 9px 10px;}
	#pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;}
	
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;}
	#pageDetailContent .container .pageRight .pCatList{margin-top: 25px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 101px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;}

	#pageDetailContent .container .pageRight .listTitle a{padding: 0 10px;font-size: 12px;}
	#pageDetailContent .container .pageRight .pProList{margin-top: 10px;}
	#pageDetailContent .container .pageRight .pProList .single{padding: 10px;}
	#pageDetailContent .container .pageRight .pProList .single .image{height: 135px;}
	#pageDetailContent .container .pageRight .pProList .single .text{margin-top: 10px;}
	#pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;}

	#pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;}
	#pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons a{padding: 10px 13px; font-size: 11px;}

	#pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS{padding: 30px 20px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 23px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 15px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 15px;}
	
	#pageDetailContent .container .pageRight .proDetails{margin-top: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 250px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;}

	#footer{padding: 18px 0;}
	#footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;}
	#footer .container .ftop .fTleft p{font-size: 10px;padding: 7px 0;}
	#footer .container .ftop .fTright{padding: 7px 0;}
	#footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 10px;}
	#footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;}
	#footer .container .fbottom{padding: 7px 0;}
	#footer .container .fbottom a{font-size: 10px;}
	

}
@media screen and (max-width: 768px) 
{
	.container{padding: 0 10px;}
	#mFull .container{grid-template-rows: 80px 1fr 70px;}
	#mFull .container .content ul li a{font-size: 15px;}
	#mFull .container .content .info .phone a{font-size: 17px;}
	#mFull .container .content .info > div::before{top: 30px;}
	#mFull .container .content .info i{font-size: 22px;margin-bottom: 5px;}
	#mFull .container .content .info .phone a{font-size: 17px;}
	#mFull .footerNav-social span{font-size: 10px;}

	#loginPage .container .login-cont .topLog .logo{padding: 0 25px;}
	#loginPage .container .login-cont .topLog .logo img{height: 70px;margin-bottom: -20px;}
	#loginPage .container .login-cont .topLog .text h2{font-size: 18px;}
	#loginPage .container .login-cont .formLogin{padding: 70px 50px;}
	#loginPage .container .login-cont .formLogin .login-form input{padding: 8px 17px;font-size: 13px;}
	#loginPage .container .login-cont .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;}
	#loginPage .container .login-cont .formLogin .login-form button img{height: 13px;margin-left: 3px;}
	#loginPage .container .login-cont .formLogin .remember-me{font-size: 12px;}
	#loginPage .container .login-cont .formLogin .remember-me input{width: 10px;}
	#loginPage .container .login-cont .footer p{font-size: 12px;padding: 10px 0;}
	#loginPage .container .login-cont .bottomF{padding: 14px 0;}
	#loginPage .container .login-cont .bottomF a{font-size: 12px;padding: 0 14px 0 0;}
	#loginPage .container .login-cont .bottomF a:last-child{padding: 0 14px;}
	#loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;}

	#header .topH{height: 70px;}
	#header .topH .container .logo{width: 193px;}
	#header .topH .container .logo img{height: 55px;}
	#header .topH .container .rightTop .menu ul li:before{height: 25px;}
	#header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 11px;}
	#header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 5px;}
	#header .topH .container .rightTop .accountH a{margin-left: 6px;font-size: 11px;}
	#header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;}
	#header .bottomH{height: 40px;}
	#header .bottomH .container{padding-left: 210px;}
	#header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;}
	#header .bottomH .container .dealerInfo .text p{font-size: 11px;}
	#header .bottomH .container .iconsBh a{padding: 0 10px;}
	#header .bottomH .container .iconsBh a:before{height: 25px;}
	#header .bottomH .container .iconsBh a img{height: 16px;}
	
	#pageDetailContent{margin-top: 15px;}
	#pageDetailContentS .container {flex-direction: column;}
	#pageDetailContentS .container #tabMenu{flex: 0 0 100%;}
	#pageDetailContentS .container #tabMenu .tabs-nav{max-width: 180px;border-bottom-left-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a{font-size: 12px;padding: 15px 7px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a img{height: 13px;margin-right: 5px;}
	#pageDetailContentS .container #tabMenu .tabs{border-bottom-right-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro{max-height: 475px;;border-bottom-right-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single{padding: 5px;flex: 0 0 calc(50% - 6px);}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image{height: 98px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text{margin: 5px 0;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h1{font-size: 12px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h2{font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button{padding: 5px 7px;font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button img{height: 13px;}

	#pageDetailContentS .container .ordersInfo{flex: 0 0 100%;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox{height: fit-content;padding: 12px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .ordImg{height: 25px;padding-right: 7px;margin-right: 7px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text h1{font-size: 14px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO{padding: 7px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT img{width: 40px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .iconD{height: 8px;margin-right: 5px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt{height: 220px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single{padding: 6px 0px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .pieceInf{width: 40px;font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .deleteInf img{height: 16px;}
	#pageDetailContentS .container .ordersInfo .totalOrder{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT img{width: 40px;height: 20px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .totalOrder h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .paymentoption{margin-bottom: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single img{height: 20px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single p{font-size: 11px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single{padding: 4px 10px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single img{height: 20px;margin-right: 5px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single p{font-size: 12px;}

	#pageDetailContentS .container .ordersInfo .ikram-list{height: 220px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single{padding: 6px 0px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .pieceInf{width: 40px;font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .deleteInf img{height: 16px;}

	#pageDetailContent .container{display: flex;flex-direction: column;}
	#pageDetailContent .container .pageLeft{width: 100%;max-width:100%}
	#pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 15px;}
	#pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;}
	#pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;}
	#pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;}
	#pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;}
	#pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;display: none;}
	#pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;}
	#pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;padding: 9px 10px;}
	#pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;}
	#pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;}
	
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;}
	#pageDetailContent .container .pageRight .pCatList{margin-top: 25px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 101px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;}

	#pageDetailContent .container .pageRight .listTitle{margin-top: 10px;}
	#pageDetailContent .container .pageRight .listTitle a{padding: 0 10px;font-size: 12px;}
	#pageDetailContent .container .pageRight .pProList{margin-top: 10px;}
	#pageDetailContent .container .pageRight .pProList .single{padding: 10px;}
	#pageDetailContent .container .pageRight .pProList .single .image{height: 150px;}
	#pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;}

	#pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 ;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;}
	#pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;padding: 9px;}
	#pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;}
	#pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons a{padding: 7px 10px; font-size: 11px;}

	#pageDetailContent .container .pageRight .proDetails{margin-top: 10px;}

	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 230px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;margin-bottom: 20px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;}

	#footer{padding: 18px 0;}
	#footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;}
	#footer .container .ftop .fTleft p{font-size: 10px;padding: 7px 0;}
	#footer .container .ftop .fTright{padding: 7px 0;}
	#footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 10px;}
	#footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;}
	#footer .container .fbottom{padding: 7px 0;}
	#footer .container .fbottom a{font-size: 10px;}

}
@media screen and (max-width: 640px) 
{
	.container{padding: 0 10px;max-width: 100%;}
	#mFull .container{grid-template-rows: 80px 1fr 70px;}
	#mFull .container .content{flex-direction: column;align-items: unset;}
	#mFull .container .content ul{display: flex;flex-direction: column;justify-content: center;}
	#mFull .container .content ul li a{font-size: 12px;}
	#mFull .container .content .info{    display: flex;flex-direction: row;text-align: right;padding-right: 0;justify-content: space-between;flex: unset;}
	#mFull .container .content .info::after{display: none;}
	#mFull .container .content .info .phone{    display: flex;flex-direction: column;align-items: flex-start;}
	#mFull .container .content .info .phone a{font-size: 12px;}
	#mFull .container .content .info > div::before{top: 21px;right: unset;left: 0;}
	#mFull .container .content .info i{font-size: 13px;margin-bottom: 5px;}
	#mFull .container .content .info a{font-size: 10px;}
	#mFull .container .content .info .mail{    display: flex;flex-direction: column;align-items: flex-start;}
	#mFull .footerNav-social span{font-size: 8px;}

	#header .topH{height: 63px;padding: 10px 0;}
	#header .topH .container .logo{width: 120px;}
	#header .topH .container .logo img{margin-top: 0;height: 53px;}
	#header .topH .container .rightTop{flex-direction: column;justify-content: center;align-items: flex-end;}
	#header .topH .container .rightTop .menu ul li:before{height: 25px;}
	#header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 11px;text-align: end;}
	#header .topH .container .rightTop .menu ul li:last-child a{padding: 0 0 0 8px;}
	#header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 5px;}
	#header .topH .container .rightTop .accountH{margin-top: 5px;}
	#header .topH .container .rightTop .accountH a{margin-left: 6px;font-size: 11px;}
	#header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;}
	#header .bottomH{height: 47px;}
	#header .bottomH .container{padding-left: 9px;}
	#header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;}
	#header .bottomH .container .dealerInfo .text p{font-size: 11px;}
	#header .bottomH .container .iconsBh a{padding: 0 10px;}
	#header .bottomH .container .iconsBh a:before{height: 25px;}
	#header .bottomH .container .iconsBh a img{height: 16px;}
	
	#pageDetailContent{margin-top: 15px;}

	#pageDetailContentS .container {flex-direction: column;}
	#pageDetailContentS .container #tabMenu{flex: 0 0 100%;}
	#pageDetailContentS .container #tabMenu .tabs-nav{max-width: 180px;border-bottom-left-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a{font-size: 11px;padding: 16px 7px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a img{height: 13px;margin-right: 5px;}
	#pageDetailContentS .container #tabMenu .tabs{border-bottom-right-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro{max-height: 475px;;border-bottom-right-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single{padding: 5px;flex: 0 0 calc(50% - 6px);}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image{height: 98px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text{margin: 5px 0;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h1{font-size: 12px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h2{font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button{padding: 5px 7px;font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button img{height: 13px;}

	#pageDetailContentS .container .ordersInfo{flex: 0 0 100%;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox{height: fit-content;padding: 12px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .ordImg{height: 25px;padding-right: 7px;margin-right: 7px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO{padding: 7px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT img{width: 40px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .iconD{height: 8px;margin-right: 5px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt{height: 220px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single{padding: 6px 0px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .pieceInf{width: 40px;font-size: 15px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .deleteInf img{height: 16px;}
	#pageDetailContentS .container .ordersInfo .totalOrder{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT img{width: 40px;height: 20px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT p{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .totalOrder h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .paymentoption{margin-bottom: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single img{height: 20px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single p{font-size: 11px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single{padding: 4px 10px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single img{height: 20px;margin-right: 5px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single p{font-size: 12px;}
	#pageDetailContent .container{display: flex;flex-direction: column;}
	#pageDetailContent .container .pageLeft{width: 100%;max-width:100%}
	#pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 11px;font-size: 13px;}
	#pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;}
	#pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;}
	#pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;}
	#pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;}
	#pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;display: none;}
	#pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;}
	#pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;padding: 9px 10px;}
	#pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;}
	#pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;}
	
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;}
	#pageDetailContent .container .pageRight .pCatList{margin-top: 25px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 32.5%;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 101px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;}

	#pageDetailContent .container .pageRight .listTitle{margin-top: 10px;}
	#pageDetailContent .container .pageRight .listTitle a{padding: 0 10px;font-size: 12px;}
	#pageDetailContent .container .pageRight .pProList{margin-top: 10px;}
	#pageDetailContent .container .pageRight .pProList .single{padding: 10px;}
	#pageDetailContent .container .pageRight .pProList .single .image{height: 150px;}
	#pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;}

	#pageDetailContent .container .pageRight .listTitle{margin-top: 10px;}
	#pageDetailContent .container .pageRight .listTitle a{padding: 0 10px;font-size: 12px;}
	#pageDetailContent .container .pageRight .pProList{margin-top: 10px;}
	#pageDetailContent .container .pageRight .pProList .single{padding: 10px;flex: 0 0 49.9%;}
	#pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;}
	#pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;}
	#pageDetailContent .container .pageRight .pProList .single .image{height: 175px;}
	#pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;}

	#pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 20px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 14px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 14px;}

	#pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin:15px 0 10px 0 ;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;}
	#pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 10px;}

	#pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 17px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 13px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 11px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 11px;padding: 8px;margin-top: 4px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;}

	#pageDetailContent .container .pageRight .proDetails{margin-top: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;display: flex;flex-direction: column;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 21px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 14px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 12px;padding-bottom: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 19px;padding: 8px 0;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 11px;padding: 8px;}

	#footer{padding: 15px 0;}
	#footer .container .ftop{flex-direction: column;}
	#footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;}
	#footer .container .ftop .fTleft p{font-size: 10px;padding: 7px 0;}
	#footer .container .ftop .fTright{padding: 0 0 7px 0;}
	#footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 10px;}
	#footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;}
	#footer .container .fbottom{padding: 7px 0;justify-content: flex-start;}
	#footer .container .fbottom a{font-size: 10px;}
	
}
@media screen and (max-width: 480px)
{
	.container{padding: 0 5px;}
	#mFull .container{grid-template-rows: 80px 1fr 70px;}
	#mFull .container .content ul li a{font-size: 15px;}
	#mFull .container .content .info .phone a{font-size: 17px;}
	#mFull .container .content .info > div::before{top: 30px;}
	#mFull .container .content .info i{font-size: 19px;margin-bottom: 5px;}
	#mFull .container .content .info .phone a{font-size: 17px;}
	#mFull .footerNav-social span{font-size: 10px;}

	#loginPage .container .login-cont .topLog .logo{padding: 0 9px;}
	#loginPage .container .login-cont .topLog .logo img{height: 50px;margin-bottom: -17px;}
	#loginPage .container .login-cont .topLog .text{padding-bottom: 2px;}
	#loginPage .container .login-cont .topLog .text h2{font-size: 15px;}
	#loginPage .container .login-cont .formLogin{padding: 30px 20px 10px 20px;}
	#loginPage .container .login-cont .formLogin .login-form input{padding: 8px 17px;font-size: 13px;margin: 0 0 7px 0;}
	#loginPage .container .login-cont .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;}
	#loginPage .container .login-cont .formLogin .login-form button img{height: 13px;margin-left: 3px;}
	#loginPage .container .login-cont .formLogin .remember-me{font-size: 12px;}
	#loginPage .container .login-cont .formLogin .remember-me input{width: 10px;margin-right: 5px;margin-bottom: 0;}
	#loginPage .container .login-cont .footer p{font-size: 11px;padding: 10px 0;}
	#loginPage .container .login-cont .bottomF{padding: 10px 0;}
	#loginPage .container .login-cont .bottomF a{font-size: 11px;padding: 0 10px 0 0;}
	#loginPage .container .login-cont .bottomF a:last-child{padding: 0 10px;}
	#loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;}

	#header .topH{height: 65px;padding: 0;}
	#header .topH .container .logo{width: 100px;}
	#header .topH .container .logo img{margin-top: 0;height: 52px;}
	#header .topH .container .rightTop{flex-direction: column;justify-content: center;align-items: flex-end;}
	#header .topH .container .rightTop .menu ul li:before{height: 25px;}
	#header .topH .container .rightTop .menu ul li a{padding: 0 4px;font-size: 11px;text-align: end;}
	#header .topH .container .rightTop .menu ul li:last-child a{padding: 0 0 0 8px;}
	#header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 5px;}
	#header .topH .container .rightTop .accountH{margin-top: 0;}
	#header .topH .container .rightTop .accountH a{margin-left: 11px;font-size: 12px;}
	#header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;}
	#header .bottomH{height: 35px;/* padding: 3px 0; */}
	#header .bottomH .container{padding-left: 9px;}
	#header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;}
	#header .bottomH .container .dealerInfo .text p{font-size: 10px;}
	#header .bottomH .container .iconsBh a{padding: 0 7px;}
	#header .bottomH .container .iconsBh a:before{height: 25px;}
	#header .bottomH .container .iconsBh a img{height: 17px;}

	#pageDetailContentS .container #tabMenu{flex: 0 0 100%;}
	#pageDetailContentS .container #tabMenu .tabs-nav{max-width: 125px;border-bottom-left-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a{font-size: 11px;padding: 13px 06px;}
	#pageDetailContentS .container #tabMenu .tabs-nav li a img{height: 11px;margin-right: 3px;}
	#pageDetailContentS .container #tabMenu .tabs{border-bottom-right-radius: 00px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro{max-height: 475px;border-bottom-right-radius: 00px;padding: 2px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single{padding: 5px;flex: 0 0 calc(50% - 6px);}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .image{height: 85px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text{margin: 5px 0;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h1{font-size: 11px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .text h2{font-size: 10px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button{padding: 4px 5px;font-size: 10px;}
	#pageDetailContentS .container #tabMenu .tabs .tabs-stage .tabsVisibility .cntPro .single .buttons button img{height: 13px;}

	#pageDetailContentS .container .ordersInfo{flex: 0 0 100%;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox{height: fit-content;padding: 10px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .ordImg{height: 25px;padding-right: 7px;margin-right: 7px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text h1{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT img{width: 35px;height: 25px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .leftT p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .titleO .iconD{height: 8px;margin-right: 5px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt{height: 220px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single{padding: 6px 0px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .pieceInf{width: 35px;font-size: 14px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text p{font-size: 11px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .sInfo .text h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .orderCntInfo .orderCnt .single .deleteInf img{height: 16px;}
	#pageDetailContentS .container .ordersInfo .totalOrder{padding: 5px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT img{width: 35px;height: 20px;}
	#pageDetailContentS .container .ordersInfo .totalOrder .leftOrderT p{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .totalOrder h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .paymentoption{margin-bottom: 5px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single{padding: 3px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single img{height: 19px;margin-bottom: 4px;}
	#pageDetailContentS .container .ordersInfo .paymentoption .single p{font-size: 11px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders{padding: 0 5px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single{padding: 4px 10px;margin-top: 3px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single img{height: 17px;margin-right: 3px;}
	#pageDetailContentS .container .ordersInfo .buttonOrders .single p{font-size: 11px;}

	#pageDetailContentS .container .ordersInfo .ikram-modal .modal-content h2{font-size: 13px;}
	#pageDetailContentS .container .ordersInfo .ikram-list{height: 220px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single{padding: 6px 0px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .pieceInf{width: 35px;font-size: 14px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text p{font-size: 11px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .sInfo .text h1{font-size: 12px;}
	#pageDetailContentS .container .ordersInfo .ikram-list .single .deleteInf img{height: 16px;}
	
	#pageDetailContent{margin-top: 10px;}
	#pageDetailContent .container{display: flex;flex-direction: column;}
	#pageDetailContent .container .pageLeft{width: 100%;max-width:100%}
	#pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 9px;font-size: 12px;}
	#pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;}
	#pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;}
	#pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;}
	#pageDetailContent .container .pageLeft .orderButtonView a{font-size: 10px;padding: 10px;}
	#pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 12px;}
	#pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;display: none;}
	#pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;}
	#pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;padding: 9px 10px;}
	#pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 11px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;}
	#pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;}
	#pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;}
	
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;}
	#pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -21px;height: 20px;}
	#pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;}
	#pageDetailContent .container .pageRight .pCatList{margin-top: 16px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 9px 0;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;}
	#pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 49.3%;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 115px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;}
	#pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;}

	#pageDetailContent .container .pageRight .listTitle{margin-top: 10px;}
	#pageDetailContent .container .pageRight .listTitle a{padding: 0 10px;font-size: 12px;}
	#pageDetailContent .container .pageRight .pProList{margin-top: 10px;}
	#pageDetailContent .container .pageRight .pProList .single{padding: 10px;flex: 0 0 49.9%;}
	#pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;}
	#pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;}
	#pageDetailContent .container .pageRight .pProList .single .image{height: 121px;}
	#pageDetailContent .container .pageRight .pProList .single .text{margin-top: 9px;}
	#pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;}
	#pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 13px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons{flex-direction: column;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 12px;border-top-left-radius: 0;border-bottom-left-radius: 0;margin-top: 5px;border-radius: 20px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button.basketB{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-radius: 20px;}
	#pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;}

	#pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;padding: 3px 10px 10px 10px;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 10px 0;}
	#pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;}
	#pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 00px;}
	#pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;}
	#pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 10px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 7px 0;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 10px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons a{padding: 8px;font-size: 10px;}
	#pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons a img{height: 12px;}

	#pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 18px;margin-right: 7px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 12px;}
	#pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 11px;}
	#pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 17px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 13px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 11px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 11px;padding: 8px;margin-top: 4px;}
	#pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;}

	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 200px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 10px;height: 40px;padding: 0 30px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 40px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);width: fit-content;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);}
	#pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;}
	#pageDetailContent .container .pageRight .proDetails{margin-top: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;display: flex;flex-direction: column;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 18px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 13px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 11px;padding-bottom: 10px;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 16px;padding: 8px 0;}
	#pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 10px;padding: 8px;}
	
	#footer{padding: 6px 0;}
	#footer .container .ftop{flex-direction: column;}
	#footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;}
	#footer .container .ftop .fTleft p{font-size: 10px;padding: 7px 0;}
	#footer .container .ftop .fTright{padding: 0 0 7px 0;}
	#footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 10px;}
	#footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;}
	#footer .container .fbottom{padding: 7px 0;justify-content: flex-start;}
	#footer .container .fbottom a{font-size: 10px;}

}