@media only screen and (max-width:1600px){
 .form-section{margin-top:-68px}
 .punchline { left:9.3%}
}

@media only screen and (max-width:1440px){
.form-section{margin-top:-68px}
.punchline { left:5.3%}
.bhagvat-katha .content .right-video img{width:100%}
.play-btn {width:70px; height: 70px;}

.punchline{width:570px}
.punchline .text1,.punchline .text4{font-size:50px}
.punchline .text2, .punchline .text3 { font-size: 25px;}

}

@media only screen and (max-width:1366px){
.wrapper{width:1200px}
header { padding: 20px 0 30px 0;}
.logo { margin-top: 15px;}
.punchline {left:6.6%; top:12%}
.punchline .text1{ font-size:40px}
.punchline .text2{ font-size: 20px;}
.form-section{margin-top:-57px}
.bhagvat-katha .content .left-content p { font-size: 17px;}

.play-btn {top:0}
footer .copy { font-size:17px}
}

@media only screen and (max-width:1300px){
.wrapper{width:90%}
}

@media only screen and (max-width:1200px){
.wrapper { width:95%}
header { padding: 16px 0 20px 0;}
.logo img{width:230px}
.punchline {left:3%; top:10%}
.punchline .text1,.punchline .text4{font-size:30px}
.punchline .text2, .punchline .text3 { font-size: 18px;}
.form-section { margin-top: -38px;}
.bhagvat-katha .left-content .heading .text2, .registration-fees .right-content .heading .text2, .our-achievement .heading .text2{ font-size: 40px;}
form .form-fields p, .bhagvat-katha .left-content .para p, .registration-fees .right-content .para p, .our-achievement .heading .text3{ font-size: 18px;}

.play-btn {top:-20px;}
}

@media only screen and (max-width:1023px){
.wrapper { width:100%}
header{ padding: 16px 10px 20px 10px;}
.punchline { width:305px; left:20px; top:7%}
.form-section{ height: auto;}
form{ height: auto;}
form .form-fields { width:100%; height: auto; float: left;}
form .submitclass{width:100%; height: auto; float: left;}
form .submitclass input{ width: 100%; height: auto; text-align: center; font-size: 23px;}

form .form-fields .form-block {width:50%; margin-bottom: 10px;}
form .form-fields .form-block:nth-child(2n){float: right; padding-right: 0;}

.punchline .text1, .punchline .text4{font-size: 25px;}
.punchline .text2, .punchline .text3 {font-size: 14px;}

.bhagvat-katha { margin-top: 40px; margin-bottom: 40px; padding: 0 20px;}
.registration-fees{padding: 0 20px;}
.bhagvat-katha .left-content .heading .text2, .registration-fees .right-content .heading .text2, .our-achievement .heading .text2 { font-size: 30px;}
form .form-fields p, .bhagvat-katha .left-content .para p, .registration-fees .right-content .para p, .our-achievement .heading .text3 { font-size: 16px; line-height: 1.5;}

.bhagvat-katha .left-content .heading .text1, .registration-fees .right-content .heading .text1, .our-achievement .heading .text1 { font-size: 16px;}
.our-achievement .img{ margin-top: -40px;}
footer{ padding: 10px;}
footer .copy{ margin-top: 10px;}

.play-btn {top:-50px; width: 50px; height: 50px;}
}


@media only screen and (max-width:767px){
    .form-section { margin-top: -32px;}
    .bhagvat-katha .left-content { padding-right: 0; width:100%}
    .bhagvat-katha .right-video { width:100%}
    .registration-fees .right-content { width:100%; padding: 0;}
    .registration-fees .left-img img{ width:100%}
    .bhagvat-katha .left-content .para p, .registration-fees .right-content .para p{ margin-bottom: 20px;}
    .play-btn {top:20%; }

    form .form-fields p{width:auto; overflow: visible; white-space: normal; animation: none;}
    form .form-fields h6{width:auto; overflow: visible; white-space: normal; animation: none;}
	section{ overflow: hidden;}
}


@media only screen and (max-width:700px){
    .punchline{ text-align: center; left:0; right: 0; margin: 0 auto;}
    .punchline .text1, .punchline .text4 { font-size: 20px; text-align: center;}
    .punchline .text2, .punchline .text3{ text-align: center; display: inline-block;}
    .form-section { margin-top: -28px;}
    .punchline .text1{  -webkit-text-stroke-color:#ffffff;  -webkit-text-stroke-width:0}
    .punchline .text1 br{display: none;}
    .punchline .text4{ display: inline-block;}
    .punchline { width:325px}
    .punchline .text1, .punchline .text4 { padding: 0 10px;}



}

@media only screen and (max-width:600px){
.logo img { width:200px}
img.desktop{display:none}
img.mob{display:block}


.punchline .text1, .punchline .text4 {font-size: 25px;}


footer .copy{ width:100%; text-align: center; font-size: 13px;}
footer .social-icon{ width:100%; float:left; text-align: center;}
footer .social-icon ul { text-align: center; margin-top: 10px;}
footer .social-icon ul li{ float:none; display: inline-block;}
.form-field form .form-block {width:48.5%}
.play-btn {top:10%; }
}

@media only screen and (max-width:500px){
.logo { width:100%; text-align: center; margin-bottom: 10px;}
.bhagvat-katha { margin-top: 10px;}
.our-achievement .heading .text3{ padding: 0 10px;}
.donate-now { float: none; margin: 0 auto;}
.our-achievement { padding: 20px 0 0 0;}
.play-btn {top:3%; }
.form-field p{ text-align: center;}
footer .copy { font-size: 15px;}

form .form-fields, .bhagvat-katha, .registration-fees{ padding: 10px;}
.bhagvat-katha, .registration-fees { margin-bottom: 10px;}
.our-achievement { padding:0;}

.bhagvat-katha .left-content .para p, .registration-fees .right-content .para p, .our-achievement .heading .text3{font-size: 14px;}

.bhagvat-katha .left-content .heading .text1, .registration-fees .right-content .heading .text1, .our-achievement .heading .text1{ letter-spacing: 3px;}

.bhagvat-katha .para1 { margin-bottom: 20px; font-size: 14px;}



}

@media only screen and (max-width:414px){
.punchline { top:6%}
.play-btn { top:-10px}
.punchline .text1, .punchline .text4 { font-size:20px}

form .form-fields .form-block input, form .form-fields .form-block select{font-size: 13px;}
form .submitclass input{ line-height: 80px;}
.bhagvat-katha .left-content .heading .text2, .registration-fees .right-content .heading .text2, .our-achievement .heading .text2 { font-size: 23px;}

form .form-fields .form-block select{ background-position: 97% center;}

}


@media only screen and (max-width:375px){
    .play-btn { top:-25px}
    form .form-fields .form-block { width:100%;}

}

@media only screen and (max-width:320px){
    .play-btn { top:-45px}
}