/*  1600px  */
@media all and (max-width: 1799px) {

.donate-and-sponsor {  background-position: 420px 130px;}

.popup-image { margin:auto; height:600px; }


}



/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {  height:560px; }

#mixedSlider .MS-content .item {  width: 32.33%; margin:0% 1.5% 0% 0%;}

#mixedSlider {  max-width:1300px;}

.slider .slider_left, .slider .slider_right {  top: 40%;}

.donate-and-sponsor {  background-position: 290px 130px;}
	
.donate-box {  margin-bottom: 80px;}	

.insidepage-banner {height:350px;}

.banner-image {width:380px;}

.insidepage-banner h1 {  padding-top: 11%;}

.popup-image { margin:auto; height:550px; }
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}

#mixedSlider {  max-width:1200px;}

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {  height:560px; }

.event-box a figure {  height: 460px;}	

.iskon-logo {  width: 260px;}

.donate-box figure {height:300px;}
	
}




/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.responsive-menu-icon {display: block;}
	
header.darker .top-navigation, .top-navigation {display:none; position:fixed; left:0px; top:65px; margin:0px; padding:0px; background-color:#f6f6f6; width:100%; padding:50px 20px 30px 20px; border-bottom:1px solid #ddd;}

header.darker .top-navigation a, .top-navigation a {display:block; margin:2px 0px; font-size:14px;  padding:12px; line-height:20px; border-radius:6px; margin-bottom:5px; background-color:#fff; border:1px solid #ddd; transition: all 0.9s ease-in 0s; color: #666; font-weight:500; width:100%;  }

header.darker .top-navigation a:hover, .top-navigation a:hover {  background-color:#f7b136; border:1px solid #cb8d21; color:#78520f; font-weight:600; transition: all 0.9s ease-in 0s;  }

footer .bold-para {width:100%;}	

header.darker .donate-button, .donate-button {  margin-top: 10px;  margin-bottom: 10px;  transition: all 0.5s ease-in 0s;  padding: 5px 30px; margin-right:40px;}

header.darker .logo img, .logo img {  width: 170px;  transition: all 0.5s ease-in 0s; z-index:10;}

header.darker .logo, .logo {top:0px; left:10px; position:absolute; }

.header-gap {  height: 65px;}

header, darker.header {  border-top: 4px solid #f7b136; border-bottom: 1px solid #ccc;}
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {  height:400px; }	

.event-box a figure {    height: 350px;  }

.event-box span  {line-height:25px; font-size:13px; padding:15px;}

.event-box span h4 {font-size:26px; margin-bottom:10px; }

body {  font-size: 14px;  font-weight: 400; line-height: 30px;}

h2 {font-size:36px;}

.divider-1 {  width: 150px;}

#about-left img, #about-right img {  margin-bottom: 30px;  width: 200px;}

#about-left p, #about-right p {  padding: 0px 20px;  height: 250px;}

.divider-2 {width:90px;}

.iskon-logo {float:none; display:block; margin:auto;}

.a-box {width:22%;}

.get-involved p {font-size:13px;}

#get-involved-box-3, #get-involved-box-3 p, #get-involved-box-3 strong {  text-align: left;  padding-left: 20px;}

#get-involved-box-1, #get-involved-box-1 p, #get-involved-box-1 strong {  text-align: right;  padding-right: 20px;}

.donate-and-sponsor .col-1-of-3  {width:50%;}

.donate-and-sponsor {  background-position: 290px 170px;}

.donate-box a {background-position:-400px}

.showcase {width:50%;}

.showcase.only-mobile {display:inline-block!important;}

footer {  background-position: -300px;}

#mixedSlider .MS-content .item {width:46%; margin:2%;}

.donate-and-sponsor {  background-position: 190px 180px;}

.donate-box {  margin-bottom: 80px;}


.insidepage-banner {height:270px;}

.banner-image {width:300px;}

.insidepage-banner h1 {  padding-top: 11%; font-size:36px; padding-left:0px;}

.color-box {padding:40px;}	

#video-thumbnails .item {  width:48%; border-radius:10px; margin:1%;  }

#video-thumbnails .item img {display:block; width:100%; border-radius:10px;}


.popup-image { margin:auto; height:450px; }
	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

	
header.darker .donate-button, .donate-button {margin-right:50px;}

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {  height:350px; }	
	
.events .col-1-of-3 {width:100%; float:none; display:block; margin:20px auto 90px auto; max-width:440px; }	
	
.event-box a figure {height:540px;}

#about-left, #about-right {width:100%;}

.vertical-divider {display:none;}

#about-left p, #about-right p {height:auto;}

.a-box {    width: 46%;    margin: 2%;  }

#get-involved-box-1, #get-involved-box-2, #get-involved-box-3 {width:100%; text-align:center; background-image:none; border:1px solid #f7b136; padding:20px; max-width:400px; margin:auto; float:none; margin-bottom:30px; border-radius:10px;}

#get-involved-box-1 p, #get-involved-box-2 p, #get-involved-box-3 p {width:100%; text-align:center; padding:0px;}

#get-involved-box-1 strong, #get-involved-box-2 strong, #get-involved-box-3 strong {width:100%; text-align:center;}

#get-involved-box-1 .yellow-button, #get-involved-box-3 .yellow-button {margin:10px auto; float:none; }

.get-involved {  padding: 450px 0px 30px 0px;}

.online-icon img {  width: 150px;}

.spiritual-resources .col-1-of-6 {background-image:none;}

.online-icon { border:1px solid #ddd; padding:20px; margin-bottom:20px; border-radius:10px;}

.spiritual-resources {  padding: 0px 0px 20px 0px;}

.footer-links a { font-size: 13px;}

footer {    background-position: -420px;  }

.video-gallery {  padding: 40px 0px 20px 0px;}

.divider-1 {    width: 150px;    margin: 10px auto;  }

.events {  padding: 60px 0px 0px 0px;}

.donate-and-sponsor .col-1-of-3 {    width: 50%;  }

.donate-box figure {    height: 360px;  }

.donate-box a {    background-position: -440px;  }

footer {background-image: url(../images/footer-bg-mobile.jpg); background-position:center 0px; background-size:640px auto;}

#footer-empty-area {width:100%; height:300px;}

footer .col-1-of-2 {width:100%; text-align:center;}

footer .bold-para, footer h2, footer p {text-align:center; display:block; padding:0px 50px;}

h2 {    font-size: 30px;  }

footer .yellow-button {float:none; padding:5px 20px;}

.newsletter {  width: 340px;  margin: auto;}

.donate-and-sponsor { background-position: 100px 200px;}

.donate-box {  margin-bottom: 70px;}

.insidepage-banner {height:230px;}

.banner-image {width:250px;}

.insidepage-banner h1 {  padding-top: 12%; font-size:36px; padding-left:0px;}

.a-box {border-radius:15px; height:425px;}	

.color-box {padding:30px;}

.spiritual-resources.inside {padding-top:50px;}

.popup-image { margin:auto; height:400px; }

}



/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {  height:300px; }		

.slider .slider_left, .slider .slider_right {    top: 36%;  }

.event-box a figure {    height: 500px;  }

.donate-and-sponsor .divider-1 {margin:10px auto;}

.donate-and-sponsor h2, .donate-and-sponsor .bold-para {text-align:center; width:100%;}

.donate-and-sponsor .divider-1 {margin:10px auto;}

.donate-and-sponsor .col-1-of-3 {    width: 100%;  }

.donate-box figure {    height: 560px;  }

.book {    border: 1px solid #ddd;    margin-bottom: 10px;    padding-bottom: 30px;    border-radius: 15px;  }

.spiritual-resources .col-1-of-4 {background-image:none; }

.donate-and-sponsor .bold-para {margin-bottom:300px;}

.donate-and-sponsor {    background-position: 48% 200px;  }

.insidepage-banner {height:180px;}

.banner-image {width:200px;}

.insidepage-banner h1 {  padding-top: 12%; font-size:32px; }

.a-box {border-radius:15px; height:375px;}	

.three-buttons a {margin:10px auto;}	
	
.popup-image { margin:auto; height:320px; }	

.textbox1 { width:100%; margin:5px 0px; max-width:300px;   }

.submit-button { width:100%; margin:5px 0px; max-width:300px; background-image: url(../images/blue-button2.png);  background-position: -300px center; margin-bottom:10px;    }


	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
	
.bold-para {width:100%;}

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {  height:250px; }			

.slider .slider_left img, .slider .slider_right img {  width: 35px;}

.events {    padding: 30px 0px 0px 0px;  }

.book img {  width: 80%; margin: auto;}

.spiritual-resources .col-1-of-4 {background-image:none;}

.online-icon {   margin-bottom: 10px;  }

.get-involved {    padding: 450px 0px 10px 0px;  }
	
.donate-box figure {    height: 300px !important;  }	

.donate-box {  margin-bottom: 60px;}

.showcase {    width: 100%;  }

#mixedSlider .MS-content .item {width:90%; margin:5%;}

.yellow-button {margin:0px auto 20px auto;}

footer .bold-para, footer h2, footer p {   padding: 0px 30px;  }
	
.insidepage-banner {height:140px;}

.banner-image {width:160px;}

.insidepage-banner h1 {  padding-top: 12%; font-size:32px; }

.a-box img {  margin-bottom: 5px; }

.a-box:hover img {  margin-bottom: 0px; }

.a-box span {  font-size: 13px;  padding-top: 15px; height:70px;}
	
.a-box {border-radius:10px; height:275px;}	

.hare-krishna-text {display:none; margin:auto; max-width:100%;}

.hare-krishna-text-2 {display:block; margin:auto; max-width:80%; margin-bottom:20px;}

.listing2 {  max-width:90%;}

.three-buttons a {margin:5px auto;}	

#video-thumbnails .item {  width:94%; border-radius:10px; float:none; margin:2% auto; display:block;  }

#video-thumbnails .item img {display:block; width:100%; border-radius:10px;}

.popup-image { margin:auto; height:280px; }		
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	

header.darker .logo, .logo {    top: 0px;    left: 0px;    position: absolute;    width: 120px;  }	

header.darker .logo img, .logo img {    width: 130px;    transition: all 0.5s ease-in 0s;    z-index: 10;    display: block;    margin: auto;    position: relative;  }

header.darker .donate-button, .donate-button {    margin-right: 52px;    float: right;    font-size: 13px;    padding: 5px 15px;  }

header.darker .top-navigation, .top-navigation {padding: 30px 20px 20px 20px;}

.event-box a figure {    height: 390px;  }

.bold-para {  line-height: 160%;}

.assoicates {  padding: 40px 0px;}

.a-box {border-radius:10px; height:275px;}

.sub-heading {background-image: url(../images/sub-heading-bg2.png); font-size: 15px; letter-spacing:1px;}

.book  {border:1px solid #ddd; margin-bottom:20px; padding-bottom:30px; border-radius:15px;}

.spiritual-resources .col-1-of-6 {width:50%; float:left;}

.online-icon img {    width: 100px;    padding: 10px;  }

.online-icon:hover img {padding:0px;}

.get-involved {background-size:400%; padding: 350px 0px 10px 0px;}

.yellow-button { line-height:25px;}

.donate-box figure {  height: 300px;  }

.donate-box a {border-radius:10px; padding:15px; }

.donate-box.last span {  font-size: 11px;}

.online-icon span {font-size:12px;}

.book img {    width: 100%;    margin: auto;  }

.copyright {  font-size: 11px;  letter-spacing: 1px;}

.footer-links a {    font-size: 12px; margin:1px;  }

.footer-bottom-part {  margin-top: 20px;}

.newsletter {    width: 300px;    margin: auto; padding:20px;  }

.subscribe-textbox {  padding: 10px 0px 10px 20px;  width: 200px;  height}

.newsletter strong {  margin-top: 10px;}

footer .bold-para, footer h2, footer p {    padding: 0px 0px;  }

h2 {    font-size: 24px;  }

footer {    background-position: -105px 0px;  }

.donate-box a {  line-height: 200%; font-size:18px;}

.donate-and-sponsor {  padding: 40px 0px 0px 0px;}

.donate-box {margin-top:20px;}

.donate-and-sponsor {    background-position: 70px 20px; padding-top:350px;  }

.clear {max-height:20px;}

.iskon-logo {    margin-top: -40px;  }

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {  height:640px; }			

.banner-1 {width:100%; height:640px; background-image:url(../images/banner-1-m.jpg); background-position:center center; background-size:cover;}
.banner-2 {width:100%; height:640px; background-image:url(../images/banner-2-m.jpg); background-position:center center; background-size:cover;}
.banner-3 {width:100%; height:640px; background-image:url(../images/banner-3-m.jpg); background-position:center center; background-size:cover;}
.banner-4 {width:100%; height:640px; background-image:url(../images/banner-4-m.jpg); background-position:center center; background-size:cover;}
.banner-5 {width:100%; height:640px; background-image:url(../images/banner-5-m.jpg); background-position:center center; background-size:cover;}
.banner-6 {width:100%; height:640px; background-image:url(../images/banner-6-m.jpg); background-position:center center; background-size:cover;}


.slider .slider_left, .slider .slider_right {    top: 45%;  }

.donate-and-sponsor .bold-para {    margin-bottom: 20px;  }

.aboutus {  padding: 40px 0px 40px 0px;}


.insidepage-banner {height:250px; margin-bottom:120px;}

.banner-image {width:100%; float:none; margin:auto; display:block; position:absolute; margin-top:-20px; left:0px;}

.insidepage-banner h1 {  padding-top: 20%; font-size:32px; text-align:center; display:block; float:none; }

.a-box img {  margin-bottom: 17px; }

.a-box:hover img {  margin-bottom: 14px; }

.hare-krishna-text-2 { max-width:100%; }

.color-box {padding:20px;}

.color-box .justify {text-align:center;}

.insidepage-content h3  {font-size:22px;  }

.listing2 {  max-width:88%;}

.three-buttons a {margin:5px auto;}

.donate-and-sponsor {    background-position: 70px 50px;    padding-top: 350px;    background-size: 200px;  }

.insidepage-banner h1 {font-size:30px;}

.spiritual-resources.inside {padding-top:50px;}

.a-box span {    font-size: 13px;    padding-top: 15px;    height: 100px;    padding: 12px;  }

.popup-image { margin:auto; height:500px; }		

#small-form img {display:block; width:90%; margin:auto;}

.submit-button  {margin-bottom:35px;}

}