/*=========================== FONT FACE =========================*/
@font-face {
	font-family: 'Helvetica_light';
	src: url('font/HelveticaLTStd-Light.eot');
	src: url('font/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('font/HelveticaLTStd-Light.woff') format('woff'),
		url('font/HelveticaLTStd-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica_black';
	src: url('font/HelveticaLTStd-Blk.eot');
	src: url('font/HelveticaLTStd-Blk.eot?#iefix') format('embedded-opentype'),
		url('font/HelveticaLTStd-Blk.woff') format('woff'),
		url('font/HelveticaLTStd-Blk.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica_bold';
	src: url('font/HelveticaLTStd-Bold.eot');
	src: url('font/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/HelveticaLTStd-Bold.woff') format('woff'),
		url('font/HelveticaLTStd-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/*=========================== END FONT FACE =========================*/
/*=========================== RESET START =========================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body{position:relative;width:100%;height:100%;line-height:1;margin:0;padding:0;background:#eeeeee;/*font-size: 100%;*/font-family: 'Helvetica_light';color:#333;word-wrap:break-word;}:focus{outline:0;}ins{text-decoration: none;}del {text-decoration: line-through;}a,a:visited,a:hover{text-decoration:none;}.clear_fix{clear:both;display:block;height:auto;text-indent:-999em;line-height:0;font-size:0;}.add_fix:after{display:block;content:"";clear:both;}
/*============================ END RESET ===========================*/


.wrapall{}
	.centering {width:95%;margin:0 auto;}
	.main_banner {width:100%;background:#161616;position:fixed;}
	.logo {float:left;margin-top:20px;}
	.second_menu {float:right;}
	.second_menu li {display:inline-block;font-size:13px;}
	.box_menu .box_menu_left .second_menu ul li {color:#fff;}
	.box_menu_left .menu li:last-child a {margin:0;padding:0;}
	.second_menu li a {color:#757575;font-size:13px;}
	.box_menu {position:absolute;top:0;width:95%;z-index:7;margin:0 auto;left:0;right:0;}
	.menu {float:left;margin-right:35px;margin-top:20px;}
	.second_menu li img {vertical-align:middle;}
	.second_menu ul {float:left;}
	.second_menu .lang {margin-top:10px;}
	.second_menu .lang li a:hover, .second_menu .lang li a.active {color:#b30000;transition: all 0.3s ease;}
	.menu ul li {float:left;}
	.menu ul li a {margin-top:10px;display:block;color:#fff;font-size:16px;padding:13px 18px;font-weight:900;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.menu ul li a img {height:45px;margin-top:10px;}
	.menu ul li a:hover, .menu ul li a.active {color:#b30000;}
	.box_menu_left {float:right;}
	.overlay_banner {background:rgba(0,0,0, 0.5);width:100%;height:622px;position:absolute;top:0;z-index:6;}
	
	.latest_gal {background:white;border-bottom:1px solid #cccccc;width:100%;}
	.latest_gal h1 {font-size:32px;color:#000;float:left;display:block;margin-top:20px;}
	.latest_gal ul {float:right;}
	.latest_gal ul li {display:inline-block;padding:0 20px;}
	.latest_gal ul li a {color:#333;font-size:15px;display:block;padding:35px 0;border-bottom:3px solid transparent;font-size:18px;transition: all 0.3s ease;}
	.latest_gal ul li a:hover,.latest_gal ul li a.active {border-bottom:3px solid #b30101;color:#b30101;}
	.content_gal {padding:60px 0px 60px 0px;background:#eee;}
	.content_gal li {
		width:760px;
		/* -webkit-box-shadow: 0 8px 20px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 8px 20px 5px rgba(0,0,0,0.1);
		box-shadow: 0 8px 20px 5px rgba(0,0,0,0.1); */
		margin:0 10px;
	}
	
	.img_gal {height:400px;overflow:hidden;}
	.img_gal img {width:100%;}
	.archives .img_gal {height:250px;overflow:hidden;background:white;}
	.loadmore {border:1px solid #bdbdbd;padding:7px 35px;background:transparent;font-size:13px;color:#000;margin-top:30px;font-family:'Source Sans Pro';cursor:pointer;transition: all 0.3s ease;display:inline-block;}
	.loadmore:hover {background:#bdbdbd;color:#fff;}
	.separate {width:100%;background:white;text-align:center;}
	.separate img {display:inline-block;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;margin:-1px;margin-bottom:1px;}
	.separate img:hover {opacity:0.5;}
	.content_gal li .con_gal {background:#fff;padding:25px 25px;}
	.content_gal li .con_gal h1 {color:#222222;font-size:25px;margin-top:10px;font-weight:900;}
	.content_gal li .con_gal label {font-size:13px;color:#757575;}
	.floating_menu .box_menu_left .menu li a:hover, .floating_menu .box_menu_left .menu li a.active {color:#b30000;}
	
	.archives {background:#fafafa;width:96%;margin:0 auto;text-align:center;padding-top:90px;padding-bottom:50px;}
	.archives ul {margin-top:90px;}
	.archives h1 {color:#222222;font-size:45px;margin-bottom:20px;font-family:'Helvetica_bold';}
	.archives p {color:#616161;font-size:22px;letter-spacing:0px;display:block;width:600px;line-height:30px;margin:0 auto;}
	.archives li {display:inline-block;margin:10px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;width:30%;}
	.archives li .con_archives {background:#eeeeee;padding:15px;border-bottom:1px solid #d7d7d7;transition: all 0.3s ease;}
	.archives li:hover {
		-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
	.archives li .con_archives h1:hover {color:#b30101;}
	.archives li .con_archives h1 {color:#000;font-size:20px;margin-top:10px;letter-spacing:0px;text-align:left;height: 23px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.archives li .con_archives label {font-size:13px;color:#757575;text-align:left;display:block;}
	
	.annual {width:96%;margin:0 auto;text-align:center;padding-bottom:50px;}
	.annual h1 {color:#222;font-size:45px;font-family:'Helvetica_bold';margin-bottom:20px;}
	.annual p {color:#616161;font-size:22px;letter-spacing:0px;display:block;width:600px;line-height:30px;margin:0 auto;}
	
	.footer {background:#e0e0e0;width:100%;padding:15px 0;height:40px;}
	.footer p {color: #757575;font-size: 13px;margin-top: 12px;float: left;}
	.footer .box_sosmed {margin: 0 auto;text-align: center;position: absolute;left:0;right:130px;width: 175px;}
	.variable_width {position:relative;}
	.variable_width li .shadow2 {opacity:0; filter:alpha(opacity=0);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.variable_width .slick-active .shadow2 {opacity:1; filter:alpha(opacity=100);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.big_box {position: relative;top: 622px;background:#eeeeee;}
	.floating_menu {background:#f5f5f5;position:absolute;top:0;width:100%;margin:0;display:none;border-bottom:1px solid #cccccc;z-index: 7;}
	.floating_menu .logo, .floating_menu .box_menu_left .menu {margin-top:0;}
	.floating_menu .menu ul li a, .floating_menu .second_menu ul li a {color:#212121;}
	.parallax-window {background:transparent;}
	
	.totop{position:fixed;bottom:-120px;right:30px;z-index:10;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.totop.show{bottom:100px;}
	
	.variable_width .slick-next.slick-arrow {cursor:pointer;background-image:url(images/trigger2.png);background-repeat:no-repeat;background-position:center top;width:45px;height:45px;background-color:transparent;border:none;text-indent:-9999px;position:absolute;top:92%;right:46%;z-index:7;}
	.variable_width .slick-prev.slick-arrow {cursor:pointer;background-image:url(images/trigger2.png);background-repeat:no-repeat;background-position:center bottom;width:45px;height:45px;background-color:transparent;border:none;text-indent:-9999px;position:absolute;top:92%;left:46%;z-index:7;}
	.folow2 {position:absolute;bottom:-7px;}
	.box_bar {position:absolute;z-index:10;bottom:55px;left:0;right:0;margin:0 auto;}
	.big_box.galeri {padding-top:62px;top:0;}
	.archives.galeri {background:none;}
	.archives.galeri .con_archives {background:#fafafa;}
	.floating_menu.galeri {display:block;position:fixed;}
	.archives.galeri {width:90%;}
	.archives.galeri ul {margin-top:50px;}
	.archives.galeri h1 {text-align:left;}
	.archives.galeri p {text-align:left;margin:auto;width:auto;}
	.pull-left {float:left;}
	.pull-right {float:right;}
	.action_gal {width:98%;margin:0 auto;}
	.action_gal select {height:34px;border:1px solid #bdbdbd;background:#eeeeee;padding:0 10px;color:#212121;font-family: 'Source Sans Pro';cursor:pointer;margin-top: 70px;}
	.action_gal option {background:#fff;padding:0 10px;border-bottom:1px solid #e0e0e0;}
	.big_box.galeri .separate {background:none;}
	.archives.galeri {padding-top:30px;}
	
	.paging {width: 90%;margin:0 auto 40px;}
	.pagination {display: inline-block;padding: 0;margin: 0;float:right;}
	.pagination {display: inline;}
	.pagination a {font-size:14px;color: black;float: left;padding: 10px 13px;text-decoration: none;border-radius:20px;margin: 0 2px;}
	.pagination a.active {background-color:#fb1f1f;color: white;border-radius: 20px;}
	.pagination a:hover:not(.active) {background-color: #ddd;}
	
	.caraouhome_item .bar{width:88%;height:1px;position:absolute;right:130px;z-index:8;}
	.caraouhome_item .bar2{width:88%;height:1px;position:absolute;right:130px;z-index:8;background:rgba(255,255,255, 0.3);}
	.caraouhome_item .bar div{display:block;width:0px;height:1px;background:#b30000;-webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease;}
	.slick-active .bar div{width:100%;}

	
/* 	.powered {font-size:13px;color:#757575;float:left;}
	.powered img {vertical-align:middle;} */
	.about_page .separate img {width:100%;}
	.about {width:600px;margin:0 auto;padding:50px 0;}
	.about h1 {color: #222222;font-size: 40px;margin-bottom: 20px;font-weight: 900;}
	.about h3 {color: #000;margin-bottom: 20px;font-size: 20px;letter-spacing: 0px;display: block;line-height: 30px;}
	.about p {font-size: 13px;color: #000;text-align: left;line-height:20px;}
	
	.box_sosmed {}
	.box_sosmed .sharing {background:url(images/sharing.png)no-repeat;width:44px;height:44px;background-position:center center;display:block;cursor:pointer;float:right;margin-left:7px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
	.box_sosmed .sharing.rotate {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	.box_sosmed .social_media {float:left;margin-top:14px;}
	.box_sosmed .social_media span {background:url(images/icon-sosmed.png)no-repeat;display:block;cursor:pointer;float:left;margin-left:5px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
	.box_sosmed .social_media span:hover {margin-top:-4px;-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);}
	.box_sosmed .social_media .fb {width:25px;height:19px;background-position: 0 0;}
	.box_sosmed .social_media .tw {width:25px;height:19px;background-position: -42px 0px;}
	.box_sosmed .social_media .ig {width:25px;height:19px;background-position: -86px 0;}
	.box_sosmed .social_media .pi {width:25px;height:19px;background-position: -125px 0;}
		
	/* BANNER home_01 */
		.home_01{width:100%;min-height:622px;text-align:center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;background-position:center center;background-attachment:cover;background-size:auto 100%;}
			
			.caraouhome_item{width:100%;height:622px;position:relative;}
			.caraouhome_item .bg{width:100%;height:622px;background-position:center center;position:absolute;top:0;left:0;background-size:100%;background-repeat:no-repeat;background-size:125%;}
			.caraouhome_item .part_01{position:absolute;top:40%;left:0;right:0;opacity:0; filter:alpha(opacity=0);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;z-index:7;}
			.caraouhome_item .part_01 p {font-size:40px;color:#fff;font-family:'Helvetica_black';}
			.caraouhome_item .part_01 .readmore {border:1px solid #fff;padding:7px 35px;background:transparent;font-size:14px;color:#fff;margin-top:30px;font-family:'Source Sans Pro';transition: all 0.3s ease;cursor:pointer;display:inline-block;}
			.caraouhome_item .part_01 .readmore:hover {background:#fff;color:#333;}
			.caraouhome_item.slick-active .part_01{opacity:1; filter:alpha(opacity=100);position:absolute;z-index:7;}
		.caraou_home .slick-dots{position:absolute;bottom:60px;left:82px;right:0;margin:-20px auto;text-align:left;}
			.caraou_home .slick-dots li{display:inline-block;margin:0 3px;}
			.caraou_home .slick-dots button{width:50px;height:6px;background:#2e7271;border:none;text-indent:-999em;cursor:pointer;}
			.caraou_home .slick-dots .slick-active button{background:#ffc815;}
			
			.caraou_home .slick-next.slick-arrow{cursor:pointer;background-image:url(images/trigger.png);background-repeat:no-repeat;background-position:center top;width:45px;height:45px;background-color:transparent;border:none;text-indent:-9999px;position:absolute;top:88%;right:20px;z-index:7;}
			
			.caraou_home .slick-prev.slick-arrow{cursor:pointer;background-image:url(images/trigger.png);background-repeat:no-repeat;background-position:center bottom;width:45px;height:45px;background-color:transparent;border:none;text-indent:-9999px;position:absolute;top:88%;right:80px;z-index:7;}
			.fancybox-title-outside-wrap {position: relative;margin-top: 0;color: #000;background: white;padding: 17px 10px;font-family: 'Source Sans Pro';font-size: 14px;}
			.fancybox-close {width:41px;height:41px;top:1px;right: -41px;}
			.fancybox-next span {background-position: 0 -80px;}
			.fancybox-prev span {background-position: 0 -45px;}
			.download {background: url('images/buttondownload.png');width:30px;height:30px;background-repeat:no-repeat;text-indent:-99999px;display:block;position: absolute;right: 15px;bottom: 10px;}
			/* SPECIAL HOVER & LIST GALERI */
			
			.fancybox-type-iframe .download {display:none;}
			.ic_photo {background:url(images/photoicon.png)no-repeat;width:25px;height:19px;display:block;position:absolute;bottom:15px;right:15px;background-position:top;}
			.ic_video {background:url(images/photoicon.png)no-repeat;width:25px;height:19px;display:block;position:absolute;bottom:15px;right:15px;background-position:bottom;}
			.divider {font-size: 30px;line-height: 15px;}
			.breadcrumb ul {margin-top:0 !important;}
			.breadcrumb li {float: left;margin:0;margin-right:10px;width:auto;}
			.breadcrumb li a {color:#000;}
			.breadcrumb li a:hover {text-decoration:underline;box-shadow:none;}
			.breadcrumb li:hover {box-shadow:none;}
			.list_galeri {margin-top:20px !important;}
			.list_galeri li {width: 31.5%;background: black;float: left;display: inline;height:220px;}
			.hovereffect {width: 100%;height: 100%;overflow: hidden;position: relative;text-align: center;cursor: default;}
			.hovereffect .overlay {position: absolute;overflow: hidden;width: 75%;height: 65%;left: 10%;top: 10%; 			  border-bottom: 1px solid #bbb;border-top: 1px solid #bbb;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
			.hovereffect:hover .overlay {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1); 			  -ms-transform: scale(1);transform: scale(1);}
			.hovereffect img, .hovereffect iframe {display: block;position: relative;-webkit-transition: all 0.35s;transition: all 0.35s;width:100%;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
			.hovereffect:hover img, .hovereffect:hover iframe {filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.3" /><feFuncG type="linear" slope="0.3" /><feFuncB type="linear" slope="0.3" /></feComponentTransfer></filter></svg>#filter');filter: brightness(0.3);-webkit-filter: brightness(0.3);}
			.hovereffect h2 {margin-bottom:20px;text-transform: uppercase;text-align: center;position: relative; 			  font-size: 17px;background-color: transparent;color: #bbb;padding: 1em 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
			.hovereffect label {font-size:14px;cursor:pointer;border:1px solid #bbb;text-align: center;color: #bbb;padding: 0.7em 1em;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
			.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
			.shadow img {width:100%;}
			.hovereffect label:hover {background-color:#bbb;color:black;transition: all 0.5s ease;}
			
/*============== MEDIA QUERIES =================*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-size: 44px 170px;}
	.fancybox-close {right: -11px;}
}

@media screen and (max-width: 800px) {
	.main_banner {position:relative;}
	.shadow img {width:100%;}
	.big_box {top:auto;}
	.archives p, .annual p {width: 90%;}
	.archives li {width:45%;}
	.img_gal img {width:100%;}
	.about {width:90%;}
	.content_gal li {width:500px;}
	.variable_width .slick-next.slick-arrow {right:40%;}
	.variable_width .slick-prev.slick-arrow {left:40%;}
	.img_gal {height:auto;}
	.breadcrumb li {width:auto !important;}
	.breadcrumb li a {font-size:13px;}
}

@media screen and (max-width: 600px) {
	.logo {width: 100%;text-align: center;float:none;}
	.menu {float:none;margin-top:0;}
}

@media screen and (max-width: 480px) {
	.archives li {width:95%;}
	.footer {height:auto;padding-bottom: 30px;padding-bottom: 30px;}
	.footer p {text-align: center;margin-bottom: 20px;width:100%;float:none;margin-top:0;}
	.archives {padding-top: 30px;}
	.content_gal li {width:400px;}
	.logo img {height: 36px;float: left;}
	.menu ul li a {padding:9px;margin-top:0;font-size:14px;padding-top: 15px;}
	.menu {margin-right:0;}
	.box_menu_left .menu li:last-child img {height: 40px;}
	.floating_menu {padding:10px 0;}
	.caraouhome_item .bar2 {width:64%;}
	.caraouhome_item .bar {width:64%;}
	.caraouhome_item .bg {height:380px;}
	.caraouhome_item {height:380px;}
	.home_01 {min-height:auto;}
	.box_bar {bottom:35px;}
	.caraou_home .slick-next.slick-arrow, .caraou_home .slick-prev.slick-arrow {top: 86%;}
	.totop.show {display:none;}
	.caraouhome_item .part_01 p {font-size: 22px;}
	.action_gal select {float:left;margin-right:10px;}
	.menu ul li a img {margin-top:0;}
}

@media screen and (max-width: 360px) {
	.latest_gal ul li a {font-size: 16px;}
	.action_gal select {padding:0;margin-top: 20px;}
	.latest_gal ul li {padding: 0 15px;}
	.latest_gal h1 {text-align: center;width: 100%;font-size: 25px;}
	.latest_gal ul {float: none;width: 100%;}
	.annual h1, .archives h1 {font-size:30px;}
	.variable_width .slick-next.slick-arrow {right:35%;}
	.variable_width .slick-prev.slick-arrow {left:35%;}
	.content_gal li {width:300px;}
	.content_gal li .con_gal h1 {font-size: 18px;}
	.caraouhome_item .part_01 p {font-size:27px;}
	.caraouhome_item .part_01 p {font-size: 18px;}
	.caraouhome_item .bg {height:320px;}
	.caraouhome_item {height:320px;}
	.caraou_home .slick-next.slick-arrow, .caraou_home .slick-prev.slick-arrow {bottom:10px;top:auto;}
}
@media screen and (max-width: 320px) {
	.logo img, .box_menu_left .menu li:last-child img {height: 30px;}
	.menu ul li a {font-size:14px;}
	.content_gal li {width:270px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
}