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

}


@media screen and (max-width: 1500px) {
  .custom-checkbox label{padding-left: 16px;}
  .custom-checkbox label:before{width: 10px}
  .custom-checkbox.custom-radio input:checked + label:after{left: 3px;width: 5px;}
  .custom-checkbox input:checked + label:after{left: 4px;width: 2px;height: 6px;}
  .grid-section .swiper-slide{padding: var(--px-60);}
  .store-col .img-box img{border-radius: var(--px-40);width: 100%;height: 200px;object-fit: cover;}
	
}


@media screen and (max-width: 1200px) {
	.heroes-slide:before{transform-origin: 31px -33px;}
}

@media screen and (max-width: 1023px){
  .fashion-section{padding-left: 5%;padding-right: 5%;}
  .style-section, .csr-row{padding-left: 5%;}
  /* .custom-checkbox label:before{width: 9px;} */
  /* .custom-checkbox.custom-radio input:checked + label:after {width: 4px;height: 4px;top: 4.2px;left: 3.2px;}
  .custom-checkbox input:checked + label:after {top: 0px;left: 4px;width: 2px;height: 6px;} */
  .join-citi-section .content-box{width: 60%;}
  .join-citi-section{background-position: 84%;}

/*   .heroes-slide {padding: var(--px-60);} */
   
}


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


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

  p, li, .km-btn, .bread-crumb a, .bread-crumb span, .journey-container dl dd, .store-col .map-link, .vm-btn, .search-location .main-list li, .contact-us-section .link-box a, .loc-list select {font-size: var(--px-24);}

  .header-top p{font-size: var(--px-28);}
  .header .sm-container{grid-template-columns: var(--px-92) auto auto;}
  .menu-btn{width: 24px;height: 16px;position: relative;display: block;}
  .menu-btn span{display: block;width: 100%;height: 2px;background-color: var(--blue);}
  .menu-btn:before, .menu-btn:after{content: "";position: absolute;width: 100%;height: 2px;left: 0;background-color: var(--blue);transition: ease .5s all;}
  .menu-btn:before{top: 0}
  .menu-btn:after{bottom: 0;}
  .menu-btn.active span{display: none;}
  .menu-btn.active:after {top: 50%;transform: rotate(-45deg);}
  .menu-btn.active:before {top: 50%;transform: rotate(45deg);}

  .menu-bar{position: fixed;top: 100px;left: 0;right: 0;bottom: 0;background: #fff;display: block;padding: var(--px-60);transform: translateX(100%);transition: transform .3s linear;}
  .menu-bar.active{transform: translateX(0);}
  .menu-bar .parent-menu{display: block;}
  .menu-bar .parent-menu a{font-size: var(--px-40);padding: var(--px-40);display: block;}
  .sub-menu{position: static;width: 100%;transform: none;margin-top: 0;border-radius: var(--px-12);width: 80%;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20);}
  .menu-bar .parent-menu li{padding: 0;}
  .menu-bar .parent-menu  .sub-menu a{padding: var(--px-24) var(--px-40);}

  .slider-img{display: none !important;}
  .mob-slider-img{display: block !important;} 
  .desk-banner{display: none !important;}
  .mob-banner{display: block !important;}
  .mob-banner-slider{height: auto;opacity: 1;}
  .desk-banner-slider{display: none !important;}

  .fashion-section{padding-top: var(--px-92);padding-bottom: 0;}
  .style-section{padding: var(--px-92) 0;padding-left: 5%;}
  .reach-out-section{padding-top: var(--px-92);}

  .style-section .slick-slider .slick-track{display: flex;}
  .style-section .slick-slider .slick-track .img-box{height: 100%;}
  .style-section .slick-slider .slick-track .img-box img{height: 100%;object-fit: cover;}
  .style-section .image-container, .style-container{display: block;}
  .style-section .image-container{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
  .style-section figure figcaption{font-size: var(--px-48);bottom: var(--px-48);left: var(--px-92);}
  .style-section .heading02 {margin-bottom: var(--px-28);}

  .mob-flex{display: flex !important;flex-direction: column-reverse !important;}
  .mob-flex .img-box{width: 80%;margin: var(--px-68) auto 0;}
  .search-box{grid-template-columns: auto var(--px-32);column-gap: var(--px-24);}
  .fashion-section.mob-flex{flex-direction: column !important;}
  .reach-out-section .content-box{margin-top: 0;padding-left: 5%;padding-right: 5%;}
  .fashion-section .heading02 {width: 242px;margin-left: auto;margin-right: auto;}
  .reach-out-section .heading02 {width: 220px;margin-left: auto;margin-right: auto;}

  /* .usp-scrollbar{overflow: auto;padding-left: 5%;} */
  /* .usp-section{padding-bottom: 0;} */
  .usp-section dl{padding-top: var(--px-24);}
  .usp-section dl dt{ font-size: var(--px-80);}
  .usp-section dl dd{font-size: var(--px-24);}
  .usp-section .sm-container{column-gap: var(--px-72);width: 100%;margin-right: var(--px-32);display: grid;grid-template-columns: 1fr 1fr;margin-left: 0;margin-right: 0;padding-left: 5%;padding-right: 5%;}
  .usp-section dl::before{width: var(--px-92);height: var(--px-68);}
  .usp-section dl dd{width: max-content;}
  .summer-section{margin-top: 0;}

  .reach-out-section .img-box img{margin-left: 0;}

  .bread-crumb {margin-bottom: var(--px-60);}

  .about-section .sm-container{display: block;}
  .about-section .content-box{margin-top: var(--px-40);}
  .value-container{grid-template-columns: repeat(3, 1fr);row-gap: var(--px-40);}

  
  .csr-slider .csr-content{padding: var(--px-48) 5%;}

  .store-col figcaption{padding: var(--px-80) var(--px-32) var(--px-40) var(--px-32);}
  .store-col figcaption .address p{line-height: 1.25;}
  .store-col figcaption .heading04{font-size: var(--px-32);}
  .store-col figcaption .address{display: block;}
  .store-col .map-link{display: inline-block;margin-top: var(--px-20);}
  .store-col figcaption .address p {margin-top: var(--px-20);grid-template-columns: var(--px-40) auto;}
  .launch-slider .slick-prev, .grid-section .swiper-button-prev {left: calc(var(--px-36) * -1);/*height: var(--px-28);*/}
  .launch-slider .slick-next, .grid-section .swiper-button-next {right: calc(var(--px-36) * -1);/*height: var(--px-28);*/}

  /* .custom-checkbox.custom-radio input:checked + label:after{top: 7.2px;} */


  .footer .xsm-container{display: grid;grid-template-columns: 1fr 1fr;column-gap: var(--px-28);row-gap: var(--px-56); padding: var(--px-60) 0;}
  .footer .ft-box.contact-info, .frist-ft-box{grid-column: 1 / 3;}
  .footer br{display: none;}
  .footer .heading05{font-size: var(--px-36);}
  .footer .ft-box.contact-info p{line-height: 1.5;}
  .footer .mob-flex{row-gap: var(--px-80);}
  .footer .ft-logo{width: var(--px-140);margin-bottom: var(--px-28);}
  .footer .social-box{margin-top: var(--px-32);column-gap: var(--px-16);}
  .footer .ft-box.contact-info p{margin-top: var(--px-32);grid-template-columns: var(--px-40) auto;}
  .footer a{font-size: var(--px-24);}
  .footer .copy-right p, .footer .copy-right p a{font-size: var(--px-24);}

  .search-dropdown .selected-loc{width: auto;}
  .heroes-section .container{display: block;}
    .style-section, .fashion-section{padding-left: 5%;padding-right: 5%;}
  .fashion-section .content-box{margin-right: 0;}

   
}


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


