/*--------- For Large Desktop Device -----------*/

/* 1440 to 1599 */
@media only screen and (min-width:1440px){
	
}

/* 1600 to 1679 */
@media only screen and (min-width:1600px){
	
}

/* 1680 to 1919 */
@media only screen and (min-width:1680px){
	
}

/* 1920 to 2049 */
@media only screen and (min-width:1920px){
	
}

/* 2050 to 2559 */
@media only screen and (min-width:2050px){
	
}

/* Greater than 2560*/
@media only screen and (min-width:2560px){
	
}


/*--------- For Tablate and Small Desktop Device -----------*/

/* For 1280 or Up to 1365 */
@media only screen and (max-width:1365px){
	
}

/* For 1024 or Up to 1279 */
@media only screen and (max-width:1279px){
	
}

/* For 960 or Up to 1023 */
@media only screen and (max-width:1023px){
	#page, div.widther, div.con div.center div.slider,
	div.con div.center div.onTheRight, div.con div.center div.back,
	div.con div.center_2 div.booff, #header_2{width: 100%; }
	#header div.headerText{width: auto; }
	div.con div.center_2 div.topped { width: auto;}
	div.con div.center_2 div.booff { margin: 45px 0 0;}
	div.con div.center_2 div.booff .rig_2 h1 {  margin: 5px 0;}
	.about-page div.con div.center_2 div.booff div.rig_2{ width: 71%;}
	.about-page div.con div.center_2 div.booff div.lef_2a{width: 27%; }
	div.con div.center_2 div.booff div.lef_2,
	div.con div.center_2 div.booff div.lef_2c {background-size:100%; width: 25%; }
  	div.con div.center_2 div.booff div.rig_2 {padding-top: 0; width: 73%; }
  	#mainCont,div.con{float: none;}
}

/* For 800 or Up to 959 */
@media only screen and (max-width:959px){	
	
	.home .back .image ul {margin-left: 30px; }
	div.con div.center div.onTheRight img {left: 0; right: 0; margin: 0 auto; }
	div.con div.center{margin: 0; }
	#mainConth .con .center .back div.image{width: 90%; margin: 0 auto; float: none; }
	#mainConth, #mainConth .con{float: none; }
	.back .image h1, .back div.image p {float: none; margin-left:0; width: auto; }
	.back .form {float: none; margin: 0 auto; width: 350px; }
	.form div.wrappForm{width: 100%; }
	.about-page div.con div.center_2 div.booff div.rig_2 {
	  background: rgba(0, 0, 0, 0) url("../img/lef_06.png") no-repeat scroll 0 top;
	  padding-left: 227px;
	}
	.about-page div.con div.center_2 div.booff div.lef_2a {display: none; }
}

/* For 768 or Up to 799 */
@media only screen and (max-width:799px){
	.about-page div.con div.center_2 div.booff div.rig_2 {width: 66%; }
	.about-page .rig_2 h1 {  width: auto;}
}


/*--------- For Tablate and Mobile Device -----------*/

/* For 640 or Up to 767 */
@media only screen and (max-width:767px){
	#page {width: 96%; }
	.contact-page #page {width: 100%; }
	div.con div.center div.onTheRight img {height: 90%; width: 100%; }
	#wrapper #header div.logoMain a{margin-left: 0; }
	#header div.headerText p{margin-right: 0; }
	div.con div.center_2 div.booff div.rig_2 { padding-left: 50px;}
	.about-page div.con div.center_2 div.booff div.rig_2 { background-size: 38%;}

	div.con div.center_2 div.booff div.lef_2, div.con div.center_2 div.booff div.lef_2c {
	  background-size: 100% auto;
	  float: none;
	  margin: 0 auto;
	  width: 200px;
	  min-height: 200px;
	}
	div.con div.center_2 div.booff div.rig_2 {
	  margin: 0 auto;
	  padding-left: 0;
	  width: 100%;
	}
}

/* For 540 or Up to 639 */
@media only screen and (max-width:639px){
	div.con div.center_2 div.booff div.rig_2 {padding-left: 0; }
	.contact-page .form div.wrappForm,
	div.con div.center_2 div.booff .rig_2 h1 {margin-left: 20px; width: auto; }
	.about-page div.con div.center_2 div.booff div.rig_2 { padding-left: 30%;}
}

/* For 480 or Up to 539 */
@media only screen and (max-width:539px){
	.contact-page #mainCont, .contact-page div.con,.contact-page div.con div.center_2 div.booff div.rig_2{
		float: none;
	}
	.contact-page .form, .address {float: none; margin: 0 auto; }
	div.con div.center_2 div.booff .rig_2 h1 {width: auto; text-align: center; margin: 0; padding-top: 10px; }
	#header div.menu { width: 100%;}
	div.menu ul li a, div.menu ul li#last a { margin: 0 10px;}
}

/* For 380 or Up to 479 */
@media only screen and (max-width:479px){
	#header div.headerText {margin: 20px 0 0; }
	#header div.menu {height: 50px; margin-bottom: 3px; float: left;  width: auto;}
	div.menu ul {display: none; left: 0; margin: 0; position: absolute; z-index: 999; background: #fff;}
	.menu-toggle {cursor: pointer; display: block; text-align: left; }
	div.menu ul.active{display: block;}
	div.menu ul li#last {  padding-bottom: 5px;}
	div.menu ul li a, div.menu ul li#last a {  float: none;  text-align: left; }
	div.menu ul li {
		text-align: left;
  background: #ffffff;
  border-right: 0 none;
  display: block;
  float: none;
  height: auto;
  margin: 0;
  width: 100%;
}
div.menu ul li#last{	margin: 0;}
	#header div.logoMain{width: auto; height: auto; margin: 0; }
	#wrapper #header div.logoMain a {background-size: 100% auto; width: 165px; }
	#header div.headerText p {padding-top: 40px; }
	#header div.headerText {margin: 0; }
	#wrapper #header div.logoMain a {margin-top: -5px; }
	#header div.headerText p {padding-top: 32px; }
	#header {height: auto; margin: 10px 0; }
	#wrapper {background-size: auto 320px; }
	blockquote {margin-left: 15px; }
	div.con div.center div.onTheRight img {height: 70%; }
	div.con div.center div.onTheRight {min-height: 210px; }
	.contact-page .form div.wrappForm, div.con div.center_2 div.booff .rig_2 h1 {margin-left: 0;}
	.about-page div.con div.center_2 div.booff div.rig_2 {background: none; padding-left: 0; width: 100%; }
	.about-page div.con div.center_2 div.booff div.lef_2a {
	  background-size: 100% auto;
	  display: block;
	  float: none;
	  margin: 0 auto;
	  min-height: 150px;
	  width: 100px;
	}
}

/* For 360 or Up to 379 */
@media only screen and (max-width:379px){
	.back .form {width: 280px; }
}

/* For 320 or Up to 359 */
@media only screen and (max-width:359px){
	
}