@media only screen and (max-width: 1299px) {
.nav-bar li { font-size: 18px; }	

.inner_banner { min-height: 480px; margin:40px 0 0; }

.heading_part h1 { font-size: 50px; }

	}
	

@media only screen and (max-width: 1250px) {
.list_box .text_box h3 { font-size: 22px; line-height: 24px; }
}

@media only screen and (max-width: 1150px) {
.nav-bar li { font-size: 15px; }

.banner .banner_caption .wrapper { padding: 0 15px; }

.caption_cont h1 { font-size: 90px; line-height: 94px; }
.caption_cont h1 span { font-size: 32px; line-height: 36px; }
.caption_cont a.acc_logo { margin-top: 40px; }

.mid_sec .left_sec{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.mid_sec .right_sec{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

.listing .list_box:last-child{ padding-bottom:20px;}

.left_sec .img_box { min-height: 500px; }
.left_sec .img_box h3 { padding: 30px 15px 30px 20px; font-size: 32px; line-height: 36px;}
.left_sec .video_box .img_box h3{ padding:30px 15px 30px 8px;}
.left_sec .img_box span.read_more { font-size: 22px; line-height: 26px; }
.left_sec .img_box span.read_more:after { top: 13px; }


.left_sec .video_box .img_box a.more:after { background-position:center 105px; }


.list_box .text_box h3 { font-size: 18px; line-height: 22px; }
.list_box .text_box h3 span { font-size: 14px; line-height: 18px; }	


.inner_banner { min-height: 450px; margin:36px 0 0; }
.heading_part h1 { font-size: 48px; letter-spacing:3px; }
	
}


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

.caption_cont h1 { font-size: 80px; line-height: 84px; letter-spacing:10px; }
.caption_cont h1 span { font-size: 28px; line-height: 32px; }
.caption_cont a.acc_logo { width: 280px; /*margin-left:-25px;*/ margin-top:30px; }
.caption_cont a.scroll_for_more { width: 80px; }


.mid_sec .left_sec{ width:calc(100% - 320px); margin:-34px 0 0; }
.left_sec .img_box { min-height: 450px; }
.left_sec .img_box .img_part{height: calc(100% - 40px);}
.left_sec .img_box h3 { font-size: 28px; line-height: 32px; padding: 20px 10px; }
.left_sec .video_box .img_box h3{ padding:20px 10px 20px 4px; width:calc(100% - 132px);}
.left_sec .img_box span.read_more { font-size: 21px; line-height: 24px; padding: 10px 15px 10px 25px; }
.mac-os .left_sec .img_box span.read_more{ padding: 13px 15px 6px 25px;}

.left_sec .video_box .img_box span.read_more{width:132px; padding:10px 15px 10px 23px;}
.mac-os .left_sec .video_box .img_box span.read_more{ padding:14px 15px 6px 23px;}
.left_sec .img_box span.read_more:after { top: 10px; }


.left_sec .video_box .img_box { border: 8px solid #000; }
.left_sec .video_box .video_thumbs { border-bottom: 8px solid #000; border-left: 4px solid #000; border-right: 4px solid #000; }
.video_box .video_thumbs .video_thumb { border-left: 4px solid #000; border-right: 4px solid #000; }

.left_sec .video_box .img_box a.more:after { background-position:center 100px; }


.mid_sec .right_sec{ width:320px; }  
.listing .list_box { padding: 15px 10px; }  
.listing .list_box:last-child{ padding-bottom:15px;}

.listing .list_box .img_part{ margin: 0 10px 0 0;}
.listing .list_box .text_box { width: calc(100% - 110px); }

.heading_part h1 { font-size: 40px; letter-spacing: 2px; line-height: 44px; padding: 25px 20px 0; }
.content_part h2 { padding: 54px 0 30px; }

.bodycontent blockquote { font-size: 25px; line-height: 40px; padding:25px 95px 25px 95px;}
.mac-os .bodycontent blockquote{ padding:28px 95px 22px 95px; }

}


@media only screen and (max-width: 991px){ 
#layout { padding: 72px 0 0; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 10px;}
header a.paid_logo { margin: 0 auto 0; padding: 2px 5px 1px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }


.nav-bar { position: absolute; top: 100%; left: 0px; border-top-width: 2px; display: none; }
	.nav-bar li { width: 100%; float: none; border: 0px; border-top: 1px solid #d3d3d3; text-align: left; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transform: translateY(60%); -webkit-transform: translateY(60%); -moz-transform: translateY(60%); -ms-transform: translateY(60%); -o-transform: translateY(60%); opacity: 0; }
	.nav-bar.show li { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; opacity: 1; } 
	.nav-bar.show li:nth-of-type(1) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.8s; }
	.nav-bar.show li:nth-of-type(2) { transition-delay: 1s; -webkit-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s; }
	.nav-bar.show li:nth-of-type(3) { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; -moz-transition-delay: 1.2s; }
	.nav-bar.show li:nth-of-type(4) { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; -moz-transition-delay: 1.5s; }
	.nav-bar.show li:nth-of-type(5) { transition-delay: 1.8s; -webkit-transition-delay: 1.8s; -ms-transition-delay: 1.8s; -o-transition-delay: 1.8s; -moz-transition-delay: 1.8s; }
	.nav-bar.show li:nth-of-type(6) { transition-delay: 2.1s; -webkit-transition-delay: 2.1s; -ms-transition-delay: 2.1s; -o-transition-delay: 2.1s; -moz-transition-delay: 2.1s; }	
	a.menuToggle { display: block; } 
	.nav-bar ul { opacity: 1; }
	.nav-bar li a { padding: 12px 20px 12px 20px; }
	.mac-os .nav-bar li a { padding: 15px 20px 9px 20px; }
	.nav-bar li { font-size: 18px; line-height: 20px; }

.inner_banner { min-height: 400px; margin:0 0 0; }

}

@media only screen and (max-width: 890px) {
.heading_part h1{ min-width:0; width:100%;}
}

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


.banner .banner_caption .wrapper { padding: 0 10px; }
.caption_cont h1 { font-size: 65px; letter-spacing: 8px; line-height: 69px; }
.caption_cont h1 span { font-size: 23px; line-height: 27px; }
.caption_cont a.acc_logo { width: 230px; /*margin-left:-20px;*/ }
.caption_cont a.scroll_for_more { width: 70px; }

.mid_sec{ padding:15px 0 0; }
.mid_sec .left_sec { margin: 0 0 0; width: 100%; }
.left_sec .img_box .img_part{height: calc(100% - 36px);}
.left_sec .img_box h3 { width: calc(100% - 105px); }
.left_sec .video_box .img_box h3{ width:calc(100% - 102px);}
.left_sec .img_box span.read_more { padding: 7px 10px; width:105px; }
.mac-os .left_sec .img_box span.read_more{ padding: 10px 10px 3px 10px;}

.left_sec .video_box .img_box span.read_more{width:102px; padding:7px 10px 7px 7px;}
.mac-os .left_sec .video_box .img_box span.read_more{ padding:11px 10px 3px 7px;}

.left_sec .img_box span.read_more:after { right: 10px; top: 7px; }
.left_sec .video_box .img_box span.read_more:after{ right:5px; }

.left_sec .video_box .img_box a.more:after { background-size:114px; }
.video_box .video_thumbs .video_thumb a { background-size:55px; }
.left_sec .video_box .img_box { border: 4px solid #000; }
.left_sec .video_box .video_thumbs { border-bottom: 4px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; }
.video_box .video_thumbs .video_thumb { border-left: 2px solid #000; border-right: 2px solid #000; }


.mid_sec .right_sec { float:left; width: 100%; }


footer { padding: 15px 0 10px;}
footer ul li { padding: 0; width: 100%; background:none;}
footer ul li a { display: inline-block;}

/*.vid_box { padding: 50px 20px 0; }*/
a.vid-close::before { height: 35px; width: 3px; }
a.vid-close::after { height: 35px; width: 3px; }


.inner_banner { min-height: 300px; }

.heading_part { position: static; }

.content_part { padding: 0 15px; }
.content_part.colored_bg { margin: 10px 0 20px; padding: 15px 15px 0; }

.bodycontent blockquote { margin: 15px 0 25px; padding: 15px 40px; font-size: 20px; line-height: 30px; letter-spacing: 1.27px; }
.mac-os .bodycontent blockquote{ padding: 18px 40px 12px 40px;}
.bodycontent blockquote:before, .bodycontent blockquote:after { width: 400px; }

.content_part h2 { padding: 25px 0 20px; font-size: 16px; line-height: 24px; }

.content_part h2 span.first_letter { font-size: 80px; line-height:80px; letter-spacing: 8px; margin: -8px 0 -10px; }
.mac-os .content_part h2 span.first_letter{ margin:5px 0 -20px;}

.content_part h3 { font-size: 26px; letter-spacing: 1px; line-height: 30px; padding: 0 0 15px; }

.content_part p { font-size: 16px; line-height: 24px; padding: 0 0 15px; }
.content_part p strong { font-size: 20px; letter-spacing: 1px; line-height: 24px; }


.ad_container .ad{ width:300px; margin:5px auto 20px; min-height:50px;}

span.sub_text{ font-size:18px; line-height:22px; padding: 10px 15px 0;}

}


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

.caption_cont h1 { font-size: 60px; line-height: 64px; letter-spacing: 4px; }
.caption_cont h1 span { font-size: 19px; line-height: 23px;}

.left_sec .img_box { min-height: 370px; }
.left_sec .img_box h3 { font-size: 24px; line-height: 28px; padding: 15px 10px; }
.left_sec .video_box .img_box h3{ padding: 15px 10px 15px 6px;}

.left_sec .video_box .img_box a.more:after { background-position:center 95px; }

.heading_part h1 { font-size: 32px; line-height: 36px; padding: 20px 20px 0; }

.heading_part h1 br{ display:none;}

.bodycontent blockquote { padding: 15px 20px; }
.mac-os .bodycontent blockquote{ padding: 18px 20px 12px 20px;}

}


@media only screen and (max-width: 480px) { 
header .header_inner { padding: 0 10px 10px; }
header ul.social_icon li { margin-left: 5px; }

.caption_cont h1 { font-size: 42px; letter-spacing: 2px; line-height: 46px; }
.caption_cont h1 span { font-size: 18px; line-height: 22px;}
.caption_cont a.acc_logo { width: 180px; /*margin-left:-15px;*/ }
.caption_cont a.scroll_for_more { width: 60px; }

.left_sec .img_box { min-height: 300px; }
.left_sec .img_box h3 { font-size: 20px; letter-spacing: 0; line-height: 24px;}

.left_sec .video_box .img_box a.more:after { background-position:center 60px; }

.video_box .video_thumbs .video_thumb { min-height: 100px; }

.inner_banner { min-height: 200px; }
.heading_part h1 { font-size: 25px; letter-spacing: 1px; line-height: 29px; padding: 15px 15px 0; }

.content_part h2 { padding: 20px 0 15px; }

.content_part h3 { font-size: 22px; line-height: 26px; padding: 0 0 10px; }

.bodycontent blockquote { font-size: 18px; letter-spacing: 1px; line-height: 28px; padding: 15px; }
.mac-os .bodycontent blockquote{ padding: 18px 15px 12px 15px; }
.bodycontent blockquote::before, .bodycontent blockquote::after { width: 290px; }

}

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

header a.logo { margin: 14px 0 0; width: 120px; }
a.menuToggle { margin: 0 0 0 -26px; }

}

@media only screen and (min-width: 992px) {
	.nav-bar { display: block !important; }
}