/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
	
}
@media only screen and (max-width : 1200px) {
	.s2,.s7{
		background-size: 160%;
	}
	.s2 button{
		margin: 15px 0; 
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.accordion,.box-modal,.s7 .info .item:first-child,.s7 .info .item:last-child,.s4 p{
		width: 100%;
	}
	.s7 button,.youtube{
		margin-top: 20px;
	}
	.s2, .s7 {
    background-size: auto 225%;
}
.s5 .col-sm-6{
	min-height: 455px;
}
.s1 .descr1 {
    position: relative;
    left: 0;
    width: 100%;
    margin-bottom: 20px;
    order: 3;
}
h1{
	    order: 2;
}
.mob{
	display: block !important;
}
.desk{
	display: none !important;
}
.s1 .descr2 {
    position: relative;
    left: 0;
    width: 100%;
    margin-top: 20px;
    margin-bottom: -20px;
    z-index: 0;
}
.s1 .img {
    bottom: 0;
    position: relative;
    display: block;
    margin: 0 auto;
}
.s2 {
    margin-top: -350px;
    padding-top: 150px;
    padding-bottom: 30px;
}
.s5 .item{
  width: 49%;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
}
@media only screen and (max-width : 600px) {
	.s2, .s7 {
    background: url('../img/mob_bg.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 80px;
}
.s1 .img{
	width: 100%;
}
.s2 {
    margin-top: -215px;
    
}
.s2 .content {
    min-height: initial;
    margin-bottom: 30px;
}
.s3 .item {
    width: 100%;
    z-index: 9;
}
.s3 {
    background: url('../img/s3_mob_bg.png') no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 0;
}
.s3 img{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 90%;
	margin-top: -60px;
	z-index: 0;
    margin-bottom: -65px;
}
.s5 .col-sm-6 {
    min-height: 520px;
}
.s6 ul>li {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    margin-left: 0 !important;
    width: 100%;
}
.s6 .item {
    width: 100%;
}
.s6 .item br{
    display: none;
}
.s6 img {
    position: relative;
    width: 85%;
    margin: 0 auto;
    bottom: 0;
    display: block;
}
.s6{
	padding-bottom: 125px;
}
.slick-prev, .slick-next{
    display: none !important;
}

}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	h2, .s2 h2,h2:not(.s2 h2){
		font-size: 39px;
		line-height: 1;
	}
	.s7 .info {
    border-radius: 0;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 30px;
    text-align: center;
}
.s7{
	padding-bottom: 0;
    margin-top: -220px;
}
.s8{
	background: #1E1E1E
}
.slick-prev:before, .slick-next:before{
	display: none;
}
body,.accordion .title_block{
	font-size: 14px;
}
.accordion .title_block{
	    padding: 15px 24px 15px 10px;
}
.accordion .title_block:before{
	top: 16px;
}
.s6 ul>li {
    padding: 16px 16px 16px 40px;
    font-size: 14px;
}
.s6 ul>li:before,.s7 ul>li:before {
    width: 35px;
    height: 35px;
    left: 0px;
}
.s5 ul{
	font-size: 12px;
}
.s5 .content {
    width: calc(100% + 30px);
    margin-left: -15px;
    border-radius: 0;
}
.s4 button:after{
	right: -50px;
}
.s4 h3 span{
	font-size: 34px;
}
.s4 h3{
    font-size: 18px;
}
.s3 h2,.s3 h3,h1,.s1 p:not(.form p){
	text-align: center;
}
h1{
	font-size: 45px;
}
h1 br{
	display: none;
}
.s1 button{
    display: block;
    margin: 0 auto;
}
.s7 button {
    padding: 25px 0;
    font-size: 30px;
    width: 100%;
}
.getting-started .dial{
    font-size: 40px;
}
.form .timer h3{
    text-align: center;
    width: 100%;
}
.getting-started {
    width: max-content;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}
.s1 p:not(.form p) {
    font-size: 17px;
    width: 100%;
}
.s1 .bonus p{
            width: 80% !important;
        text-align: left !important;
        margin-left: 10px;
        font-size: 14px !important;
}
    .s5 .col-sm-6 {
    min-height: 575px;
}
.s4 button:after {
    right: -30px;
}
.s6{
    background-size: auto 100%;
}
h1{
    font-size: 65px;
}
.s1{
    padding-top: 20px;
}
.s1 .descriptor{
    display: block;
    margin: 0 auto;
    width: 80%;
    margin-bottom: 10px;
}
.s1 button {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 15px;
}
.s1{
    background: url('../img/s1mobbg.png') no-repeat;
    background-size: cover;
}
.s2 img{
    width: 90%;
}
.s2 button,.s4 button, .s1 button{
    font-size: 27px;
}
.s3 h2{
    font-size: 45px !important;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 380px) {

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

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1920px) {

}