/* width : 1020px ----------- */
@media only screen and (max-width : 1020px),
only screen and (max-device-width : 1020px){

	.jqueryslidemenu, #container, #content > ul > li {width: 100%;max-width: 1020px;z-index: 9;}

	#slider, #slider li {width: 800px !important;margin: 0px auto;}
}


/* width : 850px ----------- */
@media only screen and (max-width : 850px),
only screen and (max-device-width : 850px){

	#slider, #slider li {width: 650px !important;}
}


/* width : 765px ----------- */
@media only screen and (max-width : 765px),
only screen and (max-device-width : 765px){

	body {overflow-y: visible;overflow-x: hidden;}
	.top_section {position: fixed;top: 0px;left: 0px;right: 0px;z-index: 999;background: rgba(0, 0, 0, 0.85);}
	.footerholder {position: relative;display: block;clear: both;width: 100%;}
	.footer {width: 100%;padding: 10px 0px;height: auto;display: block;clear: both;}

	.intro {padding: 10px 50px;}
    
    #banners {margin: 520px auto 0px;zoom: 0.8;-moz-transform: scale(0.8);}

	#container {top: 0px !important;}
	.logo {margin: 20px 0px 5px 10px; text-align: left;}
	h1 {font-size: 30px;line-height: 35px;}

	.cp {cursor: pointer;}
	.menu-line {display: block;float: right;margin: -55px 15px 0px 0px;cursor: pointer;width: 30px;height: 30px;}
	.menu-line img {display: block;margin: 0px auto;padding: 12px 0px;}
	#myslidemenu {position: relative;}
	ul.mainmenu {position: absolute;left: 0px;right: 0px;background: rgba(0, 0, 0, 0.85);padding: 10px;z-index: 9;display: none;}
	.jqueryslidemenu ul li {display: block;clear: both;float: none;}
	.jqueryslidemenu ul li a {background: none;padding: 12px 10px;display: block;float: none;text-align: left;}

	

	.one_half {width: 100%;margin: 0px;display: block;clear: both;}
	.one_half span {display: initial;}
	.one_half h2, h2 {line-height: 45px;}
	.one_half_last {width: 100%;margin: 0px;display: block;clear: both;float: none;}
	.one_half_last h2 {display: none;}
	.space {margin: 0px auto 15px;text-align: center;display: block;}

	.close_panel {right: 0px;left: auto;top: 90px;}

	.one_third {width: 100%;margin: 0px 0px 40px 0px;display: block;clear: both;}
	.one_third_last {width: 100%;margin: 0px;display: block;clear: both;float: none;}

	table.price_table {width: 100%;}

	span#controls {display: block;left: auto;right: 32px;position: absolute;top: 85px;height: auto;z-index: 999;}
	#slider .one_third {width: 30%;float: left;margin: 10px 1% 20px 2%;clear: none;display: initial;}
	#slider .one_third_last {width: 30%;float: right;margin: 10px 1% 20px 2%;clear: none;display: initial;}

	#contact-form input, #contact-form textarea {width: 95%;padding: 5px 2%;resize: none;}


	.content {margin: 90px auto 0px;border-radius: 0px;padding: 30px 10px;left: auto;min-height: 400px;}
	div.box {display: block;clear: both;width: 100%;height: 100%;float: none !important;}
	div.box h2 {padding: 10px 0px;}
	.image-bg {background: none;}
	.image-bg img {display: block;}

	.scroll-pane {width: 100% !important;height: 100% !important;}
	.jspContainer {width: 100% !important;height: 100% !important;}
	.jspPane {width: 100% !important;position: relative !important;}

	.footerholder.fixed { position: fixed; }

}


/* width : 670px ----------- */
@media only screen and (max-width : 670px),
only screen and (max-device-width : 670px){

	#slider, #slider li {width: 490px !important;}
    
    .top_section {border-bottom: 1px dotted #b49a5d;}
    
    .logo img {margin: 0;padding: 4px 10px 8px;max-height: 53px;}
    
    .content {padding: 25px;}
    
    .footer {font-size:9px;max-width: 400px;text-transform:capitalize;}
    
    .footerholder {background: #111;border-top: 1px dotted #937839;}
}


/* width : 510px ----------- */
@media only screen and (max-width : 510px),
only screen and (max-device-width : 510px){

	h1 {font-size: 22px;line-height: 30px;}
	.one_half h2, h2 {font-size: 26px;line-height: 35px;}
	.space {margin: 15px auto;}

	#slider, #slider li {width: 390px !important;}
}


/* width : 480px ----------- */
@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px){

	#smartAlertBox {width: 100% !important;/*top: 0px !important;*/left: 0px !important;right: 0px !important;margin: 0px auto !important;position: relative !important;}
	/*#smartAlertScroll {max-height: 100% !important;overflow: visible !important;}
	.mCustomScrollBox {max-height: 100% !important;overflow: visible !important;}*/
     
}


/* width : 400px ----------- */
@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px){

	h1 {font-size: 16px;line-height: 25px;}

	#slider, #slider li {width: 290px !important;} 

}


/* width : 320px ----------- */
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){

	h1 {font-size: 12px;line-height: 18px;}

	#slider, #slider li {width: 190px !important;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    
    .logo img {margin: 0 auto;max-height:80px;}

}

/* 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) {

}



/* iPhone5 (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){

}


/* iPhone5 (landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {


}


/* iPhone5 (portrait) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}


@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (orientation : landscape)
{
}