@media only screen and (max-width: 1439px) {

	

}

@media only screen and (max-width: 1279px) {
	
	.banner_sec .bannercontent { left: 0; bottom: 40px; max-width: 1180px; margin-left: 0px; }
	.banner_sec .bannercontent h1 { padding-bottom: 15px; font-size: 65px; line-height: 70px; }
	
	.works_sec .maincontent { padding: 130px 15px 76px; }
	.works_sec .maincontent .text .heading { padding: 10px 0px 0px 5px; }
	.works_sec .maincontent .text h3 { font-size: 34px; }
	.works_sec .maincontent .text h3 span { font-size: 100px; }	
	.works_sec .maincontent .steps .step-num { padding: 0px 15px 0px 15px; }
	.works_sec .approvedby li { padding: 0 35px; font-size: 20px; }
	
	.portfolio_sec .approvedby li { padding: 0 35px; font-size: 19px; }
	
	.portfolio_sec .portfoliobox .portfoliodetails { min-height: 505px; }


}

@media only screen and (max-width: 1023px) {
	
	a.portfolio-btn { padding: 10px 25px; right: -70px; top: 40%; line-height: 45px; border-radius: 8px 8px 0 0; font-size: 35px; }
	
	.menu_sec ul li { padding-left: 50px; }
	
	.banner_sec .bannercontent { bottom: 15px; }
	.banner_sec .bannercontent h1 { font-size: 50px; line-height: 60px; }
	.banner_sec .bannercontent p { padding-left: 0px; font-size: 17px; }
	
	.services_sec h2 { padding: 0px 0px 14px 0px; font-size: 38px; }
	.services_sec .mainservices .heading { padding: 12px 20px 0px 0px; }
	.services_sec .serviceslist { margin: 0 -5px; }
	.services_sec .serviceslist .service-item { padding: 0px 10px 25px; }
	
	.works_sec .maincontent { padding: 130px 15px 50px; }
	.works_sec .maincontent .text .heading { padding: 0px 0px 0px 0px; }
	.works_sec .maincontent .text h3 { font-size: 25px; }
	.works_sec .maincontent .text h3 span { font-size: 80px; }
	.works_sec .maincontent .text .content { padding: 10px 0px 0px 15px; }
	.works_sec .maincontent .text p { font-size: 17px; line-height: 24px; }
	.works_sec .maincontent .steps .step-num { padding: 0px 20px 0px 0px; }
	.works_sec .maincontent .steps span.number { font-size: 60px; }
	.works_sec .maincontent .steps p br { display: none; }
	.works_sec .approvedby li { padding: 0 15px; font-size: 18px; }
	
	.portfolio_sec { padding: 45px 0px 0px 0px; }
	.portfolio_sec h3 { font-size: 38px; }
	.portfolio_sec .whyintro .serviceslist { padding: 14px 0px 0px 0px; margin-left: 0px; width: 100%; }
	.portfolio_sec .whyintro .service-item { padding: 0 15px 5px 0; width: 50%; }
	.portfolio_sec .portfoliobox .portfoliotablist li a { font-size: 16px; padding: 5px; }
	.portfolio_sec .portfoliobox .portfoliodetails .slick-dots { left: 30px; bottom: 30px; }
	.portfolio_sec .portfoliobox .portfoliodetails .slick-dots li { padding-right: 20px; }
	.portfolio_sec .portfoliobox .portfoliodetails .slick-dots li button { width: 20px; height: 20px; }
	.portfolio_sec .approvedby li { padding: 0 15px; font-size: 16px; }
	.portfolio_sec .approvedby li:not(:last-child):after { height: 16px; }
	.portfolio_sec .portfoliobox .portfoliodetails { min-height: 370px; }
	
	.formblock_sec { padding: 70px 0px; }
	.formblock_sec .info h2 { font-size: 38px; }
	.footer_sec .footer-right { padding: 1px 0px 0px 15px; }
	.footer_sec .footer-right .quicklinks { padding-right: 0px; width: 100%; }
	.footer_sec .footer-right .socialbg { width: 100%; }
	

}

