

@media only screen and (max-width: 1199px) {
    
    
        .navMain .navBar a.register { 
    font-size: 12px; 
}

.xs-vartical-menu .cd-dropdown-trigger { 
    font-size: 12px; 
}
    
    .top_blk .menuLeft ul.desktop li a {
    font-size: 12px; 
}

.navMain .navBar ul li a {
    font-size: 12px; 
}

.top_blk .menuRight ul li a {
    font-size: 12px; 
}
    
    
    

}



@media screen and (min-device-width: 991px) and (max-device-width: 1199px) { 
    
    
    .navMain .navBar a.register { 
    font-size: 12px; 
}

.xs-vartical-menu .cd-dropdown-trigger { 
    font-size: 12px; 
}
    
    .top_blk .menuLeft ul.desktop li a {
    font-size: 12px; 
}

.navMain .navBar ul li a {
    font-size: 12px; 
}

.top_blk .menuRight ul li a {
    font-size: 12px; 
}
    
    .side-box .b-body .similar-list img { 
    margin: 0 auto;
    display: block;
    text-align: center;
}
    
  .side-box .b-body .similar-list {
    display: block;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}  
    
.profile-meta .btns-area .ratings span {
    color: #ffd703;
    font-size: 14px;
    margin-right: 5px;
}
   
 .side-box .b-body .similar-list .btn.like-btn {
    display: block;
    align-items: center;
    justify-content: center; 
    margin: 0 auto;
}
   
   
.side-box .b-body .similar-list .text-area{text-align: center;
    margin: 5px auto;
}   
   
.side-box .b-body .similar-list .ratings {text-align: center;}
    
    
    
}





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

}




