@media only screen and (min-width: 1200px) and (max-width: 1240px) { 
	.ttm-topbar-wrapper:before {
	    left: -6px!important;
	    width: 330px!important;
	}
}
@media only screen and (min-width: 1200px) {
 	.ttm-topbar-wrapper {
 	    position: relative;
 	    overflow: hidden;
 	}
 	.ttm-topbar-wrapper:before {
 	    content: " ";
 	    position: absolute;
 	    display: block;
 	    width: 315px;/*390px*/
 	    height: 100%;
 	    top: 0;
 	    left: 80px;
 	    z-index: -1;
 	    background: #ffffff;
 	    transform-origin: bottom left;
 	    -ms-transform: skew(-32deg, 0deg);
 	    -webkit-transform: skew(-32deg, 0deg);
 	    transform: skew(-32deg, 0deg);
 	    z-index: 1;
 	}	
 	#logo-img.s_screen {
 	    display: none;
 	} 
 	#logo-img.l_screen {
 	    display: block;
 	    position: absolute;
 	    top: 12px;
 	    z-index: 999;
 	} 
 	.ttm-stickable-header.fixed-header #logo-img.l_screen {
 		position: relative;
 		top: 3px;
 	}
 	#site-header-menu #site-navigation .menu ul > li > a {
 		line-height: 100px;
 	}
 	.site-branding {
 		height: 100px;
 		line-height: 92px;
 	}
}	
@media only screen and (min-width: 1241px) { 
	.ttm-topbar-wrapper:before {
	    left: 20px;
	    width: 390px;
	}
}
@media only screen and (min-width: 1361px) { 
	.ttm-topbar-wrapper:before {
	    left: 50px; /*30px*/
	    width: 27%;/*30%*/
	}
}
@media only screen and (min-width: 1500px) { 
	.ttm-topbar-wrapper:before {
	    left: 80px;
	    width: 28%;
	}
}
@media only screen and (min-width: 1601px) { 
	.ttm-topbar-wrapper:before {
	    left: 8%;
	    width: 28%;
	}
}
@media only screen and (min-width: 1801px) { 
	.ttm-topbar-wrapper:before {
	    left: 12%;
	    width: 25%;
	}
}