@media only screen and (min-width: 768px) {
	
	#header-part .menu_sec li:hover ul { display: flex; }
	
}

@media only screen and (max-width: 767px) {
	
	a.portfolio-btn { padding: 10px 20px; right: -50px; top: 35%; line-height: 40px; border-radius: 5px 5px 0 0; font-size: 25px; }
	
	a.close { display: block; position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; font-size: 0px; }
	a.close:before,
	a.close:after { content: ""; position: absolute; left: 12px; top: 2px; width: 2px; height: 25px; background: #fff; transform: rotate(45deg); }
	a.close:after { transform: rotate(-45deg); }
	
	.menu_sec { padding: 0; }
	#header-part a.logo { max-width: 100px; }
	#header-part:before { height: 60px; }

	#header-part a.mobilemenu { position: absolute; right: 20px; top: 12px; text-align: center; line-height: 36px; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #fff; display: block; width: 69px; height: 36px; border-radius: 10px; background: #981B1E; }

	.menu_sec .rightbox { width: calc(100% - 0px); display: flex; align-items: center; flex-wrap: wrap; position: fixed; left: 0px; top: -100vh; height: 100vh; z-index: 10; background: rgba(0,0,0,0.75); transition: 0.3s all; justify-content: center; }
	.menu_sec .rightbox.showthis { top: 0; }
	.menu_sec ul { display: block; text-align: center; }
	.menu_sec ul li { padding: 12px 0; }
	.menu_sec ul li a { }
	
	.banner_sec .bg img { height: 350px; }
	.banner_sec .bannercontent h1 { font-size: 40px; line-height: 45px; }
	.banner_sec .bannercontent p { padding-left: 0px; font-size: 16px; letter-spacing: 0px; }
	
	.services_sec { padding: 40px 0px 0px; }
	.services_sec h2 { padding: 0px 0px 14px 0px; font-size: 34px; line-height: 1.2; }
	.services_sec .mainservices .service-item { width: 100%; padding-bottom: 20px; }
	.services_sec .mainservices { padding: 0px; }
	.services_sec .serviceslist .service-item { padding: 0px 10px 25px; width: 50%; }
	.services_sec .mainservices figure img , .services_sec .serviceslist figure img{ border-radius: 5px; }
	.services_sec .serviceslist h4 { font-size: 15px; }
	
	.services_sec .ctabg { display: block; text-align: center; padding-bottom: 35px; }
	.services_sec .ctabg h4 { padding: 0 0 15px; font-size: 22px; }
	
	.works_sec .maincontent { padding: 110px 15px 30px; }
	.works_sec .maincontent .text { padding: 0px 0px 30px 0px; }
	.works_sec .maincontent .text .heading { padding: 0px 0px 0px 0px; width: 100%; }
	.works_sec .maincontent .text h3 { font-size: 20px; }
	.works_sec .maincontent .text h3 span { font-size: 60px; }
	.works_sec .maincontent .text .content { padding: 10px 0px 0px 0px; width: 100%; }
	.works_sec .maincontent .text p { font-size: 16px; line-height: 22px; }
	.works_sec .maincontent .steps .step-num { padding: 0px 15px 10px 0px; width: 50%; }
	.works_sec .maincontent .steps h4 { font-size: 16px; }
	.works_sec .maincontent .steps p { font-size: 15px; line-height: 18px; }
	
	.works_sec .approvedby { padding: 30px 0px 20px; }
	.works_sec .approvedby li { padding: 0 15px 15px; font-size: 18px; }
	
	.portfolio_sec h3 { font-size: 34px; }
	.portfolio_sec .whyintro .service-item { padding: 0 0px 15px 0; width: 100%; }
	.portfolio_sec .whyintro figure { width: 90px; }
	.portfolio_sec .whyintro .text { width: calc(100% - 90px); padding-left: 10px; }
	
	.portfolio_sec .portfoliobox .portfoliotablist ul { justify-content: center; padding-bottom: 10px; }
	.portfolio_sec .portfoliobox .portfoliotablist li { padding: 4px 6px 5px 5px; width: 33.33%; }
	.portfolio_sec .portfoliobox .portfoliotablist li a { font-size: 16px; padding: 5px; border-radius: 5px; }
	.portfolio_sec:before { height: 170px; }
	.portfolio_sec .portfoliobox .portfoliodetails .slick-dots { left: 20px; bottom: 15px; }
	.portfolio_sec .portfoliobox .portfoliodetails .slick-dots li { padding-right: 10px; }
	.portfolio_sec .portfoliobox .portfoliodetails .slick-dots li button { width: 15px; height: 15px; }
	.portfolio_sec .portfoliobox .portfoliodetails img { border-radius: 5px; }
	.portfolio_sec .approvedby li { padding: 0 20px 10px; font-size: 16px; }
	.portfolio_sec .approvedby { padding: 40px 0px 30px; }
	.portfoliotablist .tab-bg { display: none; }
	.portfolio_sec .portfoliobox .portfoliotablist li a.active { background: #981B1E; }
	.portfolio_sec .portfoliobox .portfoliodetails { min-height: 180px; }
	
	.formblock_sec { padding: 40px 0px; }
	.formblock_sec .info h2 { font-size: 34px; line-height: 1.2; }
	.formblock_sec .info { padding-bottom: 20px; }
	.formblock_sec .formbox { padding: 30px 15px; }
	.formblock_sec .formbox .wpcf7-form-control-wrap { width: 100%; padding: 0 10px 20px; }
	/* iOS Safari zooms the page when a focused form control is smaller than 16px. */
	.formblock_sec .formbox input:not([type="submit"]),
	.formblock_sec .formbox select,
	.formblock_sec .formbox textarea { font-size: 16px; min-width: 0; max-width: 100%; }
	.formblock_sec .formbox select { padding-right: 35px; }
	.formblock_sec .formbox .wpcf7-submit { width: 200px; height: 50px; font-size: 17px; }
	.formblock_sec .formbox li:not(:last-child):before { display: none; }
	.formblock_sec .formbox li { padding: 5px 0; }
	.formblock_sec .formbox ul { display: block; text-align: center; }
	
	.footer_sec { padding: 40px 0px; }
	.footer_sec .footer-left { padding: 0px 0px 0px 0px; width: 100%; }
	.footer_sec .footer-left .footer_text { padding: 20px 0px 0px 0px; width: calc(100% - 0px); }
	.footer_sec .footer-right { padding: 20px 0px 0px 0px; width: 100%; border: 0px; }
	

}

@media only screen and (max-width: 479px) {





caption, th, td { float: left; padding-left: 0; padding-right: 0; width: 100%; }
caption, th, td { float: left; padding-left: 0; padding-right: 0; width: 100%; }
.alignleft, .alignnone, .alignright, .aligncenter { clear: both; display: block; float: none; height: auto; margin: 0 0 10px !important; max-width: 100%; }
.wp-caption { width: 98% !important; }
.wp-caption.alignleft, .wp-caption.alignnone, .wp-caption.lignright, .wp-caption.aligncenter { float: none; margin: 0 0 10px !important; }
.wp-caption.alignleft img, .wp-caption.alignnone img, .wp-caption.lignright img, .wp-caption.aligncenter img { height: auto; max-width: 96%; width: 96%; }
.wp-caption img { width: 96%; }
.wp-caption p { padding: 3px !important; }
td img.alignnone { margin: 0 !important; }
.leftBlogBox .postLoop .image { max-width: 100%; margin: 0 0 15px 0; float: none; width: 100%; }
.leftBlogBox .postLoop .image img { width: 100%; }
}

@media only screen and (min-width: 768px) {
.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
}