/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1025px) {
	#mainmenu > ul { display:block !important; }
	#mainmenu li li:first-child a { padding-top: 0; }
	#mainmenu li.static { position: static !important; }
	.dictdetailtitle .sharelink:hover { color: #cea12a; text-decoration: none
		; }
}
@media only screen and (max-width: 1440px) {
	.welcome-content { padding-left:130px; }
	#mainmenu > ul > li { margin:0 0 0 30px; }
	.banner-content h2 { font-size:45px; }
	.banner-content h2 span { font-size:0.56em; }
	.choose-us { padding:20px; }
	.choose-us h4 { font-size:20px; }
	.contact-info .cols3 .col:first-child { padding-left:15px; }
	.contact-info .cols3 .col:last-child { padding-right:15px; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1024px) {
	#header { position:relative; padding:15px 0; }
	#mainmenu { margin-top:f10px; position:static; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#2c2c2c; z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px #3a3a3a; }
	.navtrigger { display:block; }
	#mainmenu ul li a { padding:8px 15px; display:block; font-size:15px; }
	#mainmenu ul li a:after { display:none; }
	#mainmenu li ul { border:none; position:relative; background:#151515; width:100%; max-width:inherit; border-top:1px solid #3a3a3a; padding:0; }
	#mainmenu li li { border-color:#292929; }
	#mainmenu li li:last-child { border:0; }
	#mainmenu li ul:after { display:none; }
	#mainmenu li a { color:#fff; }
	.home .menulines, .home .menulines:before, .home .menulines:after {  background:#fff; }
	/* 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; font-size:0; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 26px; height: 2px; background:#cea12a; 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:26px; height:2px; background:#cea12a; 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); }

	.wordlistingleft p { margin-bottom: 20px; }
}
/*==========================================================================================================*/
@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; }
	.cols.cols3 { flex-direction: column; }
	.cols.cols3 .col { margin-bottom: 20px; flex:0 0 100%; max-width: 100%; }
	.cols.cols3 .col:last-child { margin-bottom: 0; }
	.seboxe.matchheightbox { height: auto !important; text-align: center; }
	.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%; }
	#logo { max-width: 170px; }
	.home-slider.owl-carousel .owl-item .bgimg { height: 500px; }
	.banner-content h2 { font-size:35px; margin-bottom:14px; }
	.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding: 14px 60px 14px 18px; font-size: 16px; }
	.banner-content { max-width: calc(100% - 80px); }
	.slideimginfo { max-width: calc(410px - 40px); padding: 16px 24px 18px; }
	.slideimginfo span a { font-size: 18px; }
	.welcome-content { padding-top:35px; }
	.image-block h3 { font-size:22px; margin-bottom:10px; }
	.project-types .col { font-size:16px; padding:20px 10px; }
	.project-types .col::before { margin-right:0; -webkit-transform:rotate(0deg) scale(0.8); transform:rotate(0deg) scale(0.8); }
	.project-types .col:hover:before { -webkit-transform:rotate(360deg) scale(0.8); transform:rotate(360deg) scale(0.8); }
	.project-types { margin-bottom:30px; }
	.info-section .col { width:100%; }
	.choose-us-col { margin-bottom:35px; }
	.choose-us:after { clear:both;content:""; display:table; }
	.get-quote { font-size:25px; }
	.get-quote .button.btn-lg.btn-outline { font-size:17px; padding:10px 25px; }
	.footer-cols .col { width:33.33%; } 
	.footer-cols .projects { width:66.66%; }
	.footer-cols .about-us { width:100%; margin-top:40px; }
	.heading-paragraph { width:auto; }
	.footertopinner.d-flex { flex-direction: column; }
	.footertopinner #flogo { margin-bottom: 25px; }
	.fmenu ul { justify-content: center; }
	.fmenu ul li { margin: 10px 0 0 20px;  }

	.cols4 .col, .cols5 .col { flex: 0 0 50%; max-width: 50%; }

	.hassidebar { flex-direction: column; }
	.hassidebar #primary, .hassidebar #sidebar { padding: 0; flex:0 0 100%; max-width: 100%; }
	.hassidebar #sidebar { margin-top: 25px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {	
	.default-grid.cols3 .col { width:100%; }
	.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); }
	
	.home-slider.owl-carousel .owl-item .bgimg { height: 560px; }
	.slideimginfo { max-width: calc(100% - 40px); bottom: 35px; }

	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; float:none; }
	h1, h2 { font-size:40px; }
	.section-title { margin-top:88px; padding-top:10px; }
	.recent-projects h3 { font-size:32px; margin-bottom:25px; padding-left:15px; padding-right:15px; }
	.section-title:after { height:47px; top:-88px; }
	.project-types .col { font-size:18px; padding:20px; text-align:left; width:100%; }
	.project-types .col:before { margin-right:18px; -webkit-transform:rotate(0deg) scale(1); transform:rotate(0deg) scale(1); }
	.project-types .col:hover:before { -webkit-transform:rotate(360deg) scale(1); transform:rotate(360deg) scale(1); }
	.home-slider.owl-carousel .owl-item img { min-height:350px; }
	.image-block.right-align figure { float:none; max-width:inherit; margin:0; width:100%; }
	.image-block figure { width:100%; float:none; margin-right:0; margin-bottom:15px; max-width:inherit; }
	.welcome-content { padding-left:100px; }
	.owl-nav > div:after { height:11px; width:11px; left:17px; top:14px; }
	.owl-nav > div.owl-next:after { left:13px; }
	.owl-nav > div.owl-next { right:20px; }
	.owl-nav > div { left:20px; height:39px; width:39px; }
	.projects ul.fmenu { margin-left:0; }
	.projects .fmenu li { padding-left:0; }
	.fmenu li a { font-size:14px; }
	.copyright { float:none; text-align:center; margin:0 0 20px; }
	.footer-bottom { padding:20px 0; }
	.recent-projects h3 { font-size:30px; }
	
	.team-section .section-title { font-size:30px; }
	.team-section .cols4 .col { width:33.333%; }
	.project-list > figure { float:none; width:auto; margin:0 0 28px 0; }
	.project-list > figure img { width:100%; }
	
	.contact-form .section-title { font-size:24px; }
	.contact-info .cols3 .col { width:50%; margin-bottom:25px; }
	.contact-info .cols3 .col:last-child { margin-bottom:0; }

	.cols2 .col, .cols3 .col, .cols4 .col, .cols5 .col { flex: 0 0 100%; max-width: 100%; }

	h3 { font-size: 24px; }
}
/*==========================================================================================================*/
/* 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; }	
	.list-block.cols3 .col { width:100%; float:none; }
	ul.list { margin:0; padding-left:0; }
	.welcome-section.image-block figure { padding:6px; }
	h1, h2 { font-size:34px; }
	.welcome-content { padding-left:57px; }
	.title-left.section-title:before { left:-56px; }
	.title-left.section-title:after { margin-right:56px; }
	.recent-projects h3 { font-size:26px; }
	.section-title { margin-top:78px;}
 	.section-title:after { height:37px; top:-78px; }
	.project-types .col:before { margin-right:10px; -webkit-transform:rotate(0deg) scale(0.8); transform:rotate(0deg) scale(0.8); }
	.project-types .col:hover:before { -webkit-transform:rotate(360deg) scale(0.8); transform:rotate(360deg) scale(0.8); }
	.project-types .col { padding:15px; font-size:17px; }
	.choose-us figure { float:none; margin:0 0 20px; width:100%; }
	.footer-cols .projects { margin-top:40px; }
	.footer-cols .col, .footer-cols .projects { width:100%; }
	.projects .fmenu li { width:100%; padding-right:0; }
	.fmenu li a, .about-us p, .about-us .read-more { font-size:16px; }
	.footer-logos { float:none; text-align:center; margin:0 0 20px; }
	.social-icons { float:left; width:100%; text-align:center; display:inline-table; }
	.social-icons li { float:none; display:inline-block; }
	.get-quote { text-align:center; padding:15px 0; }
	.get-quote span { float:none; display:block; margin:7px 0 20px; }
	.get-quote .button.btn-lg.btn-outline { float:none; margin:0 0 10px; }
	.main-banner { padding:55px 0; }
	.main-banner h1 { margin-bottom:10px; }
	.text-bigger { font-size:19px; line-height:1.4; }
	
	.team-section .section-title { font-size:24px; margin-bottom:50px; }
	.team-section .cols4 .col { width:50%; }
	
	.contact-form .section-title { font-size:22px; }
	.contact-info .cols3 .col { width:auto; margin-bottom:25px; float:none; }
	.contact-info .cols3 .col:last-child { margin-bottom:0; }
	.contact-form .col { width:auto; float:none; }
	.contact-form .form-group { padding:10px 0; }
	.contact-form input[type="submit"] { font-size:18px; }
	#contactmap { height:350px; }

	h3 { font-size: 22px; }
	
}
/*==========================================================================================================*/
/* 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) {
	.owl-nav > div { left:10px; }
	.owl-nav > div.owl-next { right:10px; }
	.home-slider.owl-carousel .owl-item img { height:400px; max-width:inherit; min-height:inherit; width:auto; }
	.banner-content h2 {  font-size:31px; }	
	.get-quote { font-size:22px; }
	.checkbox, .radio { margin:0 0 20px; width:100%; }
	.get-quote .button.btn-lg.btn-outline { font-size:15px; padding:10px 20px; }
	.action-link:first-child { margin-bottom:20px; }
	.action-link { padding:135px 30px 30px; text-align:center; }
	.action-link:before { left:0; margin:auto; right:0; top:10px; -webkit-transform:rotate(0deg) scale(0.8); transform:rotate(0deg) scale(0.8); }
	.action-link:hover:before { -webkit-transform:rotate(360deg) scale(0.8); transform:rotate(360deg) scale(0.8); }
	input[type="button"], input[type="submit"], button { padding:10px 34px; }
	
	.team-section .section-title { font-size:22px; margin-bottom:40px; }
	.team-section .cols4 .col { width:auto; float:none; }
	
	.project-list { padding-bottom:30px; margin-bottom:30px; }
	.project-list > figure { margin-bottom:20px; }
	.category-info .title { font-size:20px; }
	.pagination li a { display:none; }
	.pagination li.active a, .pagination li a.previous, .pagination li a.next { display:block; }
	
	.contact-form .section-title { font-size:18px; }
	.contact-form input[type="submit"] { font-size:16px; display: block; width: 100%; }
} 
/*==========================================================================================================*/
/* 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;}
}*/