/*
Author: Ghato - a magical man
Code by: "Ghato"
*/

/* Reset..*/
*{
	margin: 0;
	padding: 0;
	border: 0;
}
@font-face {
	font-family: "myfont";
	src: url("fonts/fontawesome-webfont.woff") format('woff');
}

body{ background: #f5f5f5; color: #0b090a; font-family: 'Source Sans Pro', sans-serif; font-size: 16px;}
h1,h2,h3,h4,h5,h6{color: #0b090a; margin: 0 0 20px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #0b090a; font-weight: 400;}

h1{ font-weight: 600; text-transform: uppercase; font-size: 28px; }

p a{ color: #0b090a;}
p a:hover{ text-decoration:underline; outline: none;}
p{ letter-spacing: normal; margin-bottom: 10px; line-height: 30px;}

a{ color: #0b090a; text-decoration: none; outline: none; display: block;}
a:hover, a:focus, a:active, :hover { outline: none; text-decoration: none; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

li{text-decoration: none; list-style-type: none;}

img{width: 100%;}

span{ font-weight: bold;color: #3c50a0;}

.container{
    
    width: 1200px;
    padding: 0px;
}

/* Reset..*/

header{ padding: 1% 0; }

.logo img{ width: 50%; }

header .logo { display: inline-block; }

.right{ float: right; margin-top: 1%; font-size: 14px; }

.right .col-md-4 { position: relative; padding: 0px 0 0px 30px; }

.right .col-md-4 p{ margin: 0px; line-height: 24px;}

.right .col-md-4 img{ width: 8%; position: absolute; left: 0px; top: 4px;}

/* navbar S... */

.navbar-default { margin-top: 1%; background-color: #3c50a0; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); box-shadow: 0 4px 4px rgba(0,0,0,0.5); }

.navbar { border: none; border-radius: 0px; margin-bottom: 0px; z-index: 1; }

.navbar-nav { float: none; margin: auto; display: table; }

.navbar-brand{ display: none; }

.navbar-default .navbar-nav>li>a { color: #fff; text-transform: uppercase; }

.navbar-default .navbar-nav>li>a:hover { color: #000; background: #f5f5f5; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #000; background-color: #f5f5f5; }

.navbar-nav>li { padding: 0px 10px; }

.dropdown-menu>li>a { text-transform: uppercase; padding: 10px 20px; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #fff; background-color: #3c50a0; text-transform: uppercase; }

/* navbar E... */

/* Cont S... */

.cont{ text-align: center; padding: 3% 0px; }

.cont h1{ color:#3c50a0; font-weight: 600; text-transform: uppercase; font-size: 28px; margin: 1% 0px;  }

/*our product S...*/

.product{ margin-top: 2%; padding: 1% 0; }

.product .col-md-3{ width: 24.5%; padding: 0px; position: relative; margin-left: 5px; }

.product .col-md-3 :nth-child(1){ margin-left: 0px; }

.product .col-md-3 .item{ overflow: hidden; position: relative; margin: 0 0 5px 0; height: 148px; }

.item:nth-child(2){ margin: 0; }

.item img{ transform: scale(1.1); transition: transform; transition-duration:2s; }

.col-md-3 .item:hover img{ transform: scale(1.3); transition: transform; transition-duration:2s; } 

.item .overlay{ background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; padding: 12% 5%; width: 100%; color: #fff; height: 100%; opacity: 0; }

.item .overlay:hover{ opacity: 1; }

.item .overlay h1{ color: #fff; font-weight: 400; font-size: 22px; }

.item .overlay a{ padding: 5px 0px; color: #ccc; font-weight: 300; font-size: 14px; }

.item .overlay a:hover{ color: #fff; font-weight: 300; }

.product .product-heading{ background: #3c50a0; padding: 9.86% 2%; }

.product .product-heading h1{ color: #fff; line-height: 30px; }

.product .mobi-product-h1{ background: #3c50a0; color: #fff; padding: 10px; display: none; }


/*our product E...*/

/* Cont E... */

/*Our clients S...*/

.clients{ background: #8a8a8a; padding: 2% 0px; }

.clients h1{ text-transform: uppercase; color: #000; text-align: center; font-size: 28px; font-weight: 400; }

.clients h1 span{ color: #fff; font-weight: 600; }

.clients .row{ padding: 1% 5%; }
.clients .row:nth-child(2){ margin-bottom: 1%;}

.clients .col-md-2{ width: 25%; }

.clients .col-md-2 img{ width: 75%; margin: auto; -webkit-filter: grayscale(100%); -webkit-transition: .3s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .3s ease-in-out;   -o-filter: grayscale(100%); -o-transition: .3s ease-in-out; filter: grayscale(100%); }

.clients .col-md-2:hover img{ -webkit-filter: grayscale(0%); -webkit-transition: .3s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .3s ease-in-out; -o-filter: grayscale(0%); -o-transition: .3s ease-in-out; filter: grayscale(0%); }

/*Our clients E...*/

/* testimonial S... */

.testimonial{ margin: auto; padding: 3% 0px; }

.testimonial h1{ text-align: center; font-weight: 400; }

.testimonial h1 span{ color: #3c50a0; font-weight: 600; }

#quote-carousel {
  padding: 0 25% 3%;
  text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: -10px; margin-right: -19px; }

/* indicator color */
#quote-carousel .carousel-indicators li { background: #c0c0c0; }

/* active indicator */
#quote-carousel .carousel-indicators .active { background: #333333; height:10px; width:10px; margin-bottom:1px; }

small strong{ text-transform: uppercase; color: #3c50a0; font-size: 14px; }

/* testimonial E... */

/* Get a Quote S... */

.ccgt { color: rgba(11, 9, 10, 0.7); width: 100%; height: auto; background: url(../images/q-bg.jpg); padding: 4% 0px 3%; background-size: cover; }

.ccgt form { padding: 0px 10%; }

.ccgt h1{ font-size: 28px; text-align: center; color: #000; font-weight: 400; margin-bottom: 30px; }

.ccgt h1 span{ color: #fff; font-weight: 400; }

.ccgt ul{ padding: 0px 32%; }

.ccgt ul li{ display: inline-block; margin: 0px 15px !important; }

.ccgt .product-read{ width: 200px; height: 50px; -webkit-transform: skew(160deg); -moz-transform: skew(160deg); -o-transform: skew(160deg);  background: rgba(105, 26, 20, 0); border: 1px solid #fff; margin: auto; }

.ccgt .product-read:hover{ background: #691a14; }

.ccgt .product-read p{ -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); text-align: center; margin-bottom: 0px; padding: 10px 5px; color: #fff; font-weight: 200; font-size: 20px; }

.ccgt label { font-weight: 300; color: #fff; }

.ccgt .col-md-12 img{ width: 20%; margin-bottom: 10px; }

.bnt{ outline: none; margin-top: 15px; background: #38b2a9; border: none; font-size: 14px; color: #fff; margin-left: auto; padding: 1em 5%; text-transform:  uppercase; font-weight: 600; display: -webkit-box; letter-spacing: 2px; margin-right: auto; border-radius: 5px; }

.form-control { background-color: #ffffff6b; background-image: none; border: none; border-radius: 5px; }

/* Get a Quote E... */

/* copy S... */

.copy{ background: #6a6a6a; padding: 10px; text-align: center; }

.copy p { margin: 0px; color: #fff; font-weight: 300; display: inline-block;}

.copy span, .copy span a { display: -webkit-inline-box;  margin: 0px; color: #fff; font-weight: 300;  }

/* copy E... */


/************** About S... **************/

.inner{ margin: auto; padding: 3% 0px; }

.banner{ margin: auto; }

/* Breadcrumbs S...*/

.breadcrumbs{ margin: auto; background: #868686; }

.breadcrumbs-text a{ margin: auto; font-size: 15px; padding: 10px 0px; display: -webkit-inline-box; text-decoration: none; text-transform: capitalize; color: #e0dcdc; font-weight: 400; }

.breadcrumbs-text span a:hover{ color: #fff; }

.breadcrumbs-text spam{ font-weight: 400; }

.fa-angle-right{ font-size: 16px; color: #c9c9c9; padding: 0px 1%; }

/* Breadcrumbs E...*/


.inner h1{ font-weight: 400; color: #000; }

.inner p{ text-align: left; }


/************** About E... **************/

/************** Our team S... **************/

.our-certificates{ padding-top: 3%; }

.our-certificates .text{ position: absolute; bottom: 0; background-color: #000; opacity: 0.7; padding: 10px; width: 100%; }

.our-certificates p{ color: #fff; text-align: center; margin: 0px; }

/************** Our team E... **************/

/************** Medical gas pipe line system S... **************/

.inner  h2{ font-size: 24px; margin: 0 0 10px 0; text-transform: uppercase; }

.inner  ul li { position: relative; padding-left: 25px; text-transform: uppercase; margin: 10px 0; }

.inner  ul li:before { content: "\f0da"; font-family: FontAwesome; position: absolute; left: 0px; top: 0px; color: #666; font-size: 1em; }

.inner-active a { color: #3c50a0; font-weight: bold; }

.s-nav{ display: block; }

.s-nav .col-md-3{ padding: 0px; }

.inner .col-md-9 { padding: 0px; }

/* product-display S... */

.product-display{ margin: auto; }

.product-display .col-md-3{ overflow: hidden; position: relative; padding: 0px;margin: 5px; width: 23.5%; }

.product-display .col-md-3 .overlay{ background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; padding: 5%; width: 100%; color: #fff; opacity: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; text-transform: uppercase; text-align: center; font-weight: 300; }

.product-display .col-md-3:hover .overlay{ opacity: 1; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.product-display .col-md-3 img{ transform: scale(1.1); transition: transform; transition-duration:2s; }

.product-display .col-md-3:hover img{ transform: scale(1.3); transition: transform; transition-duration:2s; } 

/* product-display-certificate... */

.product-display .col-md-4{ overflow: hidden; position: relative; padding: 0px;margin: 5px; width: 32.5%; }

.product-display .col-md-4 .overlay{ background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; padding: 5%; width: 100%; color: #fff; opacity: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; text-transform: uppercase; text-align: center; font-weight: 300; }

.product-display .col-md-4:hover .overlay{ opacity: 1; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.product-display .col-md-4 img{ transform: scale(1.1); transition: transform; transition-duration:2s; }

.product-display .col-md-4:hover img{ transform: scale(1.3); transition: transform; transition-duration:2s; } 

/* product-display S... */

/************** Medical gas pipe line system E... **************/

/************** Contact S... **************/

.contact-form{ margin: auto; }

.e-form{ margin: auto; }

.contact-form h1{ font-size: 28px; color: #fff; font-weight: 400; margin-bottom: 20px; }

.contact-form h1 span{ color: #fff; font-weight: 400; }

.col-md-6:nth-child(1) .col-md-6:nth-child(2), .col-md-6:nth-child(4)  { padding-right: 10px; }

.contact-form .form-control { background-color: #86868652; }

.contact-form .col-md-12 img { width: 20%; margin-bottom: 10px; }

.contact-form small, small a { display: -webkit-inline-box; color: #000; font-weight: 300; }

.form-group { margin-bottom: 10px; }

.contact-form .product-read{ width: 200px; height: 50px; -webkit-transform: skew(160deg); -moz-transform: skew(160deg); -o-transform: skew(160deg);  background: rgba(105, 26, 20, 0); border: 1px solid #fff; margin: auto; }

.contact-form .product-read:hover{ background: #691a14; }

.contact-form .product-read p{ -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); text-align: center; margin-bottom: 0px; padding: 10px 5px; color: #fff; font-weight: 200; font-size: 20px; }

.contact-form label { font-weight: 300; color: #000; }

.contact-form .add { background-image: url(../images/contact-2.png); background-size: cover; padding: 6%; width: 47%; margin-left: 3%; float: right; }

.contact-form .add .col-md-6{ width: 100%; }
 
.contact-form .add ul { padding: 0px; }

.contact-form .add ul li { position: relative; padding-left: 8%; margin: 4% 0px; color: #fff; }

.contact-form .add ul li img { width: 5%; top: 3px; position: absolute; left: 0px; }

/************** Contact E... **************/


/************************************************************************************************************************************************
                                                    Responsive Code S...
************************************************************************************************************************************************/

@media only screen and (max-width: 320px ){
    
body{ font-size: 14px;}   
    
.container{ width: 90%; padding: 0px; }
    
/* index S... */
    
    header {  display: none; }
    
    /* nav S...*/
    
    .navbar-header{ padding: 5px 0px; }
    
    .navbar-brand{ display: block; }
    
    .navbar-nav { display: block; }
    
    .navbar-default { background-color: #f5f5f5; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); box-shadow: 0 4px 4px rgba(0,0,0,0.5); }
    
    .navbar-default .navbar-toggle { margin-top: 18px; background-color: #b7d134; border: none; }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b7d134; }
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #f5f5f5; }
    
    header .logo { display: none; }
    
    .navbar-brand { display: contents; }
    
    .navbar-brand img { width: 55%; margin: 5px 0px 5px 15px; }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #3c50a0; }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
    
    .navbar-collapse { padding: 0px; }
    
    .navbar-nav>li { padding: 0px; }
    
    .nav>li>a { padding: 10px 30px; }
    
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 40px; }
    /* nav S...*/
    
    .cont { padding: 3% 0px 6% 0; }
    
    .cont h1 { font-size: 22px; margin: 3% 0px 2%; }
    
    .product { margin-top: 3%; }
    
    .product .mobi-product-h1{ display: block; }
    
    .product .col-md-3 { width: 100%; margin-left: 0px; }
    
    .product .product-heading { display: none; }
    
    .product .col-md-3 .item { height: auto; }
    
    .item .overlay h1 { font-size: 18px; }
    
    .clients { padding: 6% 0px; }
    
    .clients h1 { font-size: 22px;  margin-bottom: 10px; }
    
    .clients .row:nth-child(2) { margin-bottom: 0; }
    
    .clients .row { padding: 0px; margin: 0px; }
    
    .clients .col-md-2 { width: 49%; display: inline-block; padding: 0px; }
    
    .clients .col-md-2 img { width: 100%; }
    
    .testimonial { padding: 6% 0px; }
    
    .testimonial h1 { font-size: 22px; margin-bottom: 10px; }
    
    #quote-carousel { padding: 0px; }
    
    .ccgt { padding: 6% 0px 4%; }
    
    .ccgt h1 { font-size: 22px; margin-bottom: 10px; }
    
    .ccgt form { padding: 0px; }
    
    .ccgt .col-md-12 img { width: 40%; }
    
    .bnt { padding: 1em 15%; }
    
    .copy { font-size: 12px; text-align: center; }
    
    .copy span, .copy span a { float: none; display: -webkit-inline-box; }
    
/* index E... */
    
/* About us S.. */
    
    .breadcrumbs-text a{ font-size: 12px; }
    
    .our-team img { width: 100%; }

/* product-display-certificate... */

    .product-display .col-md-4{ margin: 0 0 10px 0; width: auto; }    
     
/* About us E... */
    
/* Produts S.. */
    
    .inner { padding: 4% 0px; }

    .s-nav { display: none; }
    
    .inner h1 { font-size: 22px; margin-bottom: 2%; text-align: center; }
    
    .product-display .col-md-3 { width: 100%; margin: 0 0 3% 0; }
    
/* Produts E... */
    
/* Contact S... */    
    
    form{ padding: 2% 0px; }
    
    .contact-form .col-md-6, .contact-form .col-md-12 { padding: 0px 10px; }
    
    .contact-form .add { padding: 6%; width: 100%; margin: 2% 0% 4%; }
    
    .contact-form h1 { font-size: 22px; }
    
    .contact-form .add ul li img { width: 7%; }
    
    .contact-form .add ul li { padding-left: 10%; }

    
/* Contact E... */ 
    
}

@media only screen and (min-width:321px ) and (max-width:360px ){
    
body{ font-size: 14px;}   
    
.container{ width: 90%; padding: 0px; }
    
/* index S... */
    
    header {  display: none; }
    
    /* nav S...*/
    
    .navbar-header{ padding: 5px 0px; }
    
    .navbar-toggle { margin-top: 12px; }
    
    .navbar-brand{ display: block; }
    
    .navbar-nav { display: block; }
    
    .navbar-default { background-color: #f5f5f5; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); box-shadow: 0 4px 4px rgba(0,0,0,0.5); }
    
    .navbar-default .navbar-toggle { margin-top: 20px; background-color: #b7d134; border: none; }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b7d134; }
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #f5f5f5; }
    
    header .logo { display: none; }
    
    .navbar-brand { display: contents; }
    
    .navbar-brand img { width: 50%; margin: 5px 0px 5px 15px; }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #3c50a0; }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
    
    .navbar-collapse { padding: 0px; }
    
    .navbar-nav>li { padding: 0px; }
    
    .nav>li>a { padding: 10px 30px; }
    
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 40px; }
    /* nav S...*/
    
    .cont { padding: 3% 0px 6% 0; }
    
    .cont h1 { font-size: 22px; margin: 3% 0px 2%; }
    
    .product { margin-top: 3%; }
    
    .product .mobi-product-h1{ display: block; }
    
    .product .col-md-3 { width: 100%; margin-left: 0px; }
    
    .product .product-heading { display: none; }
    
    .product .col-md-3 .item { height: auto; }
    
    .item .overlay h1 { font-size: 18px; }
    
    .clients { padding: 6% 0px; }
    
    .clients h1 { font-size: 22px;  margin-bottom: 10px; }
    
    .clients .row:nth-child(2) { margin-bottom: 0; }
    
    .clients .row { padding: 0px; margin: 0px; }
    
    .clients .col-md-2 { width: 49%; display: inline-block; padding: 0px; }
    
    .clients .col-md-2 img { width: 100%; }
    
    .testimonial { padding: 6% 0px; }
    
    .testimonial h1 { font-size: 22px; margin-bottom: 10px; }
    
    #quote-carousel { padding: 0px; }
    
    .ccgt { padding: 6% 0px 4%; }
    
    .ccgt h1 { font-size: 22px; margin-bottom: 10px; }
    
    .ccgt form { padding: 0px; }
    
    .ccgt .col-md-12 img { width: 40%; }
    
    .bnt { padding: 1em 15%; }
    
    .copy { font-size: 12px; text-align: center; }
    
    .copy span, .copy span a { float: none; display: -webkit-inline-box; }
    
/* index E... */  
    
/* About us S.. */
    
    .breadcrumbs-text a{ font-size: 12px; }
    
    .our-team img { width: 100%; }

/* product-display-certificate... */

.product-display .col-md-4{ margin: 0 0 10px 0; width: auto; }     
    
/* About us E... */  
    
/* Produts S.. */
    
    .inner { padding: 4% 0px; }

    .s-nav { display: none; }
    
    .inner h1 { font-size: 22px; margin-bottom: 2%; text-align: center; }
    
    .product-display .col-md-3 { width: 100%; margin: 0 0 3% 0; }
    
/* Produts E... */    
    
    
/* Contact S... */    
    
    form{ padding: 2% 0px; }
    
    .contact-form .col-md-6, .contact-form .col-md-12 { padding: 0px 10px; }
    
    .contact-form .add { padding: 6%; width: 100%; margin: 2% 0% 4%; }
    
    .contact-form h1 { font-size: 22px; }
    
    .contact-form .add ul li img { width: 7%; }
    
    .contact-form .add ul li { padding-left: 10%; }

    
/* Contact E... */     
    
    
}

@media only screen and (min-width:361px ) and (max-width:480px ){

body{ font-size: 14px;}   
    
.container{ width: 90%; padding: 0px; }
    
/* index S... */
    
    header {  display: none; }
    
    /* nav S...*/
    
    .navbar-header{ padding: 5px 0px; }
    
    .navbar-toggle { margin: 15px 15px 0 0; }
    
    .navbar-brand{ display: block; }
    
    .navbar-nav { display: block; }
    
    .navbar-default { background-color: #f5f5f5; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); box-shadow: 0 4px 4px rgba(0,0,0,0.5); }
    
    .navbar-default .navbar-toggle { margin-top: 24px; background-color: #b7d134; border: none; }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b7d134; }
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #f5f5f5; }    
    
    header .logo { display: none; }
    
    .navbar-brand { display: contents; }
    
    .navbar-brand img { width: 50%; margin: 5px 0px 5px 15px; }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #3c50a0; }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
    
    .navbar-collapse { padding: 0px; }
    
    .navbar-nav>li { padding: 0px; }
    
    .nav>li>a { padding: 10px 30px; }
    
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 40px; }
    /* nav S...*/
    
    .cont { padding: 3% 0px 5% 0; }
    
    .cont h1 { font-size: 22px; margin: 3% 0px 2%; }
    
    .product { margin-top: 3%; }
    
    .product .mobi-product-h1{ display: block; }
    
    .product .col-md-3 { width: 100%; margin-left: 0px; }
    
    .product .product-heading { display: none; }
    
    .product .col-md-3 .item { height: auto; }
    
    .item .overlay h1 { font-size: 20px; }
    
    .clients { padding: 5% 0px; }
    
    .clients h1 { font-size: 22px;  margin-bottom: 15px; }
    
    .clients .row:nth-child(2) { margin-bottom: 0; }
    
    .clients .row { padding: 0px; margin: 0px; }
    
    .clients .col-md-2 { width: 49%; display: inline-block; padding: 0px; }
    
    .clients .col-md-2 img { width: 100%; }
    
    .testimonial { padding: 5% 0px; }
    
    .testimonial h1 { font-size: 22px; margin-bottom: 10px; }
    
    #quote-carousel { padding: 0px; }
    
    .ccgt { padding: 5% 0px 3%; }
    
    .ccgt h1 { font-size: 22px; margin-bottom: 15px; }
    
    .ccgt form { padding: 0px; }
    
    .ccgt .col-md-12 img { width: 40%; }
    
    .bnt { padding: 1em 15%; }
    
    .copy { font-size: 12px; text-align: center; }
    
    .copy span, .copy span a { float: none; display: -webkit-inline-box; }
    
/* index E... */  
    
/* About us S.. */
    
    .breadcrumbs-text a{ font-size: 12px; }
    
    .our-team img { width: 100%; }

/* product-display-certificate... */

.product-display .col-md-4{ margin: 0 0 10px 0; width: auto; }     
    
/* About us E... */
    
/* Produts S.. */
    
    .inner { padding: 4% 0px; }

    .s-nav { display: none; }
    
    .inner h1 { font-size: 22px; margin-bottom: 2%; text-align: center; }
    
    .product-display .col-md-3 { width: 100%; margin: 0 0 3% 0; }
    
/* Produts E... */     
    
/* Contact S... */    
    
    form{ padding: 2% 0px; }
    
    .contact-form .col-md-6, .contact-form .col-md-12 { padding: 0px 10px; }
    
    .contact-form .add { padding: 6%; width: 100%; margin: 2% 0% 4%; }
    
    .contact-form h1 { font-size: 22px; }
    
    .contact-form .add ul li img { width: 5%; top: 3px; }
    
    .contact-form .add ul li { padding-left: 8%; }

    
/* Contact E... */     
    
    
}

@media only screen and (min-width:481px ) and (max-width:600px){
    
body{ font-size: 14px;}   
    
.container{ width: 90%; padding: 0px; }
    
/* index S... */
    
    header {  display: none; }
    
    /* nav S...*/
    
    .navbar-header{ padding: 5px 0px; }
    
    .navbar-toggle { margin: 25px 15px 0 0; }
    
    .navbar-brand{ display: block; }
    
    .navbar-nav { display: block; }
    
    .navbar-default { background-color: #f5f5f5; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); box-shadow: 0 4px 4px rgba(0,0,0,0.5); }
    
    .navbar-default .navbar-toggle { margin-top: 24px; background-color: #b7d134; border: none; }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b7d134; }
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #f5f5f5; }
    
    header .logo { display: none; }
    
    .navbar-brand { display: contents; }
    
    .navbar-brand img { width: 35%; margin: 5px 0px 5px 15px; }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #3c50a0; }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
    
    .navbar-collapse { padding: 0px; }
    
    .navbar-nav>li { padding: 0px; }
    
    .nav>li>a { padding: 10px 30px; }
    
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 40px; }
    /* nav S...*/
    
    .cont { padding: 2% 0px 3% 0; }
    
    .cont h1 { font-size: 22px; margin: 3% 0px 1%; }
    
    .product { margin-top: 3%; }
    
    .product .mobi-product-h1{ display: block; }
    
    .product .col-md-3 { width: 100%; margin-left: 0px; }
    
    .product .product-heading { display: none; }
    
    .product .col-md-3 .item { height: auto; }
    
    .item .overlay h1 { font-size: 20px; }
    
    .clients { padding: 4% 0px; }
    
    .clients h1 { font-size: 22px;  margin-bottom: 15px; }
    
    .clients .row:nth-child(2) { margin-bottom: 0; }
    
    .clients .row { padding: 0px; margin: 0px; }
    
    .clients .col-md-2 { width: 49%; display: inline-block; padding: 0px; }
    
    .clients .col-md-2 img { width: 100%; }
    
    .testimonial { padding: 4% 0px; }
    
    .testimonial h1 { font-size: 22px; margin-bottom: 10px; }
    
    #quote-carousel { padding: 0px; }
    
    .ccgt { padding: 4% 0px 2%; }
    
    .ccgt h1 { font-size: 22px; margin-bottom: 15px; }
    
    .ccgt form { padding: 0px; }
    
    .ccgt .col-md-12 img { width: 40%; }
    
    .bnt { padding: 1em 15%; }
    
    .copy { font-size: 12px; text-align: center; }
    
    .copy span, .copy span a { float: none; display: -webkit-inline-box; }
    
/* index E... */ 

/* product-display-certificate... S*/

.product-display .col-md-4{ margin: 0 0 10px 0; width: auto; } 

/* product-display-certificate... E*/
    
/* Produts S.. */
    
    .inner { padding: 4% 0px; }

    .s-nav { display: none; }
    
    .inner h1 { font-size: 22px; margin-bottom: 2%; text-align: center; }
    
     .product-display { margin-left: 0.8%; }
    
    .product-display .col-md-3 { width: 48%; margin: 0 0.8% 0.8%; display: inline-block; }
    
/* Produts E... */     
    
/* Contact S... */    
    
    form{ padding: 2% 0px; }
    
    .contact-form .col-md-6, .contact-form .col-md-12 { padding: 0px 10px; }
    
    .contact-form .add { padding: 6%; width: 100%; margin: 2% 0% 4%; }
    
    .contact-form h1 { font-size: 22px; }
    
    .contact-form .add ul li img { width: 5%; top: 1px; }
    
    .contact-form .add ul li { padding-left: 8%; }

    
/* Contact E... */      
    
    
}

@media only screen and (min-width:601px ) and (max-width:767px){
    
    body{ font-size: 14px;}   
    
.container{ width: 90%; padding: 0px; }
    
/* index S... */
    
    header {  display: none; }
    
    /* nav S...*/
    
    .navbar-header{ padding: 0px; }
    
    .navbar-toggle { margin: 20px 15px 0 0; }
    
    .navbar-brand{ display: block; }
    
    .navbar-nav { display: block; }
    
    .navbar-default { background-color: #f5f5f5; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); box-shadow: 0 4px 4px rgba(0,0,0,0.5); }
    
    .navbar-default .navbar-toggle { margin-top: 4%; background-color: #b7d134; border: none; }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b7d134; }
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #f5f5f5; }
    
    header .logo { display: none; }
    
    .navbar-brand { display: contents; }
    
    .navbar-brand img { width: 30%; margin: 5px 0px; }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #3c50a0; }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
    
    .navbar-collapse { padding: 0px; }
    
    .navbar-nav>li { padding: 0px; }
    
    .nav>li>a { padding: 10px 30px; }
    
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 40px; }
    /* nav S...*/
    
    .cont { padding: 1% 0px 3% 0; }
    
    .cont h1 { font-size: 24px; margin: 3% 0px 1%; }
    
    .product { margin-top: 3%; padding: 0px; }
    
    .product .mobi-product-h1{ display: block; }
    
    .product .col-md-3 { width: 100%; margin-left: 0px; display: -webkit-box; }
    
    .product .col-md-3 .item { height: auto; width: 49%; margin: 0.5%; }
    
    .product .product-heading { display: none; }
    
    .clients { padding: 4% 0px; }
    
    .clients .row { padding: 0% 5%; }
    
    .clients .row:nth-child(2) { margin-bottom: 0%; }
    
    .clients .col-md-2 { width: 24%; display: table-cell; padding: 0px; }
    
    .clients .col-md-2 img { width: 100%; }
    
    .testimonial { padding: 3% 0px; }
    
    .testimonial h1 { font-size: 24px; margin-bottom: 10px; }
    
    #quote-carousel { padding: 0px; }
    
    .ccgt { padding: 3% 0px 2%; }
    
    .ccgt h1 { font-size: 24px; margin-bottom: 15px; }
    
    .ccgt form { padding: 0px; }
    
    .ccgt .col-md-12 img { width: 40%; }
    
    .bnt { padding: 1em 15%; }
    
    .copy { font-size: 14px; text-align: center; }
    
    .copy span, .copy span a { float: none; display: -webkit-inline-box; }
    
/* index E... */ 

/* product-display-certificate... S*/

.product-display .col-md-4{ margin: 0 0 10px 0; width: 48%; display: inline-block; } 

/* product-display-certificate... E*/

    
/* Produts S.. */
    
    .inner { padding: 4% 0px; }

    .s-nav { display: none; }
    
    .inner h1 { font-size: 24px; margin-bottom: 2%; text-align: center; }

    .product-display { margin-left: 0.5%; }
    
    .product-display .col-md-3 { width: 31.4%; margin: 0 0.5% 0.8%; display: inline-block; }
    
/* Produts E... */     
    
/* Contact S... */    
    
    form{ padding: 2% 0px; }
    
    .contact-form .col-md-6, .contact-form .col-md-12 { padding: 0px 10px; }
    
    .contact-form .add { padding: 4% 6% 2%; width: 100%; margin: 2% 0% 4%; }
    
    .contact-form h1 { font-size: 22px; }
    
    .contact-form .add ul li img { width: 4%; top: 3px; }
    
    .contact-form .add ul li { padding-left: 6%; }
    
/* Contact E... */      
    
}

@media only screen and (min-width:768px) and (max-width:991px){
    
/* index S... */  
    
    .container{ width: 95%; padding: 0px; }
    
    header { display: none;}
    
    .navbar{ display: block; background: #f5f5f5; padding: 10px 0; }

    .navbar-toggle { display: block !important; position: relative; float: right; } 
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #888; }

    .navbar-header { float: none; }
    
    .navbar-toggle { display: block; }
    
    .navbar-collapse.collapse { display: none!important; border: none; }
    
    .navbar-nav { float: none!important; margin: 0px; display: block; background: #3c50a0; margin-top: 10px; }
        
    .navbar-nav>li { float: none; padding: 0px; }

    .navbar-collapse.collapse.in { display: block!important; }
    
    .collapsing { overflow: hidden!important; }
    
    .navbar-brand { display: contents; }
    
    .navbar-brand img { width: 25%; }
    
    .navbar-toggle { margin-top: 2.5%; background-color: #b7d134; }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b7d134; }
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #f5f5f5; }

/* mobile menu  E...*/
    
    .cont { padding: 3% 0px 2%; }
    
    .product { margin-top: 2%; padding: 1% 0; display: -webkit-box; }
    
    .product .col-md-3 .item { height: auto; }
    
    .product .product-heading { padding: 8% 2%; }
    
    .item .overlay { padding: 8% 3%; }
    
    .item .overlay h1 { font-size: 18px; }
    
    .clients .row { padding: 0px; }
    
    .clients .row:nth-child(2) { margin-bottom: 0; }
    
    .clients .col-md-2 { width: 24%; display: table-cell; }
    
    .clients .col-md-2 img { width: 100%; }
    
    #quote-carousel { padding: 0 12% 3%; }
    
    .ccgt { padding: 4% 0px 2.5%; }
    
    .copy { font-size: 13px; }
/* index E... */

.product-display .col-md-4{ margin: 0 0 10px 0; width: 48%; display: inline-block; } 
    
/* Produts S.. */
    
    .inner { padding: 4% 0px 3%; }

    .s-nav { display: none; }
    
    .inner h1 { font-size: 24px; margin-bottom: 2%; text-align: center; }

    .product-display .col-md-3 { width: 23.6%; margin: 0 0.5% 0.5%; display: inline-block; }
    
/* Produts E... */     
    
/* Contact S... */ 
    
    .contact-form { padding: 0px 10%;}  
    
    .contact-form .col-md-6, .contact-form .col-md-12 { padding: 0px 15px; }
    
    .contact-form .add { width: 100%; margin: 2% 0 3% 0; }
    
/* Contact E... */        
}

@media only screen and (min-width:992px) and (max-width:1199px){
    
/* index S... */
    
    .container{ width: 900px; }
    
    header { display: none;}
    
    .navbar{ display: block; background: #f5f5f5; padding: 10px 0; }
    
    .navbar-default { margin-top: 0%; }

    .navbar-toggle { display: block !important; position: relative; float: right; } 
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #888; }

    .navbar-header { float: none; }
    
    .navbar-toggle { display: block; }
    
    .navbar-collapse.collapse { display: none!important; border: none; }
    
    .navbar-nav { float: none!important; margin: 0px; display: block; background: #3c50a0; margin-top: 10px; }
        
    .navbar-nav>li { float: none; padding: 0px; }

    .navbar-collapse.collapse.in { display: block!important; }
    
    .collapsing { overflow: hidden!important; }
    
    .navbar-brand { display: contents; }
    
    .navbar-brand img { width: 25%; }
    
    .navbar-toggle { margin-top: 3.5%; background-color: #b7d134; }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #b7d134; }
    
    .navbar-default .navbar-toggle .icon-bar { background-color: #f5f5f5; }

/* mobile menu  E...*/
    
    .cont { padding: 2% 0px 3%; }
    
    .product .col-md-3 { width: 24.4%; }

    .product .col-md-3 .item { height: auto; }
    
    .item .overlay h1 { font-size: 20px; }
    
    .product .product-heading { padding: 8.8% 2%; }
    
    .clients { padding: 3% 0px; }
    
    .clients .row { padding: 0px; }
    
    #quote-carousel { padding: 0 15% 3%; }
    
/* index E... */   
    
    .contact-form .add { padding: 6% 2%; width: 50%; margin-left: 0%; }

    .product-display .col-md-4{ width: 32%; display: inline-block; margin: 0 10px 10px 0; }
    
}

@media only screen and (min-width:1200px) and (max-width:1300px){ 

    /* index S... */ 
    
    .container{ width: 1080px; }
    
    header .logo{ width: 25%; }
    
    header .col-md-8{ width: 75%; }
    
    .navbar-default { margin-top: 0%; }
    
    .logo img { width: 80%; }
    
    .product .col-md-3 .item { height: auto; }
    
    .product .product-heading { padding: 9.3% 2%; }
    
    .clients { padding: 3% 0px; }
    
    #quote-carousel { padding: 0 18% 3%; }
    
    /* index E... */ 
    
    .product-display .col-md-4{ margin: 0 10px 10px 0; width: 31.5%; display: inline-block; } 
}