

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

.grid-1280 { width:1280px;}

.blog-part-1 h3 {font-size:24px; }	

.blog-part-1 figure, .blog-part-1 .content-holder {height:490px;}
	
.blog-part-2 figure { height:220px;}	

.blog-part-2 .content-holder {height:400px;}
	
#video-left {width:67%;}

#video-right {width:33%;}
		
#video-left iframe {height:470px;}

#video-right iframe {height:220px; margin-bottom:25px;}

.blog-col-2 figure { height:420px;}

.blog-col-3 .la-box img {  margin-bottom: 10px;}	

.blog-col-3 .la-box h5 {  font-size: 14px;}
	
	.responsive-menu-icon {display: none;}
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.blog-col-2 figure { height: 375px;  }
	
.blog-part-1 figure, .blog-part-1 .content-holder {    height: 450px;  }	

.blog-part-4 figure, .blog-part-2 figure {    height: 200px;  }
.responsive-menu-icon {display: none;}
	
}




/*  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: none;}

.blog-col-2 {  width: calc(96% - 80px);}	

.blog-col-3 {   width: calc(96% - 80px); float: left; margin-top:30px; margin-left:93px;}
	
.blog-part-1 h2 {  font-size: 28px;}	
	
.blog-part-1 figure, .blog-part-1 .content-holder {    height: 350px;  }	

.blog-part-4 figure, .blog-part-2 figure {    height: 150px;  }
	
.blog-part-1 h3 {    font-size: 18px;  }	

.blog-part-1 .content-holder {    height: 350px;   padding: 20px;}

.blog-part-1 .content-holder p {font-size:14px; line-height:140%;}	

.blog-part-1 .col-5-of-7  {width:62%;}

.blog-part-1 .col-2-of-7  {width:38%;}
	
.blog-part-1 figure img {  width: 115%;}	

.blog-part-1 figure:hover img {  width: 130%;  margin: -8%;}

.blog-part-4 h4, .blog-part-2 h4 {  font-size: 18px;  line-height: 130%;}

.blog-part-2 .content-holder {    height: 450px;  }

.blog-part-5 .highlight-box a img {margin-top:0px;}

#video-left iframe {    height: 330px;  }

#video-right iframe {    height: 155px;    margin-bottom: 10px;  }

.blog-part-3 h3 {  font-size: 20px;}

.blog-body {background-size:auto 1000px; background-position:center top;}		
	
}




/*  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%;}	

	
.blog-col-2 figure { height: 300px;  }

.blog-col-2 h2 {  font-size: 32px;}

.blog-col-2 h3 {  font-size: 26px;}

body {  font-size: 14px;}

.blog-part-1 h2 {    font-size: 28px;  }

.blog-part-1 .col-5-of-7 {    width: 100%; margin-bottom:20px;  }

.blog-part-1 .col-2-of-7 {    width: 100%;   }

.blog-part-1 .content-holder {height:auto; display:table; width:100%; padding-bottom:100px;}	

.blog-part-2 h3 {margin-bottom:20px;}

.blog-part-2 .col-1-of-3, .blog-part-4 .col-1-of-3 {width:50%; margin-bottom:20px;}

.blog-part-4 figure, .blog-part-2 figure {    height: 185px;  }

.blog-part-1 figure img {    width: 100%;  }

.blog-part-1 figure {    height: 400px;  }
	
#video-left	 {width:100%; margin-bottom:30px;}

#video-left	iframe {height:450px;}

#video-right	 {width:100%;}

#video-right iframe {width:47%; height:180px; float:left; margin-right:5%;}

#video-right iframe:last-child {margin-right:0px;}

.blog-part-5 h3, .blog-part-4 h3 {  font-size: 24px;}

.blog-part-3 h3 {  width: 50%;  }

.blog-part-2 .content-holder {padding:20px; height:360px;}

.blog-part-4 .content-holder {padding:20px; height:200px;}

.only-mobile-view {display:inline-block;}

.blog-part-2 h3 {font-size:24px;}
	
.blog-body {background-size:auto 1000px; background-position:center top;}	
.responsive-menu-icon {display: none;}
	
}





/*  640px  */
@media all and (max-width: 767px) {
    .sitetitle{
    width:100%;

  }
     .sitetitle h2{ font-size: 28px;
    line-height: 37px; }

.grid-1280 { width:90%;}	
	
.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;} 
	
	
.blog-col-2 figure { height: 240px;  }
	
