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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
	
}
@media only screen and (max-width : 1200px) {
	h1{
		font-size: 36px;
	}
	.s1 ul, .s1 .form{
		width: 100%;
	}
	.final {
    background-size: 230%;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.s1 .img2 {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.final {
    background-size: 285%;
}
.s7 .img1{
	top: 30%;
}
.s7 .lbl {
    margin-top: 50px;
}
.s5 {
    padding-bottom: 400px;
    padding-top: 0;
}
.s4 .items ul {
    width: 50%;
}
.s4 .items {
    justify-content: left;
}
h2 {
    font-size: 26px;
}
.s3 .item,.s2 .item, .s2 p,.s2 img{
margin-bottom: 20px;
}
.s2 .desk{
	display: none;
}
.s2 .mob{
	display: block !important;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.logo{
	max-width: 150px;
}
body{
	font-size: 16px;
}
.s1 .img2{
	width: 70%;
}
.s3,.s9 {
    background-size: 165% 100%;
}
.s3 .img1,.s3 .img2,.s4 .img4,.s4 .img3,.s8 .img,.s10 .img,.s7 .img2{
	display: none;
}
.s5 {
    padding-bottom: 300px;
}
.s7{
	padding-bottom: 0;
}
.final {
    background-size: 350%;
}
}
@media only screen and (max-width : 600px) {
	.box-modal,.s10 .video,.s8 .items div, .s9 .items div,.s9 .dual div:first-child{
		width: 100%;
	}
	.box-modal_close{
		color: #000;
		right: 0;
	}
	.final {
    background-size: 500%;
}
button{
	width: 55%;
}
.s8 img,.s9 img{
	display: block;
	margin: 0 auto;
}
.s8 .items, .s9 .items{
	margin-bottom: 0;
}
.s5 {
    padding-bottom: 250px;
}
.s4 .img2,.s4 .img1{
	display: none;
}
.s4 .items ul {
    width: 100%;
}
.s4 ul>li, .s7 ul>li{
	margin-bottom: 10px;
}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
h1 {
    font-size: 24px;
}
body,.timer p{
	font-size: 14px;
}
.s1 .course {
    font-size: 16px;
}
.logo {
    max-width: 130px;
    margin-bottom: 10px;
}
.s1 .title{
	font-size: 20px;
}
.s1 ul>li {
    margin-bottom: 5px;
}
.newpr,del{
	font-size: 20px;
}
.s3, .s9 {
    background-size: 250% 100%;
}
h2 {
    font-size: 23px;
}
.s5 .img1 {
    width: 65%;
}
.s7{
	padding-top: 0;
}
button {
    width: 65%;
}
.s1 p {
    font-size: 14px;
}
}

/* 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) {

}