@media only screen and (min-width: 1200px) and (max-width: 1200px) {
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-prev {
		left: -10px;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-next {
		right: -10px;
	}
	.footer .second-footer {
	    padding: 15px 0 15px;
	}
	.copyright {
		padding-top: 15px;
        padding-bottom: 15px;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#logo-img.s_screen {
	    display: inline-block;
	} 
	#logo-img.l_screen {
	    display: none;
	} 
	.ttm-topbar-wrapper {
		display: block;
	}
	.ttm-page-title-row {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.copyright {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.footer .second-footer {
	    padding: 15px 0 10px;
	}
	.footer .widget {
	    margin: 15px 0 0;
	}
	.contact-info-sec .padding-8 {
		padding-left: 40px;
	}
	.career_form_block input, .career_form_block textarea {
		padding: 8px 8px;
	}
	.featured-imagebox-team.style1 .featured-content {
		padding: 20px 5px 22px;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-prev {
		left: 2px;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-next {
		right: 2px;
	}
	#site-header-menu #site-navigation .menu ul > li > a {
		margin: 0px 10px 0px 10px;
	}
	.widget ul#menu-footer-services li, .widget ul#menu-footer-services li:nth-child(even) {
	    width: calc(50% - 2px);
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#logo-img.s_screen {
	    display: inline-block;
	} 
	#logo-img.l_screen {
	    display: none;
	} 
	.container {
	    max-width: 98%;
	}
    .ttm-topbar-wrapper {
		display: block;
	}
	.ttm-stickable-header-w {
	    height: 115px;
	    line-height: 112px !important;
	}
	#site-header-menu #site-navigation .menu > ul {
		top: 115px;
	}
	.ttm-row.welcome-section_1 {
	    padding: 50px 0 55px!important;
	}
	.ttm-row.service-section_1 {
	    padding: 50px 0 50px !important;
	}
	.ttm-row.hom_range_services {
		padding: 50px 0 35px!important;
	}
	.ttm-row.hom_industry {
	    padding: 50px 0 50px!important;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div {
		display: block!important;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-prev {
		left: 5px;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-next {
		right: 5px;
	}
	.footer .widget {
	    margin: 20px 0 0;
	}
	.copyright {
		padding-top: 15px;
        padding-bottom: 15px;
	}
	.featured-box.style11 {
	    padding: 30px 30px 25px 25px;
	}
	.ttm-fid.style1 {
		margin-top: 15px;
	}
	.ttm-page-title-row {
	    padding: 70px 0 70px;
	}
	.inner_about  .res-991-pt-40 {
		padding-top: 0px!important;
	}
	.vision-mission {
		border-bottom: 2px solid #a50e16;
	}
	.vision-mission .ttm-col-wrapper-bg-layer{
		background: #a50e16;
	}
	.industry_content_block h3 {
	    font-size: 24px;
	}
	.career_form p {
	    font-size: 18px;
	    margin-bottom: 28px;
	    line-height: 28px;
	}
	.career_form_block input, .career_form_block textarea {
		padding: 8px 8px;
		font-size: 14px;
	}
	.contact-form-sec .col-md-2 {
		display: none;
	}
	.contact-form-sec .col-md-10 {
		-ms-flex:  0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.google_map {
	    padding: 0px 0 0px;
	}
	.google_map .container {
		max-width: 100%;
		padding: 0;
	}
	.field_service .col-lg-7.col-md-7, 
	.field_service .col-lg-5.col-md-5 {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.field_service .industry_content_block h3 {
		padding-bottom: 10px;
		font-size: 22px;
	}
	.industry_content_block {
	    padding: 0px 0px;
	}
	.field_service .industry_content_block {
	    padding: 0px;
	}
}

@media only screen and (max-width: 767px) {
	#logo-img.s_screen {
	    display: inline-block;
	} 
	#logo-img.l_screen {
	    display: none;
	} 
	.container {
	    max-width: 98%;
	}
	.ttm-topbar-wrapper {
		display: block;
	}
	.ttm-stickable-header-w {
	    height: 115px;
	    line-height: 112px !important;
	}
	#site-header-menu #site-navigation .menu > ul {
		top: 115px;
	}
	.ttm-row.welcome-section_1 {
	    padding: 45px 0 50px!important;
	}
	.ttm-row.service-section_1 {
	    padding: 35px 0 40px !important;
	}
	.ttm-row.hom_range_services {
		padding: 35px 0 30px!important;
	}
	.ttm-row.hom_industry {
	    padding: 35px 0 40px!important;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div {
		display: block!important;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-prev {
		left: 5px;
	}
	.ttm-row.hom_industry .owl-theme .owl-controls .owl-nav div.owl-next {
		right: 5px;
	}
	.featured-box.style11 {
		padding: 25px 30px 25px 25px;
    }
    .footer .first-footer .widget {
	    margin: 15px 0 0;
	}
	.footer .first-footer {
	    padding: 35px 0 35px;
	}
	.footer .second-footer .widget {
	    margin: 10px 0 0;
	} 
	.second-footer .widget.style2 .widget-title {
	    margin-bottom: 18px;
	}
	.footer .second-footer {
	    padding: 20px 0 25px;
	}
	.copyright {
		font-size: 16px;
		padding-top: 18px;
        padding-bottom: 18px;
	}
	.ttm-page-title-row {
	    padding: 70px 0 70px;
	}
	.title-box .page-title-heading h1 {
	    font-size: 32px;
	    line-height: 34px;
	}
	.inner_about .res-991-pt-40 {
	    padding-top: 0px !important;
	}
	.vision-mission .about-content.padding-10 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.vision-mission {
		border-bottom: 2px solid #a50e16;
	}
	.vision-mission .ttm-col-wrapper-bg-layer{
		background: #a50e16;
	}
	.industry_sec {
	    padding: 35px 0 20px;
	}
	.industry_content_block {
	    padding: 15px 0px;
	}
	.col-lg-push-6 {
	    left: 0;
	}
	.col-lg-pull-6 {
	    right: 0;
	}
	.industry_sec .row.align-items-center {
	    margin-bottom: 15px;
	}
	.career_form .col-md-6.col-sm-7, 
	.career_form .col-md-6.col-sm-5 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.career_form_block {
	    margin-bottom: 0px; /*30px*/
	}
	.career_form {
	    padding: 35px 0 45px;
	}
	.contact-form-sec .col-md-10 {
		padding: 0;
	}
	.contact-info-sec .padding-8 {
		padding-top: 35px;
		padding-bottom: 40px;
	}
	.google_map {
	    padding: 0px 0 0px;
	}
	.google_map .container {
		padding: 0;
		max-width: 100%;
	}
	.supply_piping_pro .industry_content_block ul {
	    margin: 0px 0 0px;
	}
	.supply_piping_pro.industry_sec {
	    padding: 35px 0 35px;
	}
	.industry_sec.field_service {
		padding: 25px 0 35px;
	}
}

@media only screen and (max-width: 600px) {
	.featured-imagebox-team.style1 .featured-title h5 {
	    font-size: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.ttm-row.welcome-section_1 {
	    padding: 45px 0 45px!important;
	}
	.topbar-right .ttm-social-links-wrapper {
		display: none!important;
	}
	.ttm-topbar-wrapper .ttm-rt-contact {
		float: none!important;
		display: block;
        text-align: center;
	}
	.ttm-rt-contact ul > li {
	    float: none;
	    margin-left: 0;
	    display: inline-block;
	    width: 100%;
	}
	.ttm-rt-contact ul > li a:before {
		display: none;
	}
	.ttm-topbar-wrapper {
	    line-height: 32px;
	    padding: 5px 0;
	}
	.ttm-fid.style1 {
		margin-bottom: 10px;
	}
	.hom_industry .owl-carousel .owl-item img {
		width: 100%;
	}
	.hom_industry .featured-imagebox-team.style1 .featured-content {
		padding: 20px 5px 22px;
	}
	.field_service .industry_content_block {
	    padding: 10px 0px;
	}
	.field_service .owl-carousel .owl-item {
	    padding: 0 0px;
	}
	.field_service .owl-theme .owl-controls .owl-nav div.owl-prev {
		left: -15px;
	}
	.field_service .owl-theme .owl-controls .owl-nav div.owl-next {
		right: -15px;
	}
	.field_service .owl-theme .owl-controls .owl-nav div {
	    display: block!important;
	}
	.service-desc {
	    padding: 25px 5px 15px;
	}
	.career_form_block {
	    margin-top: 15px;
	}
}

@media only screen and (max-width: 414px) {
	.career_form p {
	    font-size: 18px;
	    margin-bottom: 10px; /*30px*/
	    line-height: 30px;
	}
	.section-title h2.title {
	    font-size: 30px;
	    line-height: 36px;
	}
	.field_service .industry_content_block h3 {
		font-size: 25px;
	}
}

@media only screen and (max-width: 393px) {
	.ttm-menu-toggle label {
		top: 50px;
	}
	.ttm-page-title-row {
	    padding: 60px 0 60px;
	}
	.title-box .page-title-heading h1 {
	    font-size: 28px;
	    line-height: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.title-box .page-title-heading h1 {
	    font-size: 26px;
	    line-height: 28px;
	}
}

@media only screen and (max-width: 360px) {
	.industry_content_block h3 {
	    font-size: 25px;
	}
	.title-box .page-title-heading h1 {
	    font-size: 24px;
	    line-height: 26px;
	}
	.field_service .industry_content_block h3 {
	    font-size: 24px;
	}
	.section-title h2.title {
	    font-size: 28px;
	    line-height: 34px;
	}
}

@media only screen and (max-width: 320px) {
	.service-desc {
	    padding: 40px 5px 15px;
	}
}