@media screen and (max-width: 479px){
  
  p, li, .km-btn, .usp-section dl dd, .journey-container dl dd, .store-col .map-link, .vm-btn, .search-location .main-list li, .contact-us-section .link-box a{font-size: var(--px-32);}
  .heading02{font-size: var(--px-120);}
  .section {padding: var(--px-100) 0;}
  .usp-section dl::before{width: var(--px-112);height: var(--px-80);}
  .style-section, .fashion-section{padding-left: 5%;padding-right: 5%;}
  .fashion-section .content-box{margin-right: 0;}
  .usp-section dl dt{ font-size: var(--px-92);}
  .footer a{font-size: var(--px-28);}
  /* .mob-flex .img-box{width: 70%;} */

  /* .trending-row .banner-img{height: 200px;object-fit: cover;object-position: 64%;} */
  .value-container{grid-template-columns: repeat(1, 1fr);row-gap: var(--px-60);}
  .val-circle {width: var(--px-236);}
  .val-text {margin-top: var(--px-108);padding: var(--px-108) var(--px-48) var(--px-48)}
  .val-text .heading04{font-size: var(--px-88);position: relative;}
  .val-text p {margin-top: var(--px-20);}

  .csr-row{padding-right: 5%;display: block;}
  .journey-container{padding-top: 0;padding-bottom: var(--px-40);}
  .journey-container .journey-row{margin-top: var(--px-48);}
  .journey-container:before{left: 0;}
  .journey-container dl{width: 100%;text-align: left;align-items: center;}
  .journey-container dl dd{text-align: left;}
  .journey-container .journey-row:nth-child(even){text-align: left;}
  .journey-container .journey-row:nth-child(odd) dl{flex-direction: revert;}
  .journey-container .journey-row:nth-child(odd) dl dt:after{border-top-right-radius: var(--px-20);border-bottom-right-radius: var(--px-20);border-top-left-radius: 0;border-bottom-left-radius: 0;}
  .journey-container .journey-row:nth-child(odd) dl dt{padding-left: var(--px-140);padding-right: var(--px-18);}
  .journey-container dl dt:after{height: var(--px-68);margin-top: var(--px-24);}

  .category-section .l-container{grid-template-columns: repeat(2, 1fr);column-gap: var(--px-32);row-gap: var(--px-32)}
  .style-section .image-container{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}
  .recent-launch-section .launch-row{grid-template-columns: 1fr;}
  .store-container{grid-template-columns: 1fr;}
  /* .launch-slider .slick-prev, .grid-section .swiper-button-prev, .life-style-section .swiper-button-prev {left: calc(var(--px-32) * -1);height: var(--px-48);width: var(--px-28);}
  .launch-slider .slick-next, .grid-section .swiper-button-next, .life-style-section .swiper-button-next {right: calc(var(--px-32) * -1);height: var(--px-48);width: var(--px-28);} */
  .launch-slider .slick-prev, .grid-section .swiper-button-prev, .life-style-section .swiper-button-prev, .launch-slider .slick-next, .grid-section .swiper-button-next, .life-style-section .swiper-button-next, .join-citi-section .slick-arrow, .heroes-section .slick-arrow{width: var(--px-20);}
  .search-location .sub-list{width: 140px;}
  .join-citi-section .slick-arrow{bottom: calc(var(--px-48) * -1);}
  .join-citi-section .slick-dots, .heroes-section .slick-dots{bottom: calc(var(--px-44) * -1);}
  .heroes-section .slick-next{left: 61%;}
  .join-citi-section .slick-prev, .heroes-section .slick-prev{left: 26%;}
  .join-citi-section .slick-next{left: 70%;}

  .contact-us-section .contact-container{grid-template-columns: 1fr;row-gap: var(--px-112);}
  .contact-us-section .contact-container .contact-content .heading02 {width: 64%;margin: 0 auto;}
  .contact-us-section .link-box a{grid-template-columns: auto var(--px-40);}
  .contact-us-section .link-box{margin-top: var(--px-68);}
  .custom-checkbox.term-cond {font-size: var(--px-20);}

  .contact-us-section .contact-form .form-box {margin-top: var(--px-36);}
  .contact-us-section .contact-form .heading03 { font-size: var(--px-44);}
  /* .custom-checkbox.custom-radio input:checked + label:after {top: 8.2px;left: 3.5px;} */
  .contact-us-section .contact-form .input-row{grid-template-columns: 1fr;}
  .contact-us-section .contact-form .input-box input, .contact-us-section .contact-form .input-box textarea{padding: var(--px-12) var(--px-24);font-size: var(--px-32);}

  .passion-section .passion-container{display: block;}
  .passion-section .passion-container .img-box img {width: 70%;margin: 0 auto var(--px-68);}
  .passion-section .passion-container .heading02{margin: 0 auto;width: 70%;}
  .heroes-section .sm-container{display: block;}
  .heroes-section h2{text-align: center;margin-bottom: var(--px-60);}
  .heroes-section h2 span{display: inline-block;margin: 0}
  .join-citi-section .content-box{width: 100%;}

  .heroes-slide h5{font-size: var(--px-40);}
  .heroes-slide dl dt {font-size: var(--px-36);}
  .heroes-slide dl dd {font-size: var(--px-28);}

  .join-citi-section .join-item h5{font-size: var(--px-32);}
  .join-citi-section .join-item ul li, .loc-search input{font-size: var(--px-24);}
  .join-citi-section .join-item p {font-size: var(--px-20);}

  .search-location{margin-right: 0;}
  .loc-list{padding: 0 var(--px-18);line-height: 0;}
  .search-location .main-list li:after{right: var(--px-20)}
  .mob-flex .img-box{width: 100%;}
	
	 .join-citi-section {
        background-position: 77%;
    }
    .heroes-slide:before {
        transform-origin: 20px -21px;
    }
	
	.heroes-section .swiper-slide{display: block;}
	.heroes-section .swiper-slide div{display: none}
	.heroes-section .swiper-slide .heroes-slide{display: block;}
	.heroes-section .swiper-slide{padding: 0 10px;}
	.heroes-slide{box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
	#popmake-1394 form{grid-template-columns: 1fr;}
	#popmake-1394 form p:nth-child(6){grid-column: auto;}
	#popmake-1394 .wpcf7-form-control.wpcf7-submit.has-spinner{font-size: var(--px-32);}
	.privacy-policy-section h2{font-size: var(--px-40);}
	.privacy-policy-section p, .privacy-policy-section li{font-size: var(--px-28);}
		
}