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


/*==========================================================================================================*/
@media only screen and (max-width: 1430px) {
	h1,h2 { font-size:70px;  }
	h3 { font-size:50px; }
	h4 { font-size:38px; }
	h5 { font-size:30px; }
	h6 { font-size:20px; }
	
	.section-title { margin-bottom: 30px; }
	.section-title h2 { font-size: 68px; }
	.section-title span { font-size: 28px; }
	.intro-img { margin-right: 0; }
	.intro-text, .intro-tag { width: 59%; }
	.intro-tag { padding: 30px 40px 60px; }
	.about-even .about-img { margin-right: 0; }
	.section-title.wide-space { margin-bottom: 55px; }
	.contact-section { padding: 90px 0 105px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1300px) {
	body { padding-top: 126px; }
	#header { padding: 44px 0 40px; }
	#header.sticky { padding: 35px 0 26px; }
	#mainmenu li:after { height: 57px; }
	.section-title h2 { font-size: 60px; }
	.section-title h2:before { top: 12px; height: 50px; }
	.section-title span { font-size: 25px; }
	.about-block { padding: 90px 0 65px; }
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	#mainmenu > ul > li { font-size: 22px; }
	.section-title h2 { font-size: 51px; }
	.section-title span { font-size: 22px; }
	body { font-size: 16px; }
	.section-title.wide-space { margin-bottom: 40px; }
	.about-block { padding: 70px 0 55px; }
	.service-box h5 { margin-bottom: 25px; }
	.contact-section { padding: 55px 0 65px; }
	.form-group { padding: 20px 0; }
	.contact-row .cols { margin: 0 -13px; }
	.contact-row .cols .col { padding: 0 15px; }
	#footer { padding: 30px 0; }
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 20px; }
	
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	h1,h2 { font-size:55px;  }
	h3 { font-size:40px; }
	h4 { font-size:34px; }
	h5 { font-size:26px; }
	h6 { font-size:18px; }
	
	.section-title h2 { font-size: 42px; margin-bottom: 10px; }
	.section-title span { font-size: 18px; }
	.section-title h2:before { top: 9px; height: 37px; }
	.about-block { padding: 50px 0 35px; }
	.service-box h5 { font-size: 30px; margin-bottom: 18px; }
	.about-details, .about-even .about-details { padding: 0; }
	.contact-section { padding: 45px 0; }
	.form-block .form-group label { padding: 0 0 9px; }
	.form-group { padding: 15px 0; }
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select { height: 44px; padding: 4px 16px; }
	#footer { padding: 25px 0; font-size: 16px; }
	p { margin: 0 0 15px 0; }
	
	
	.intro-tag { display: none; }
	.intro-img { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-end; -webkit-align-items: flex-end; }
	.intro-img figure { max-width: 40%; margin-top: -10%; }
	.intro-img figure img { display: none; }
	.intro-img figure img.mobile-img { display: block; }
	.intro-img p { font-size: 14px; padding: 0 10px 15% 12px; width: 60%; font-style: italic; }
	.intro-text { width: 100%; }
	.intro-section .wrap { padding: 0; }
	.intro-box { padding: 0; border-bottom: 0; }
	.intro-text { padding: 42px 20px; border-top: 1px solid #fff; }
	.intro-text .section-title { padding-left: 30px; }
	.intro-text .section-title h2:before { left: 10px; }
	.intro-text p { max-width: 100%; padding-right: 0; }
	
	.section-title, .section-title.wide-space { margin-bottom: 25px; }
	.section-title h2 { font-size: 36px; }
	.section-title h2:before { top: 7px; height: 29px; }
	
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	body { font-size: 14px; padding-top: 0; }
	#header, #header.sticky { position:relative; padding: 40px 0 24px; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top: calc(100% + 1px); z-index:5; padding-top: 154px; height: calc(100vh - 102px); background: #1a1919; }
	#mainmenu ul li { float:none; margin:0; padding: 12px 0; border-bottom: solid 1px #d92940; margin-left: 35px; font-size: 25px; }
	#mainmenu ul li:last-child { border-bottom: 0; }
	#mainmenu ul li a { padding:8px 0; display:block; color: #fff; }
	#mainmenu ul li:after { display: none; }
	
	
	/* Responsive Menu line icon*/
	#menu { display:block; height: 27px; width: 23px; margin-right: 10px; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 2px; height: 27px; background: #d92940; position: relative; float: left; margin: 0 0 0 9px; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; transform: rotate(25deg); }
	.menulines:before, .menulines:after { display: inline-block; width: 2px; height: 27px; background: #d92940; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;  }
	.menulines:before { left: -7px; top: 3px; }
	.menulines:after { left: 7px; top: -3px; }
	.menuopen .menulines { background:none; transform: rotate(0); }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; left: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	
	.default-grid.cols3 .col { width:50%; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding-top: 2px; margin-bottom: 8px; }
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; }
	h1, h2 { font-size:40px; }
	h3 { font-size:35px; }
	h4 { font-size:30px; }
	h5 { font-size:22px; }
	h6 { font-size:18px; }
	
	
	#logo { width: 169px; }
	.about-block { padding: 40px 0 25px; }
	.about-row .cols { margin-left: -15px; margin-right: -15px; }
	.about-row .cols .col { padding-left: 15px; padding-right: 15px; }
	.service-section.about-block { padding: 30px 0; }
	.service-box h5 { font-size: 24px; font-weight: 600; }
	.contact-section { padding: 35px 0; }
	#footer { padding: 20px 0; font-size: 15px; }
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:100%; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }	
	#logo { width: 140px; }
	#header { padding: 44px 0 24px; }
	
	.list-block.cols3 .col { width:100%; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:34px; }
	h3 { font-size:30px; }
	h4 { font-size:26px; }
	
	#mainmenu > ul { height: calc(100vh - 100px); }
	.wrap { padding:0 12px; }
	.intro-text { padding: 22px 12px; }
	.intro-img figure { max-width: 60%; }
	.intro-img p { font-size: 12px; width: 40%; }
	.section-title h2 { font-size: 32px; margin-bottom: 5px; }
	.intro-text .section-title { padding-left: 10px; }
	.intro-text .section-title h2::before { left: 0; }
	.intro-text .section-title span { font-size: 15px; }
	body { font-size: 13px; }
	.about-row .cols2 .col:first-child, .about-row .cols2 .col:last-child { width: 100%; }
	.section-title { padding-left: 20px; }
	.section-title h2:before { left: 10px; }
	.about-img { margin-bottom: 40px; }
	.about-img figure img:not(.img-mobile) { display: none; }
	.about-img figure img.img-mobile { display: block; }
	.section-title span.mobile-title { display: block; }
	.service-section { text-align: justify; }
	.service-box h5 { font-size: 18px; text-align: center; }
	.about-btn { display: block; }
	.readmore-text { display: none; }
	.contact-section { padding: 25px 0 15px; }
	.contact-row .cols .col { width: 100%; }
	.contact-info { margin-top: 0; margin-bottom: 40px; }
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select { height: 41px; font-size: 13px; padding: 4px 12px; }
	input[type="button"], input[type="submit"], button { padding: 10px 66px; }
	.contact-form .submit-btn { text-align: center; }
	.submit-btn input[type="submit"] { margin: 0 auto; }
	#footer { font-size: 12px; font-style: italic; }
	
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	 .form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	h1, h2 { font-size:30px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	#logo { width:120px; }
	#mainmenu > ul { height: calc(100vh - 96px); }
		
} 
/*==========================================================================================================*/
/* 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:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/