@media (max-width: 1366px) {
    .probutton-row ul { width: 90%; }
    .box-inner .box-menu h3 { font-size: 18px;}
    .box-inner .box-menu ul li { font-size: 18px;}
}
@media (max-width: 1200px) {
	.probutton-row ul { width: 100%;}
	.probutton-row ul li { flex-basis: 100%; margin-right: 15px; width: 100%;}
	.probutton-row ul li a { padding: 15px;font-size: 15px;}
	.specification-col h4, .specification-col p, .specification-col ul li { font-size: 14px;}
	.intro-block h3 span { display: initial;}
	.container { width: 90%; }
	.counter { padding: 20px 45px; font-size: 63px; color: #cf716e; text-align: center;}
	.counter:first-child { text-align: center; border-right: solid 1px #c6c6c6; border-bottom: 0;}
	.counter:nth-child(2) { text-align: center; border-right: none; border-bottom: solid 1px #c6c6c6;}
	.counter:last-child { text-align: center; border-right: none; border-bottom: none;}
	.pro-main img { width: 100%;}
	.abt-wrap { padding: 30px 70px 15px;}
	.contactus { padding: 120px 0 0px;}
	.pro-bg { padding: 60px 30px;}
	.pro-main-img { width: 100%;}
	.box-inner .box-menu h3 { font-size: 16px;}
	.box-inner .box-menu ul li { line-height: 30px; font-size: 16px; padding-left: 15px;}
	.contactus .head-block { padding-left: 75px;}
    .processcol {margin: 16px auto; padding: 25px; width: 46%;}
    .midintro-left { padding: 120px 50px;}
    .methodcol { width: 50%; margin-bottom: 30px;}
    .hero-description h1 { font-size: 40px;}
    .hero-btnrow ul li a {margin: 0 10px;}
	.intro-block h3 br {display: none;}
	.about-img, .aboutmaser-wrap {width: 100%;}
	.about-img {min-height: 550px; background-position: 65% 84%;}
    .teampro-row .teamcol {width: 31%;}
}


@media (max-width: 1024px) {
    .slider-left-block {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 90%;
        padding: 0 60px;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

    .slider-right-block {
        position: relative;
        top: 0;
        left: auto;
        right: 0;
        width: 80%;
        padding: 0 0 0 60px;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
	.circle-nav { display: flex; flex-wrap: wrap; justify-content: center;}
	.navcircle { width: 480px; margin: 0; position: absolute; right: -28em; }
	.certificationsimg { position: relative; }
	.intro-block h3 br { display: none;}
	.intro-block { padding: 50px 50px 50px 15px;}
    .gallery-wrap {
		width: 100%; }
}
@media (max-width: 991px) {
	.prodetail-sec-left h3 { text-align: left; padding: 0 0 0 30px;}
	.prodetail-sec-left h3:after {left: -9px;}
	.prodetail-sec-left, .prodetail-sec-right { width: 100%; display: block;}
	.prodetail-section { padding-left: 15px;}
	.intro-panel { padding: 50px 0 80px;}
	.intro-block { padding: 10px 40px 50px;}
	.intro-block h3 {font-size: 32px; line-height: 36px;}
	.intro-block p {font-size: 17px;}
	.mainslider-block { padding: 60px 0 20px;}
	.slider-img { margin: 60px auto 0;}
	.abt-wrap { padding: 50px 30px 15px;}
	.about-block { padding: 95px 0 80px;}
	.about-block .head-block h2 span { display: initial;}
	.our-certificates .head-block h2 span, .our-clients .head-block h2 span {  display: initial;}
	.socialshare { left: 5px;}
	.box-inner .box-menu {  padding: 20px 15px;}
	.box-inner .box-menu h3 { font-size: 14px;}
	.box-inner .box-menu ul li { line-height: 20px; font-size: 13px; padding-left: 10px;}
	.product-details { padding: 50px 0 50px;}
	.product-banner { padding: 110px 0 0;}
	.overlay ul li a {font-size: 16px; line-height: 24px; padding: 0;}
	.overlay nav { height: 70%; top: 45%; padding: 0 45px 30px;}
	.contactus .head-block { padding-left: 60px; padding-bottom: 10px;}
	.address { margin-top: 40px;}
	.ftrnav { padding-bottom: 20px;}
	.text-right{ text-align: left;}
	.copyright-wrap p { padding: 12px 0 0; text-align: center;}
	.social-nav ul{ text-align: center;}
	.slide-toggle{ right: -53px;}
	.certifications-block img { width: 100%;}
	.certifications-block { padding: 0px 30px;}
	.head-block h4 { font-size: 22px; line-height: 32px;}
	.head-block h3 { padding-bottom: 30px;}
	.hero-wrapper { margin-top: 5em;}
	.masermodel-col { width: 48%; margin: 0px 0 25px;}
	.aboutrow { display: block;}
	.about-img, .aboutmaser-wrap { width: 100%;}
	.about-img{ min-height: 400px;}
	.heading-block h4 br{ display: none;}
	.our-certificates-panel, .team-panel { padding: 140px 15px 80px;}
	.form-container { padding: 0 0px 60px;}
	.specification-col h4, .specification-col p, .specification-col ul li { font-size: 15px;}
	.specification-col h4, .specification-col p, .specification-col ul li { font-size: 18px; line-height: 25px;}
	.implist li { width: 100%;margin: 0 auto 15px;}
	.controller-block{ width:48%;} 
	.surfacecol { width: 48%; margin-bottom: 25px;}
	.brleft { border-left: 0;}
	.resultblock { padding: 25px 0;}
	.midintro-bg { padding: 40px 0px 0;}
	.midintro-left { padding: 60px 50px;}
	.de-processcol { width: 46%; margin: 1% 2%;}
	.de-processcol:nth-child(2):before, .de-processcol:nth-child(2):after{ display: none;}
	.logo-col { width: 22%;}
	.hero-description h1 {font-size: 38px; max-width: 85%;}
    .hero-btnrow ul li a { margin: 10px 10px; }
    .success-msg { font-size: 45px;}
    .teampro-row .teamcol { width: 48%;}
	.founder-block {max-width: 90%;}
	.intro-block, .intro-img-block {width: 100%;}
    .client-list { display: block;}
    .alfacol { width: 100%; margin-bottom: 10px; padding: 15px 0;}
	.modal-dialog {width: 90%;}
	.maserteam-block { margin-top: 70px; margin-bottom: 70px;}
    .highlight-block { max-width: 76%;}
}

@media (max-width: 767px) {
	.container { width: 95%;}
	.intro-panel .container { width: 90%;}
	.socialshare { left: 10px;}
	.prodetail-list ul li { font-size: 16px; line-height: 23px; padding: 10px 0;}
	.prodetail-list ul { padding: 18px 0 40px 0 !important; }
	.counter { border-bottom: 1px solid #c6c6c6; }
	.features .head-block h3 {padding-bottom: 0;}
	.socialshare {
    background-color: rgb(209, 210, 216);
    padding-top: 15px;
    left: auto;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    top: auto;
    bottom: 5px;
    display: none !important;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
	}
    .socialshare{ display: none !important;}
    .mainslider-block h2{ padding-left: 0;}
    .mainslider-block h2 {font-size: 3rem; line-height: 1.2;}
    .defaultlink a:before { left: 0;}
    .defaultlink a{ padding-left: 60px;}
    .defaultlink a:hover { padding-left: 75px;}
    .owl-carousel .owl-item .firm { margin-top: 50px; padding-left: 0;}
    .head-block h4 span{ display: initial;}
    .head-block{ padding-bottom: 30px;}
    .title { padding: 40px 25px;}
    .quick-facts, .why-maser, .certifications{ padding: 95px 0 70px;}
    .features { padding: 95px 0 30px;}
    .intro-block h3 { font-size: 32px;}
    .intro-block p{ margin-right: 0;}
    .header-wrapper.container { width: 95%;}
    .ftrnav .col-sm-4.col-xs-4{ width: 50%;}
    .feature { text-align: center; display: block;}
    .feature-icon { margin: 0 auto;}
    .feature-body h4{ line-height: 1.3; padding: 12px 0;}
    .logo { width: 300px;}
    .feature{ margin-bottom: 20px;}
    .our-certificates .head-block, .our-clients .head-block { width: 92%;}
    .team-list { width: 92%;}
    .client-list { width: 100%; }
    .client-list { width: 92%; margin: 0 auto 50px;}
	.clist ul li {font-size: 15px; padding: 3px 20px;}
	.clist ul li:before {top: 2px;}
    .probutton-row ul li { flex-basis: 100%; margin: 10px auto; width: 100%;}
    .probutton-row ul { display: block;}
    .probutton-row ul li a br{ display: none;}
    .probutton-row ul li a span { margin-right: 15px; float: none;}
    .probutton-row ul { width: 92%;}
    .pro-bg { padding: 40px 30px 30px;}
    .contactus .head-block { padding-left: 30px; padding-bottom: 10px;}
    .box-inner .box-menu { width: 50%; float: left; min-height: auto; box-shadow: inset 0px 0px rgba(255, 255, 255, 0.5);}
    .box { height: 22%;}
    .box-inner .box-menu:nth-child(3) { clear: both;}
    .box-inner .box-menu { padding: 20px 20px 0;}
    .box-inner .box-menu ul li { line-height: 20px; font-size: 15px;}
    .box-inner .box-menu h3 { font-size: 15px;}
    .vertical-line { height: 90px; margin: -145px auto 40px;}
    .vertical-line:after { top: 40px;}
    .prohead-block h1 { font-size: 36px;}
    .pro-main-img { margin-top: 0;}
    .prodetail-sec-left h3 { letter-spacing: 3px;}
    .head-block h3 { letter-spacing: 3px;}
    .head-block h4 { font-size: 20px; line-height: 30px;}
    .about-block { padding: 75px 0 80px;}
    .our-certificates, .our-clients { padding: 120px 0 0px;}
    .client { padding: 20px 0;}
    .slide-toggle { right: -50px;}
    .slider-left-block{ width: 100%;}
    .slider-left-block h2 { font-size: 2em; line-height: 1.3;}
    .herowrapper{ margin-bottom: 50px;}
    .prodetail-section { padding-left: 0px;}
    .masermodel-block {padding: 40px 0px 0; margin: 50px 0 0;}
    .aboutmaser-wrap { padding: 40px 30px;}
    .about-intro p { font-size: 18px;}
    .heading-block h4 {font-size: 22px;}
    .about-img { min-height: 400px;}
    .certificates { padding: 0 15px;}
    .certificatecol { margin-bottom: 40px;}
    .gallery-wrap{ text-align: center;}
    .heading-block { padding: 0 15px 60px; max-width: 100%;}
    .output-mob{display: block;}
    .output-desk{display: none;}
    .aos-animate {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    .system-panel {padding: 15% 0 0;}
    .de-processcol {width: 100%; margin: 0 auto 40px;}
	.de-processcol:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -15px;
	left: 50%; top: auto; 
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.de-processcol:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: rgb(181, 38, 34) transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -16px;
	left: 50%; top: auto; 
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
    .de-processcol:nth-child(2):before, .de-processcol:nth-child(2):after{ display: block;}
    .logo-col { width: 28%;}
    .clist { padding-bottom: 0px;}
    .hero-description h1 { font-size: 35px;}
    .hero-description h1 { font-size: 32px;}
    .hero-btnrow ul li a{ width: 85%; margin: 10px auto;}
    .hero-btnrow ul li { display: block;}
    .herowrapper { margin: 5.5em auto 0; min-height: 550px;}
    .teamstaff-row .teamcol { width: 100%; margin: 2% auto;}
    .team-des h4 { font-size: 16px;}
    .founder-block { max-width: 100%;}
    .heading-block p { font-size: 18px;}
    .success-msg { font-size: 36px;}
	.productform form {
		display: block;}
	.productform form .form-group {
		width: 100%;}
	.phno { grid-template-columns: 100%;}
}

/* Smartphone mobiles portrait */
@media (max-width: 640px) {
    .navcircle{ display: none;}
    .circle-navlist ul li:nth-child(2), .circle-navlist ul li:nth-child(6) { padding-right: 0px;}
    .circle-navlist ul li:nth-child(3), .circle-navlist ul li:nth-child(5) { padding-right: 0;}
    .circle-navlist ul li:nth-child(4) { padding-right: 0;}
    .slider-left-block{ padding: 0 30px;}
    .featurecol{ width: 50%;}
    .masermodel-col { width: 100%;}
    .feature:hover .feature-body h4 { letter-spacing: 0px;}
    .counter {font-size: 45px;}
    .processcol { width: 100%;}
    .methodcol { width: 100%; margin-bottom: 5px;}
    .controller-block { width: 100%;}
    .controller-img { margin: 0 auto 0px; padding: 10px 15px;}
    .midintro-left h3 { font-size: 22px;}
    .listcol ul li { font-size: 20px;}
    .methodcol .numeric { font-size: 65px;}
    .methodcol{ padding: 30px 0 0 20px;}
    .controller-des h3 { font-size: 20px;}
    .hero-description h1 { font-size: 26px;}
    .hero-btnrow ul li a {padding: 10px 15px; font-size: 16px;}
    .foundercol { width: 80%; margin: 2% auto;}
    .highlight-block {
        max-width: 92%;
        padding: 70px 18px 35px;
    }
    .hightlight-table td:first-child {
        width: 140px;
    }
    .hightlight-table td a { padding: 5px 0;}
}
@media (max-width: 500px) {
    .ftrnav ul li a { font-size: 13px; line-height: 25px;}
    .counter { width: 100%; margin-bottom: 0;}
    .counter:first-child { border-right: 0;}
    .intro-block h3 { font-size: 28px; line-height: 32px;}
    .hero-wrapper { margin-top: 4em;}
    .overlay ul li a { font-size: 14px;line-height: 22px;}
    .overlay nav { padding: 0 0px 30px;}
    .menu { display: none;}
    .toggle-wrap { right: 10px;}
    .the-team .head-block, .the-team .team-list { width: 100%;}
    .certificatecol{ width: 100%;}
    .address { font-size: 16px !important; line-height: 26px;}
    .contactus .head-block h2 { font-size: 30px;}
    .prodetail-section { padding-left: 10px;}
    .prodetail-sec-right { padding: 0 0 0 20px;}
    .head-block h3 { letter-spacing: 1px;}
    .prodetail-sec-left h3 { letter-spacing: 1px;}
    .main-slider { padding: 0;}
    .intro-block { padding: 50px 20px 40px;}
    .intro-panel { padding: 0px 0 80px;}
    .prohead-block h1 { font-size: 32px;}
    .pro-bg { padding: 40px 15px 30px;}
    .quick-facts .heading-block { padding: 0;}
    .midintro-left { padding: 50px 30px;}
    .listcol ul li { font-size: 18px;}
    .logo-col { width: 46%;}
    .hero-description h1 { font-size: 22px;}
}
@media (max-width: 480px) {
    .surfacecol { width: 100%;}
    .system-intro-panel { padding: 50px 15px 50px;}
	.intro-img-block{min-height: 350px;}
    .teampro-row .teamcol { width: 100%; margin: 2% auto;}
     .foundercol { width: 100%; margin: 2% auto;}
    .feature-icon {
    width: 120px;
        height: 120px;}
}
@media (max-width: 360px) {
    .client ul li{ width: 100%;}
}
@media (max-width: 320px) {
	.logo { width: 220px; }
	.socialshare { left: 0px;}
	.mainslider-block h2 { font-size: 3rem; line-height: 40px; padding-left: 0px;}
	.mainslider-block { padding: 45px 0 20px;}
	.owl-carousel .owl-item .firm img { width: 100%;}
	.owl-carousel .owl-item .firm { margin-top: 20px; padding-left: 0px;}
	.features .head-block h3 { padding-bottom: 30px;}
	.slider-img { margin-top: 10px; }
	#main-slider.owl-theme .owl-nav.disabled + .owl-dots { right: -10px;}
	.intro-panel { padding: 10px 0 90px;}
	.intro-block { padding-top: 20px; }
	.intro-img { margin-top: 30px;}
	.counter { padding: 20px 45px; font-size: 45px; color: #cf716e; text-align: center; border-right: none; border-bottom: solid 1px #c6c6c6;}
	.counter:first-child { text-align: center;}
	.counter:last-child { text-align: center; border-right: none; border-bottom: none;}
	.feature { margin-bottom: 20px;}
	.features .head-block { padding-bottom: 0px;}
	.feature-icon { width: 40px; height: 40px; }
	.feature-icon img { width: 40px;}
	.feature-body h4 { font-size: 14px; line-height: 20px;}
	.pro-bg { background-color: #f5f5f5; padding: 10px;}
	.pro-main { margin-top: 30px;}
	.pro-main img { width: 100%;}
	.pro-section .head-block { padding-bottom: 20px;}
	.about-block { padding: 45px 0 70px;}
	.certifications-block img { width: 100%; }
	.abt-wrap { padding: 30px 25px 15px;}
	.our-clients .head-block { margin-top: 20px;}
	.client { padding: 10px;}
	.contactus { padding: 45px 0 0px; }
	.contactus .head-block {padding-bottom: 0px; padding-left: 20px;}
	.product-banner .box, .slide-toggle { display: none;}
	.ftrnav .col-sm-6.col-xs-6{ width: 100%;}
}