.blog-part-1 h2 {    font-size: 24px;  }	

.blog-part-1 figure {    height: 320px;  }

.tab button.active, .tab button {font-size:13px; padding:5px 10px;}	

.blog-part-2 figure {    height: 150px;  }

.blog-part-2 .content-holder {    padding: 20px;    height: 420px;  }
	
#video-left	iframe {height:320px;}	
	
#video-right iframe {width:100%; height:320px; float:none; margin-right:0;}

.responsive-menu-icon {display: block;}

	
	
}





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

.grid-1280 { width:90%;}	
	
.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%;}
	
	
.footer-desktop {display:none;}

.footer-mobile {display:block;}

.blog-col-2 figure { height: 150px;  }

.blog-col-2 h2 {  font-size: 28px;}

.blog-col-2 h3 {  font-size: 22px;}
	
	
.blog-part-5 .col-1-of-5 {width:50%; float:left;}

.blog-part-5 .highlight-box {border:1px solid #222; border-radius:20px;}

.blog-part-2 .col-1-of-3, .blog-part-4 .col-1-of-3 {width:100%;}

.blog-part-4 .content-holder {   height: auto;  }

.blog-part-5 {  margin-top: 20px;}

.blog-part-4 figure, .blog-part-2 figure {    height: 240px;  }

.blog-part-4 h3 {    font-size: 18px; margin-right:10px;  }

#video-left iframe, #video-right iframe {   height: 240px;  }

.blog-part-2 .content-holder {    height: auto;    padding-bottom: 100px;  }

.blog-part-1 figure {    height: 235px;  }

.blog-part-1 {  margin-top: 80px;}

.socialmedia-top {  float: left; margin-top: 20px;}

.socialmedia-top a {  display: inline-block;  margin-left: 0px; margin-right: 10px;}

.clear {max-height:10px;}
	
.responsive-menu-icon {display: block;}	
	
}




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

.grid-1280 { width:90%;}	
	
.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%;}	

.top-navigation {display:none;}


.blog-col-1 {  width: 40px;  float: left;  position: fixed;  left: 6px;}

.blog-col-2 {    width: 88%;    float: right; padding:20px;  border-radius: 15px;}

.blog-col-3 {    width: 96.6%;    float: right; padding:20px; margin: 0px; padding:20px 7px 20px 20px; border-radius: 15px;}
	
.blog-col-2 h2 {  font-size: 24px;}

.blog-col-2 h3 {  font-size: 20px;}

.blog-col-2 figure {    height: 130px;  }

.blog-details-holder {  margin-top: 80px;}

.back-button {font-size:0px; background-image:url(../images/back-arrow.png); background-repeat:no-repeat; background-position:center center; background-size:15px auto;}

.share span {display:none;}

.share a { height: 40px;}

.share a img {  width: 20px;}

.share a:hover img {width:25px;}

.share a:nth-child(2) {  border-radius: 5px 5px 0px 0px;}

.share a:last-child {  border-radius: 0px 0px 5px 5px;}

.blog-part-1 h2 {    font-size: 20px; }
	
.blog-part-1 figure {    height: 170px;  }	



.blog-part-4 figure, .blog-part-2 figure {    height: 170px;  }

#video-left iframe, #video-right iframe {    height: 170px;  }

.blog-part-4 h3 {    font-size: 16px;    margin-right: 10px;  }
	
.responsive-menu-icon {display: block;}
	
}



.top-navigation-mobile {width:88%; position:fixed; top:59px; background-color:#000; margin:0px; border-top:1px solid #ccc; z-index:102;border-radius: 20px;}

.top-navigation-mobile ul {margin:0px; padding:0px; width:100%;}

.top-navigation-mobile li {list-style:none; width:100%;}

.top-navigation-mobile a {width:100%; font-family:default; font-size:14px; letter-spacing:0px; margin:0px; padding:7px 10px; border-bottom:1px solid #ccc; display:block; color:#fff;}

.top-navigation-mobile  a:hover {background-color:#f5f5f5; color:#9a345c; font-weight:500; padding-left:15px;}

.top-navigation-mobile .current-page, .top-navigation-mobile .active {  border-bottom: 1px solid #ccc;}