/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	/* #mainmenu > ul { display:block !important; } */
	.nav-main { display: block !important; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1500px) { 
	.contact-info-box { border-radius: 0;}
	.strength-box { border-radius: 0; }

}
/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	.our-service-section {	padding: 120px 0; }
	.contact-section .section-title h2 { font-size: 38px; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; padding-left: 100px; }
	#header.nav-open {	width: 230px;}
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; }
	
	.default-grid.form-grid.cols2 .col { width:auto; float:none; }
	.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%; }

	.banner-text { padding: 0 40px; }
	.banner-text h1 { font-size: 34px; }
	.slider-data { padding: 20px 25px; }
	.slider-data p { font-size: 24px; }
	.slider-data a { font-size: 24px; }
	.about-section {padding: 100px 0; }
	.our-service-data h3 {	font-size: 32px; }
	.our-service-section {	padding: 90px 0; }
	.service-links ul li {font-size: 26px; }
	.section-row { padding: 80px 0; }
	.contact-box textarea {	height: 365px;	}
	.marquee-group h3 {	font-size: 280px; }
	.contact-section .section-title h2 {font-size: 36px; }
	.service-section { padding: 90px 0 20px; }
	p { font-size: 20px;}
	.news-detail-section a {  font-size: 24px;}
	.menu-block { padding: 10px; }
	#header { width: 100px; }
	.nav-logo a figure.close-logo { width: 76px; }
	.nav-logo a figure.open-logo {width: 140px; }
	.about-owner-box .wrap { max-width: 1366px; padding: 0 40px;}
	.about-owner-box .cols { margin: 0 -40px; }
	.about-owner-box .cols .col { padding: 0 40px; }
	.owner-img-box figure { width: 240px;height: 240px; }
	.owner-img-box img { width: 100%;	max-width: 100%;}
	.menu-block { padding: 0; }
	#header.nav-open { width: 230px; }
	#header { width: 100px; }
	.menu-block { padding: 0; width: 100px; }
	.menu-icon { width: 100px; }
	.nav-logo { left: 10px; }

} 
/*==========================================================================================================*/
@media only screen and (max-width: 991px) {
	.our-service-section .cols .col { width: 100%; margin-bottom: 50px; }
	.our-service-section .cols .col:last-child { margin-bottom: 0;}
	.our-service-data {	max-width: 100%; }
	.marquee-group h3 {	font-size: 260px; }
	.marquee-group h3 {top: -70px; }
	.news-data-box .cols .col {	padding: 0 15px; }
	.contact-info-box { padding: 50px 30px; }
	.strength-row .cols { margin: 0 -15px; }
	.strength-row .col { padding: 0 15px; } 
	.news-detail-tags ul li { font-size: 18px; }
	.news-detail-tags h5, .news-detail-social h5 { font-size: 18px; }
	.news-detail-social ul li { padding: 0 1px; }
	.news-detail-section a {  font-size: 22px;}
	.news-section .col { width: 50%;}
}

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	body { padding-left: 0; font-size: 18px; line-height: 1.5; }
	#header { position:relative; width: 100%; overflow: visible; display: block; left: 0; top: 0; right: 0; bottom: inherit;position: sticky; }
	.menu-block { height: 100%; padding: 20px; position: relative; }
	.nav-row { flex-direction: inherit; width: 100%; align-items: center; justify-content: space-between; padding: 0; padding: 20px 0; }
	.nav-logo { position: relative; }
	/* .nav-logo a figure { position: relative; } */
	.nav-logo a figure.close-logo {
		width: 56px;
	}
	.nav-logo a figure {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.menu-icon { margin-left: auto; }
	.nav-main { left: 0; top: 100%; right: 0; display: none; bottom: inherit; }
	#mainmenu { height: calc(100vh - 100px); }
	#header.nav-open { width: 100%; }
	/* .nav-logo a figure.close-logo { display: none !important; } */
	/* .nav-logo a figure.open-logo { display: block !important; } */
	.nav-social {display: none; }
	.cols2 .col { width: 100%; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#6d6d83; z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; font-size: 26px;	line-height: 1.3; }
	#mainmenu ul li a { padding:8px 15px; display:block;  }
	#mainmenu ul li a:after { display:none; }
	.nav-logo a figure.open-logo {	width: 90px; }
	/* Responsive Menu line icon*/
	#menu { display:block;  }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 3px; background: #fff; position: relative; float: left; margin:9px 0 0 0; -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; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #fff; 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 { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.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; } 
	.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%; }
	.default-grid.cols3 .col:nth-child(3) { clear:left; }
	.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); }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; float:none; }
	h1, h2 { font-size:40px; }

	.banner-section { flex-wrap: wrap; height: 100%; min-height:465px;}
	.banner-text { width: 100%;}
	.banner-slider { width: 100%; }
	.banner-text { padding: 70px 30px; justify-content: flex-start;	}
	.img-section figure { height: 400px; }
	.slider-data { flex-direction: column; }
	.slider-data p {text-align: center; margin-bottom: 8px;}
	.slider-data a { margin-left: 0; display: inline-block;	text-align: center;}
	.img-slider .slick-prev { right: auto;	left: 40px;	}
	.img-slider .slick-prev::before { content: "\e905"; }
	.img-slider .slick-next::before { content: "\e902"; }
	.banner-text h1 { font-size: 30px; }
	.banner-text > span { font-size: 20px; }
	.banner-text h1 span {	border-bottom: 0; 	}
	.section-title h2 {	font-size: 34px; margin-bottom: 30px;	}
	.about-data p {	font-size: 20px; margin-bottom: 30px; }
	.about-section { padding: 80px 0;}
	.marquee-group { display: none;}
	.strength-row .cols .col { width: 100%;	margin-bottom: 50px; 	}
	.strength-row .cols .col:last-child { margin-bottom: 0;}
	.icon-img { margin-bottom: 30px;}
	.strength-detail {	max-width: 620px; margin: 0 auto; text-align: center; }
	.strength-row {	padding-top: 50px; 	}
	.our-service-section {	padding: 70px 0; }
	.our-service-data {	max-width: 100%; }
	.our-service-section .service-info .section-title {	text-align: center;	}
	.service-btn { text-align: center;}
	.our-service-section .col { margin-bottom: 50px;}
	.our-service-section .col:last-child { margin-bottom: 0;}
	.service-links ul li {	font-size: 24px; }
	.service-links ul li a::after {  font-size: 20px; }
	.news-info p {	font-size: 20px; max-width: 100%; }
	.contact-section .section-title h2 { font-size: 36px;}
	.our-service-data h3 { font-size: 30px;	}
	.our-service-data p { font-size: 20px; }
	.our-service-section .section-title h2 { margin-bottom: 30px; }
	.section-row { padding: 60px 0; }
	.news-main {	width: 100%; min-width: inherit; }
	.news-slider {	max-width: 100%; }

	.btn-trigger.open + #mainmenu { transform: none; } 
	#menu {	display: none; 	}
	#mainmenu ul { width: 100%;}
	#mainmenu ul li a:hover { color: #e03973;}
	.btn-trigger em { display: none;}
	.news-slider { padding-bottom: 0; }

	.strength-box { background: rgb(43,79,139);
		background: -moz-linear-gradient(180deg, rgb(43, 79, 139) 0%, rgb(26, 49, 86) 100%);
		background: -webkit-linear-gradient(180deg, rgba(43,79,139,1) 0%, rgba(26,49,86,1) 100%);
		background: linear-gradient(180deg, rgb(43, 79, 139) 0%, rgb(26, 49, 86) 100%);  border-radius: 0;}
	.new-btn {	text-align: center;	padding-top: 30px;}
	.new-btn .button { min-width: 192px; }
	.home-slider .banner-text {	width: 100%; }
	textarea { padding: 10px 20px; }
	p { font-size: 18px; margin-bottom: 20px;}
	.service-section { padding: 50px 0 20px; }
	.service-info .section-title h2 { font-size: 30px; margin-bottom: 20px; }
	.service-info .col {margin-bottom: 50px;	}
	.service-info .col:last-child { margin-bottom: 0;}
	.service-desc h3 { font-size: 24px;}
	.service-info .service-btn { text-align: center; }
	.our-service-data p { margin-bottom: 40px; }
	.contact-box textarea { font-size: 22px; height: 160px; }
	.about-owner-box .col { margin-bottom: 40px; }
	.about-owner-box .col:last-child { margin-bottom: 0; }
	.home-slider .banner-text h1 { margin-bottom: 35px;  }
	.map-box .col { margin-bottom: 30px;}
	.map-box .col:first-child { width: 100%;}
	.map-box .col:last-child { width: 100%; margin-bottom: 0;}
	.news-section .col {  width: 100%;}
	.news-detail-section a { font-size: 18px; margin-bottom: 20px; }
	.news-detail-block { padding: 60px 30px; }
	.news-detail-title h2 { letter-spacing: 0.1em; }

	.sitemap-page .banner-text { justify-content: center;}
	.sitemap-page .banner-text h1 { margin: 0;}
	.contact-section.section-row { padding: 0; }
	.contact-info-box { border-radius: 0;}
	.news-btn { text-align: center; margin-top: 40px;}
	.pagination { margin: 20px auto 0; }

	.news-detail-title h2 { font-size: 34px;}
	.nav-row { padding: 10px 0; }
	.menu-block { padding: 15px; }
	.nav-logo a figure.open-logo { width: 66px;	}
	.nav-logo a figure.close-logo { width: 45px; }
	#mainmenu { height: calc(100vh - 70px);	}
	.menu-block { padding:0; width: 100%; }
	.nav-row { padding: 20px; }
	.menu-icon { margin-left: auto;	padding: 0;	flex: 0;background: transparent; }
	.nav-logo { left: 0;top: 0;	}
	.nav-open .nav-logo {  top: 5px;}
	#mainmenu {	height: calc(100vh - 60px);	}
	.transition-all::before, .transition-all::after {  width: 30px; }
	.btn-trigger.open .transition-all::before {  top: -9px;}
	#mainmenu ul li { font-size: 24px; line-height: 1;}
	#mainmenu ul li a { display: inline-block; word-break: break-word; }
}
/*==========================================================================================================*/
/* 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:auto; float:none; }
	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:200px; }
	
	.list-block.cols3 .col { width:100%; float:none; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:34px; }

	.banner-text h1 { font-size: 26px;	}
	.banner-text > span { font-size: 16px; }
	.about-data p {	font-size: 18px; }
	.about-section { padding: 50px 0;}
	.news-info p {	font-size: 18px; max-width: 100%; }
	.contact-section .section-title h2 { font-size: 32px;}
	.contact-info-box { padding: 50px 30px; }
	.our-service-data h3 { font-size: 28px;	}
	.our-service-data p { font-size:18px; }
	.service-links ul li {	font-size: 22px; 	}
	.footer-menu {	text-align: left; display: flex; flex-direction: column; justify-content: space-between;	}
	.footer-info { margin-bottom: 50px;}
	.fmenu { margin-bottom: 30px;}
	#footer { padding: 50px 0;}
	.footer-data { flex-direction: column;}
	.service-info .section-title h2 { font-size:28px; }
	.owner-img-box figure { width: 260px; height: 260px; }
	.news-section .col {  width: 100%;}
	.pagination { margin: 30px auto 0; }
	.news-detail-title h2 {font-size: 30px;	}

}
/*==========================================================================================================*/
/* 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; }
	.news-detail-title h2 { font-size: 26px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	#logo { width:150px; }
		
} 
/*==========================================================================================================*/