/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 2561px) {
	#mainmenu > ul { display:block !important; }
}

/* size added from our side */
@media only screen and (min-width: 1361px) and (max-width: 2560px) {
	#mainmenu .pageliCls {margin-right: -30px;}
	#mainmenu ul {padding-top: 0px;}
	.banner-last .banner-data-last {  height: 100%; }
}

/* only ipad 1024 landscape screen */
@media only screen and (min-width: 1001px) and (max-width: 1024px) {	
}

@media only screen and (max-width: 1280px) {
	#mainmenu ul {  padding: 0 0 45%;}
}

@media only screen and (max-width: 1360px) {
.scroll-menu {  height: 416px;  /*overflow-y: scroll;*/}
#mainmenu {  max-width: 380px;}
.scroll-menu li, #mainmenu > ul > li {   padding: 0 20px 0 0;}
}

@media only screen and (max-width: 1360px) {
.banner-last .banner-data-last {  height: 76.8%; }
.bx-wrapper .bx-controls-direction a {  top: 57%;}
.banner-last .banner-data h2 em { display:block }
	#mainmenu ul {  padding: 0 0 45%;}
}

/* size added from our side */
@media only screen and (min-width: 1025px) and (max-width: 1480px) {	
	.big-slider-part {  top: 12px;}
}

@media only screen and (max-width: 1024px) {
.headerBarCls {width: 584px;}
.banner-last .banner-data-last {  height: 100%; top: 29px;}
.big-slider-part {  top: 24px;}
.nextArrowDiv {  bottom: 5px; }
#mainmenu > ul .scroll-menu li a:visited {color: #ff74ba;}
}

@media only screen and (max-width: 1023px) {
	body { min-width:320px; background:#000 }
	img { max-width: 100%; width:auto; height:auto; }
	.wrap { padding-left:15px; padding-right:15px; }
	#main { padding-bottom:0; }
	.banner-data {  left: 2%;  top: 45%;}
	.banner-data h2 span { display:block }
	.banner-last .banner-data h2 em {  display: inline-block;}
	#logo { float: left;  margin: 10px 0 0 0;  width: 450px;}
	#mainmenu {  margin: 10px 0;  max-width: 400px;}
	.banner-last .banner-data-last { height: 210px; padding: 0 9px 27px; position: relative; top: 0; width: 100%;}
	.headerBarCls {float:left; width: 450px; margin: 10px 0 0 0;}
} 

@media only screen and (max-width: 768px) {
.banner-last .banner-data-last {  height: 210px;  padding: 0 15px 36px;  position: relative;  width: 100%; top:0;  overflow-x:hidden}	
.banner-last .banner-data {  left: 4%;  top: 30%;}
}


@media only screen and (max-width: 800px) {
.banner-last .banner-data-last {  height: 210px;  padding: 0 15px 36px;  position: relative;  width: 100%; top:0;  overflow-x:hidden}	
.banner-last .banner-data {  left: 4%;  top: 25%;}
.headerBarCls {width: 338px;}
.headerBarCls h1 { letter-spacing: 1px;}	
}


/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
.copyright {  float: none;  margin: 0;  text-align: center;}
.big-slider-part {  top: 8%;}
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
/*==========================================================================================================*/


}


/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
	
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	#logo img{ display:none;}
	#logo { width:320px; height:18px; background:url(../images/mobile-logo.png) 0 0 no-repeat; margin-left:10px }
	#mainmenu {  margin: 10px 0;  max-width: 100%;}
	#mainmenu ul { right:0; padding:10px 0; margin:0 }	
	.scroll-menu {  height: 330px;}
	#mainmenu li { padding:0; line-height:36px; }
	#mainmenu li a { font-size:17px; }
	.banner-data h2 { font-size:16px }
	.banner-data h2 span, .banner-data h2 em{ font-size:14px }
	.banner-data {  left: 5%;  max-width: 180px;  top: 25%;}
	.big-slider-part {  top: 8%;}
	#footer { border:0; clear:both }
	.banner-last .banner-data { top:17%; }
	.banner-last .banner-data-last {  height: 210px;  padding: 0 15px 36px;  position: relative;  width: 100%; top:0;  overflow-x:hidden}
	.coman-part-abot .banner-last .banner-data-last { width:100%; }
	.contact-data-last { position:unset; width:100%; }
	#mainmenu > ul > li { padding:0 }
	.headerBarCls {width:200px; height:18px;}
	.big-slider-part {  top: 10%;}
} 

@media only screen and (max-width: 320px) {
	#logo { margin:15px 0 0 0  }
	.big-slider-part {  top: 12%;}
	.scroll-menu {  height: 280px;}
}
/*==========================================================================================================*/
/* Retina css */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:500px 300px; -ms-background-size:500px 300px; -o-background-size:500px 300px; -webkit-background-size:500px 300px; background-size:500px 300px;}
}