@media only screen and (max-width: 767px) {
	
	.xs-modal .modal-dialog { 
    min-width: 95%; 
    margin: 10px; 
}


.g-recaptcha iframe{width:100%!important;}

.g-recaptcha textarea{width:100%!important;}


.top_blk .menuLeft ul.mobile{display: block;}
.top_blk .menuLeft ul.desktop{display: none;}
	
.top_blk .menuLeft{max-width: 30%; width: 100%;}
.top_blk .menuRight{max-width: 70%; width: 100%; float: right !important;}

.logo{max-width: 100%; width: 100%;}
.searchMain{max-width: 100%; width: 100%; margin-top: 10px; border-top:#ddd solid 1px; padding-top: 10px;}
	
.searchMain .searchBox {max-width: 88%; float: right; margin-top: 0;}
.btnResponsive{width: 8%; float: left; background:#ffd600;color:#fff; font-size: 26px; padding: 4px 0px; margin-top: 0; position: inherit;
	border-color:#ffd600; top: 0;left: 0; line-height: 27px; display: block;}
.btnResponsive:hover{background: #000; border-color: #000;}
.logoSidebar{padding: 10px; background: #fff;}	
	.logoSidebar img{max-width: 140px;}
	
.logo .logoImg{max-width: 128px; height: auto; width: 100%;}
.logo ul.cartUlMobil li {padding: 0 5px;}
.logo ul.cartUlMobil {padding-top: 0; display: block;}
.cart{display: none;}
	
.topLogoSec {padding: 7px 0 6px;}
.catagorySec{display: none;}
	
.searchMain .searchSec {height: 37px;}
.searchMain .searchBox a.dropDown {padding-top: 11px; padding-bottom: 11px; background: none;}
.searchMain .searchSec input[type="search"] {padding: 11px 15px 11px 10px;}
.searchMain .searchSec button[type="submit"] {width: 31px; height: 31px;}

.navMain{display: none;}
	
.bannerSec {padding-left: 15px; max-width: 73%; padding-right: 0;}	
	
.bannerAddSec {max-width: 27%;}
.bannerAddSec ul li:first-child {margin-bottom: 32px;}	
.bannerSec .txtSec{top: 33px;}
.bannerSec .txtSec h2 span{font-size: 14px; margin-bottom:16px;}
.bannerSec .txtSec h2{font-size: 21px;}
.bannerSec .txtSec a{padding: 5px 13px;}	
}




@media only screen and (max-width: 600px) {
	
	
		.vendor_login {
    padding-right: 15px!important;
    position: relative;
}
	
	.xs-modal.in .modal-dialog {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: top .53s ease-out, opacity .35s ease-out;
    transition: top .53s ease-out, opacity .35s ease-out;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
    opacity: 1;
    top: 40%;
    left: 45%!important;
}

	.popularCat h2 span {
    font-size: 15px; 
}
	
	
.featureSec h2 span {
    font-size: 14px; 
    width: auto; 
}
.xs-modal .modal-content {
    padding: 20px;
    width: 95%;
    margin: 10px;
}
	 

.xs-modal .modal-dialog { 
  min-width: 95%;
}
	
	.forgetCusBtn {
    width: 100%; 
    margin: 0px!important ;
	  margin-bottom: 0px!important ;
}

.googlIconCus span { 
    padding-left: 27px;
}
.googlIconCus { 
    padding: 14px 6px !important; 
}

.faceIconCus {
    font-size: 15px !important;
    padding: 14px 5px !important;
    text-align: center;
}


.loginCusBtn {
    width: 100%; margin: 0px!important ;
   margin-bottom: 10px!important ;
}

 

.xs-customer-form p {color:#222; 
}
.vendor_login_signup {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

.g-recaptcha iframe{width:100%!important;}

.g-recaptcha textarea{width:100%!important;}

.form-separetor {
    position: relative;
    left: 50%;
    width: 100%;
    top: 36%;
    float: left;
    margin: 30px 0px 0px;
    display: block;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 100%;
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 0;
    font-size: 0.85714em;
    font-weight: 500;
    color: #222;
    background-color: #FFFFFF;
}

.btn:not([data-toggle="popover"])::before {
    content: '';
	left: -101px;}

.vendor_login p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 15px;
}

.forgotBtn {
    width: 100%!important;
    margin: 0px!important;
    margin-bottom: 10px!important;
}

.loginBtn {
    width: 100%!important;
    margin: 0px!important;
    margin-bottom: 10px!important;
}

.vendor_signup {
    padding-left: 15px;
}

	
.top_blk .menuLeft ul.mobile li a {font-size: 12px;}
.top_blk .menuLeft ul.mobile li:first-child {padding-left: 21px; padding-right: 15px;}
.top_blk .menuRight ul li a{font-size: 12px;}
.top_blk .menuRight ul li {font-size: 12px; padding: 0 22px 0 7px;}
 
.top_blk .menuRight ul li:nth-child(2) {border: none;}
	
.logo ul.cartUlMobil li a span {margin-bottom: 0px;}
.logo ul.cartUlMobil li {padding: 0 4px;}
.logo .logoImg {max-width: 100px!important;}
.searchMain .searchBox a.dropDown{display: none;}
	.searchMain .searchBox{padding-left: 11px; padding-right: 11px; position: relative;}
.searchMain .searchSec {height: 28px; width: 100%; border-left: none; padding: 0; }	
.searchMain .searchSec input[type="search"] {padding: 6px 10px 7px 10px; width: 100%;}
.searchMain .searchSec button[type="submit"]{width: 26px;height: 26px;position: absolute;margin: 1px 0 0 0;right: 1px;}
	
.btnResponsive {width: 10%; font-size: 20px; padding: 4px 0px; line-height: 19px;}
	
.logo ul.cartUlMobil li a span.txtName {font-size: 11px;}	
.logo ul.cartUlMobil li a img {max-width: 13px;}
.logo ul.cartUlMobil li {padding: 0 4px;}
.logo ul.cartUlMobil li a:hover span.txtName{font-size: 11px;}
.logo ul.cartUlMobil {padding-top: 3px;}
.logo .logoImg {max-width: 115px;}
	
.bannerSec {padding-left: 15px; max-width: 100%; padding-right: 15px;}
.bannerAddSec{display: none;}	
	
	
	
		.xs-modal .modal-dialog {
    min-width: 95%;
    top: 77%;
    left: 45%!important;
}
	
}


@media only screen and (max-width: 450px) {
	
	
.gj_sp_trm {
    margin: 12px 0px 0px!important;
    font-size: 12px;
}

	.vendor_login {
    padding-right: 15px!important;
    position: relative;
}
	
.xs-modal.in .modal-dialog {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: top .53s ease-out, opacity .35s ease-out;
    transition: top .53s ease-out, opacity .35s ease-out;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
    opacity: 1; 
    width: 100%;
}

	.popularCat h2 span {
    font-size: 15px; 
}

#signup_capcha {width:100%!important;}	

#signup_capcha div{width:100%!important;}

#signup_capcha iframe{width:100%!important;height:auto!important;}
	
.featureSec h2 span {
    font-size: 14px; 
    width: auto; 
}
.xs-modal .modal-content {
    padding: 20px!important;
    width: 100%; 
    margin: 5px;
    min-width: 100%;
    top: 70%!important;
}
	 
	.xs-modal .modal-dialog {
    min-width: 95%;
    top: 70%!important;
    left: 45%!important;
}
.xs-modal .modal-dialog { 
  min-width: 95%;
}
	
	.forgetCusBtn {
    width: 100%; 
    margin: 0px!important ;
	  margin-bottom: 0px!important ;
}

.googlIconCus span { 
    padding-left: 27px;
}
.googlIconCus { 
    padding: 14px 6px !important; 
}

.faceIconCus {
    font-size: 15px !important;
    padding: 14px 5px !important;
    text-align: center;
}


.loginCusBtn {
    width: 100%; margin: 0px!important ;
   margin-bottom: 10px!important ;
}

 

.xs-customer-form p {color:#222; 
}
.vendor_login_signup {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

.g-recaptcha iframe{width:100%!important;}

.g-recaptcha textarea{width:100%!important;}

.form-separetor {
    position: relative;
    left: 50%;
    width: 100%;
    top: 36%;
    float: left;
    margin: 30px 0px 0px;
    display: block;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 100%;
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 0;
    font-size: 0.85714em;
    font-weight: 500;
    color: #222;
    background-color: #FFFFFF;
}

.btn:not([data-toggle="popover"])::before {
    content: '';
	left: -101px;}

.vendor_login p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 15px;
}

.forgotBtn {
    width: 100%!important;
    margin: 0px!important;
    margin-bottom: 10px!important;
}

.loginBtn {
    width: 100%!important;
    margin: 0px!important;
    margin-bottom: 10px!important;
}

.vendor_signup {
    padding-left: 15px;
}

	
.top_blk .menuLeft ul.mobile li a {font-size: 12px;}
.top_blk .menuLeft ul.mobile li:first-child {padding-left: 21px; padding-right: 15px;}
.top_blk .menuRight ul li a{font-size: 12px;}
.top_blk .menuRight ul li {font-size: 12px; padding: 0 5px 0 5px;}
 
.top_blk .menuRight ul li:nth-child(2) {border: none;}
	
.logo ul.cartUlMobil li a span {margin-bottom: 0px;}
.logo ul.cartUlMobil li {padding: 0 4px;}
.logo .logoImg {max-width: 100px!important;}
.searchMain .searchBox a.dropDown{display: none;}
	.searchMain .searchBox{padding-left: 11px; padding-right: 11px; position: relative;}
.searchMain .searchSec {height: 28px; width: 100%; border-left: none; padding: 0; }	
.searchMain .searchSec input[type="search"] {padding: 6px 10px 7px 10px; width: 100%;}
.searchMain .searchSec button[type="submit"]{width: 26px;height: 26px;position: absolute;margin: 1px 0 0 0;right: 1px;}
	
.btnResponsive {width: 10%; font-size: 20px; padding: 4px 0px; line-height: 19px;}
	
.logo ul.cartUlMobil li a span.txtName {font-size: 11px;}	
.logo ul.cartUlMobil li a img {max-width: 13px;}
.logo ul.cartUlMobil li {padding: 0 4px;}
.logo ul.cartUlMobil li a:hover span.txtName{font-size: 11px;}
.logo ul.cartUlMobil {padding-top: 3px;}
.logo .logoImg {max-width: 115px;}
	
.bannerSec {padding-left: 15px; max-width: 100%; padding-right: 15px;}
.bannerAddSec{display: none;}	
	
	
}



	
	