.sale_spring_univers{
	width: 100%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    height: 650px;

}
.stickytech{
    display:none !important;
}
.offer_sale_spring .modal-body{
    padding:0px;
}
.sale_spring_univers img{
	width: 100%;
}
.offer_sale_spring .modal-dialog {
    max-width: 585px;
    margin: 1.75rem auto;
}
.spring_inner_image img{
	height: 200px;
    margin: 0px auto;
    max-width: 100%;
    width: auto;
}
.bottom_image_spring{
	top: -230px;
    position: relative;
    height: 400px;
}
.spring_inner_div{
        position: absolute;
    top: 0;
    padding-top: 52%;
    overflow: hidden;
    left: 0px;
    right: 0px;
}
.spring_inner_dtl{
	display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 20px;
    width: 100%;
    padding: 0px 40px;
}
.spring_inner_dtl_cnt{
	display: flex;
    align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    flex-wrap: wrap;
    flex-direction: column;
}
.spring_action a{
	    position: relative;
    margin: 0px;
    color: #ffffff;
    border: 2px solid #ffffff;
    background: #000000cf;
    z-index: 9;
    padding: 4px 15px 2px 15px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    display: block;
    /*width: auto;*/
}
.spring_action a:hover{
	background: #000;
	color: #fff;
}
.spring_action svg {
        border-radius: 0px;
    padding: 5px;
    height: 35px;
    width: 35px;
    margin-top: -1px;
    vertical-align: middle;
}
.spring_action svg path {
    fill: #fff;
}
.rotate_sale{
	width: 50%;
    margin: 0px auto;
    position: absolute;
    top: 0px;
    left: 26%;
        height: 52%;
    overflow: hidden;
    padding: 0px 20px;
}
.spring_inner_image{
	position: relative;
}
.tagline2{
	display: block;
}
.move{
	display: none;
}
.tagline1{
	display: none;
}
.move1{
	display: block;
}
.tagline7{
	display: none;
}
.move7{
	display: block;
}
.spring_inner_dtl_cnt p{
	font-size: 16px;
    font-weight: 800;
    background-color: #fff6;
    padding: 0px 5px;
    color: #000;
    margin-bottom: 5px;
}
.cross_btn_spring{
    position: absolute;
    top: 20px;
    left:20px;
    z-index:999;
    width:30px;
    cursor:pointer;
}
.sale_spring_univers_valid{
	position: absolute;
    bottom: 0px;
    background: #000;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 5px 5px;
}
.sale_spring_univers_valid p{
	margin-bottom: 0px;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
}
.offer_sale_spring .spring_inner_dtl {
    margin-top: 20px;
}
.spring_tag_line{
	position: absolute;
    right: 20px;
    top: 0px;
    text-align: right;
}
.spring_tag_line img{
	width: 70%;
}
.tagline3, .tagline4, .tagline5, .tagline6, .tagline8{
	display: block;
}
.move3, .move4, .move5, .move6, .move8{
	display: none;
}

.rotate_sale img{
	transform: perspective(600px) rotateX(15deg);
	margin-bottom: 150px;
}
#scroll-text {
  height: 100%;
  text-align: center;
  /* animation properties */
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  animation: marqueeTop 10s linear infinite;
}

@keyframes marqueeTop {
  0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes marqueeBottom {
  0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

/*spring_page_div*/
.spring_page_div{
	background-image: url(../img/offer/july-sale/Bg-CTA-Desktop.webp);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    flex-direction: column;
    padding: 30px 0px 15px;
    overflow: hidden;
}
.spring_page_div_top{
	display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 50px;
    width: 55%;
    margin: 0px auto;
        margin-bottom: 20px;
}
.spring_page_div_top_img{
	max-width: 70%;
}
.spring_page_div_images img{
	    width: 260px;
    border: 2px solid #fff;
        margin: 0px 10px;
}
.spring_page_div_images .slick-list {
    padding-bottom: 0px !important;
}
.spring_page_div_images{
	display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    margin-bottom: 0px;
    gap: 10px;
    /*-moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateY(100%);
  animation: my-animation 25s linear infinite;*/
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}
/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}
@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/**/

/*Spring Banner*/
.spring_page_banner{
	display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 2px;
    width: 100%;
    margin: 50px auto;
    margin-bottom: 0px;
    background: #000;
    overflow: hidden;
}
.spring_page_bannr_cmn{
	display: flex;
    align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    flex-direction: column;
    gap: 2px;
    height: 745px;
    overflow: hidden;
    width: 50%;
}
.spring_page_middle .sale_spring_univers {
    width: 670px;
    height: 745px;
}
.spring_page_bannr_cmn img{
	width: 100%;
}
.spring_page_middle{
	width: 50%;
}

.rotate_sale .slick-list {
    height: 100% !important;
}

.spring_page_middle .rotate_sale{
	height: 63%;
}
.spring_page_middle .spring_inner_div{
	z-index: 99;
	padding-top:72%;
}
.spring_page_middle .bottom_image_spring{
	z-index: 9;
}
.spring_page_middle .spring_inner_dtl_cnt{
    display: flex;
    align-items: center;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap;
    flex-direction: column;
}
.spring_page_middle .spring_inner_dtl {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    gap:0px;
}
.spring_page_middle .spring_inner_dtl_cnt p {
    margin: 0px;
    background-color: #fff0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.terms_cond_app p{
	font-size: 11px;
    font-weight: 600;
    padding: 0px 5px;
    color: #000;
    margin-bottom: 0px;
}
.terms_cond_app p span{
	display: block;
}
.spring_page_middle .sale_spring_univers_valid {
    bottom: 50px;
    background: #0000;
    z-index: 99;
    color: #000;
}
.spring_page_middle .sale_spring_univers_valid span{
	display: block;
}
.spring_page_middle .sale_spring_univers_valid p {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 12px;
    color:#000;
    line-height: 19px;
}
.spring_page_middle .rotate_sale img {
    transform: perspective(600px) rotateX(15deg);
}
.spring_page_middle .rotate_sale{
	width: 45%;
	left: 27%;
}
.spring_page_bannr_left .slick-list {
	transform:rotate(180deg);
}

.spring_page_bannr_left .slick-slide {
	transform:rotate(180deg);
}
.spring_gallery{
	width: 100%;
}
/*spring banner end*/
/*Spring sticky footer*/
.spring_sticky_main{
	    background-image: url(../img/offer/img/Sticky-Bg.gif);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 12px 0px 12px;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    background-color: #00d5cb;
}
.spring_sticky_main p{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
}
.spring_sticky_main p span{
	font-size: 22px;
    margin-right: 10px;
    text-transform: uppercase;
}
.spring_btn_sale {
    padding: 5px 0px;
    width: 35px;
    display: inline-block;
    height: 35px;
    vertical-align: middle;
    background: #000;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 0px;
}
.spring_btn_sale svg {
    vertical-align: super;
}
.offer_page_mobile{
	    display:none;
	}
	.offer_page_desktop{
	    display:flex;
	}
/**/
.offer_page_desktop .spring_inner_image {
        display:none;
    }
.sspringstickymain{
    display:none !important;
}
.rotate_sale .slick-vertical .slick-slide {
    padding: 0px 10px;
}
.text_div_sale{
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
}
.text_div_sale h2{
    font-size: 40px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px;
    /* font-family: "Rajdhani", sans-serif; */
    letter-spacing: 2px;
    line-height: 35px;
    font-weight: 800;
}
.text_div_sale .text_mid_sale{
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    margin: 0px;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: "Rajdhani", sans-serif;
    letter-spacing: 1px;
}
.text_div_sale .text_low_sale{
    font-size: 18px;
    color: #ffffffc7;
    font-weight: 400;
    margin: 0px;
    line-height: 20px;
}

.cmn_css_sale{
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    text-align: center;
    gap:6px;
}
.cmn_css_second{
    position: relative;
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    background-image: url(../img/offer/july-sale/bg-cover.webp);
    background-position: center;
    background-size: cover;
    gap: 0px;
    overflow: hidden;
}
.cmn_css_second:before{
    content: "";
    position: absolute;
    background-image: url(../img/offer/july-sale/bg-elements.webp);
    width: 100%;
    height: 75%;
    left: 0px;
    top: 0px;
    background-position: center;
    background-size: cover;
    z-index: 9;
    right: 0px;
}
.cmn_css_second .Title_imag img{
    width:300px;
}
.cmn_css_cmn{
    position: relative;
    display: flex;
    width: 25%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    gap:6px;
}
.cmn_css_cmn .slick-list {
    padding-bottom: 0px !important;
}
.cmn_css_cmn .slick-slider{
    margin-bottom:0px;
}
.cmn_css_cmn .slick-slide img{
    width:100%;
    height: 470px;
    object-fit: cover;
}
.video_sec_offer {
    scale: 2;
}
.cmn_css_cnt_mid{
    position: absolute;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    background-position: center;
    background-size: cover;
    gap: 0px;
    left:0px;
    right:0px;
    z-index: 10;
}
@media screen and (max-width: 4000px) and (min-width: 1100px)
{
    .spring_page_div_top_img {
        max-width: 450px;
    }
}
@media screen and (max-width: 1299px) and (min-width: 1080px)
{
	.spring_page_middle .sale_spring_univers {
	    width: 100%;
	}
	.spring_page_middle {
	    width: 100%;
	}
	.spring_page_middle .sale_spring_univers{
		height:640px;
	}
	.spring_page_bannr_cmn{
		height:640px;
	}
	.spring_page_middle .sale_spring_univers_valid{
		bottom:10px;
	}
	.spring_sticky_main p {
	    font-size: 18px;
	}
	.spring_sticky_main p span {
	    font-size: 22px;
	}
	.tagline4 .top_image_spring {
		height: 560px;
	}
	.tagline4 .bottom_image_spring{
		height: 340px;
	}
	.spring_page_middle .spring_inner_div{
		padding-top:450px;
	}
}
@media screen and (max-width: 1199px) and (min-width: 1080px){
    .cmn_css_first{
        display:none;
    }
    .cmn_css_second{
        width: 65%;
        height: 670px;
    }
    .cmn_css_third{
        width: 35%;
    }
    .cmn_css_second .Title_imag img {
        width: 250px;
    }
    .cmn_css_cmn .slick-slide img{
        height:332px;
    }
}
@media screen and (max-width: 1079px) and (min-width: 768px)
{
	.spring_page_bannr_right {
	  display: none;
	}
	.spring_page_bannr_cmn {
	    width: 26%;
	    height: 659px;
	}
	.spring_page_banner .sale_spring_univers{
		height: auto;
		width: 100%;
		height: 660px;
	}
	.spring_page_middle{
		width: 74%;
	}
	.spring_page_middle .sale_spring_univers_valid{
		bottom: 10px;
	}
	.spring_page_div {
	    background-position: left;
	}
	.tagline4 .top_image_spring {
		height: 550px;
	}
	.tagline4 .bottom_image_spring{
		height: 340px;
	}
	.spring_page_middle .spring_inner_div{
		padding-top:440px;
	}
	.spring_sticky_main p {
	    font-size: 16px;
	}
	.spring_sticky_main p span {
	    font-size: 19px;
	}
	.spring_sticky_main {
	    background-size: cover;
	    background-position: center;
	}
	.spring_page_div {
            background-size: cover;
    background-position: center;
	}
	.spring_sticky_main {
	    padding: 10px 10px 10px;
	   bottom: 52px;
	}
	.text_div_sale {
        gap: 10px;
    }
    .spring_page_div_images img {
        height: 150px;
    }
    .cmn_css_cmn{
        display:none;
    }
    .cmn_css_second {
        width: 100%;
        height: 550px;
    }
    .cmn_css_second .Title_imag img {
        width: 170px;
    }
    .cmn_css_third{
        display:flex;
        flex-direction: row;
        width:100%;
        padding:0px 3px;
    }
    .cmn_css_sale {
        flex-direction: column;
    }
    .cmn_css_third .slide_mob{
        width:50%;
    }
    .cmn_css_cmn .slick-slide img {
        width: 100%;
        height: 290px;
        object-fit: cover;
    }
    .sale_cmn_text p {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 20px;
    }
    .video_sec_offer {
        scale: 1;
    }
}	
@media screen and (max-width: 767px) and (min-width: 320px)
{
	.spring_inner_image img{
		height: 150px;
		width: auto;
	}
	.sale_spring_univers{
		height: 570px;
		width:100%;
	}
	.tagline2 .top_image_spring {
		height: 400px;
		object-fit:cover;
	}
	.spring_inner_div{
		padding-top: 240px;
		z-index:99;
	}
	.bottom_image_spring{
		z-index:9;
	}
	.spring_inner_dtl {
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	    gap:5px;
	}
	.spring_inner_dtl_cnt {
	    align-items: center;
	    align-content: center;
	    flex-direction: column;
	}
	.spring_tag_line img{
		width:50%;
		float:right;
	}
	.sale_spring_univers_valid{
		z-index:9;
		bottom: 0px;
	}
	.sale_spring_univers_valid{
		font-size: 9px;
	}
	.spring_page_div_images img {
	    width: 150px;
	}
	.spring_page_div_top {
	        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
        gap: 10px;
	}
	.spring_page_bannr_cmn{
		display: none;
	}
	.spring_page_middle {
	    width: 100%;
	}
	.spring_sticky_main p {
	   font-size: 14px;
        line-height: 18px;
	}
	.spring_sticky_main p span {
	    font-size: 14px;
	    display: block;
	}
	.spring_sticky_main {
	    background-size: cover;
	    background-position: center;
	}
	.spring_sticky_main {
	    padding: 10px 10px 10px;
	   bottom: 52px;
	}
	.spring_sticky_main {
	    text-align: left;
	    justify-content: flex-start;
	}
	.spring_btn_sale {
	    text-align: center;
	    position: absolute;
	    right: 15px;
	}
	.sale_spring_univers_valid p {
        font-size: 9px;
    }
    
	.spring_page_div {
            background-size: cover;
    background-position: center;
	}
	.offer_page_mobile{
	    display:block;
	}
	.offer_page_desktop{
	    display:none;
	}
    .offer_page_mobile .spring_inner_image {
        position: relative;
        margin-bottom: 20px;
    }
    .offer_page_mobile .spring_inner_dtl {
        padding: 0px 5px;
    }
    .offer_page_mobile .sale_spring_univers_valid {
        padding: 5px 17px;
    }
    .spring_inner_dtl {
        padding: 0px 5px;
    }
    .rotate_sale{
            width: 55%;
    left: 23%;
    padding: 0px;
    }
    .offer_sale_spring .modal-dialog {
        max-width: 93%;
    }
    .spring_page_div {
        margin-top: -6px;
        z-index: 999;
    }
    .text_div_sale {
        gap: 10px;
    }
    .text_div_sale .text_mid_sale {
        font-size: 22px;
        margin-top: 5px;
    }
    .text_div_sale .text_low_sale {
        font-size: 14px;
        line-height: 20px;
    }
    .cmn_css_cmn{
        display:none;
    }
    .cmn_css_second {
        width: 100%;
    }
    .cmn_css_second .Title_imag img {
        width: 100px;
    }
    .video_sec_offer {
        scale: 1;
    }
    .cmn_css_third{
        display:flex;
        flex-direction: row;
        width:100%;
    }
    .cmn_css_sale {
        flex-direction: column;
    }
    .cmn_css_third .slide_mob{
        width:50%;
    }
    .cmn_css_cmn .slick-slide img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
   
    .cmn_css_second:before {
        height: 96%;
    }
    
}
