/*          Responsive styles
================================================== */


@media only screen and (min-width: 2800px)
{
.productimage img
{
	width:100% !important;
}

.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 800px;
}
}


@media only screen and (min-width: 1920px) and (max-width: 2800px)
{
.productimage img
{
	width:100% !important;
}

.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 1355px;
}
}


@media only screen and (min-width: 992px) and (max-width: 1600px) {
.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 1356px;
}
		
}
	
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 1355px;
}
		
}

@media only screen and (min-width: 1600px) {
	
	 #banner .banner-1,  #banner .banner-2,  #banner .banner-3, #banner .banner-4{
	 min-height:787px;
 }



}

@media only screen and (min-width: 1400px) {	
.products
{
	overflow:hidden;
}	 
.productimage
{
	height:735px;
}

.productcontent
{
	height:735px;
}

.product-section .productimage
{
	height:680px;
}

.product-section .productcontent
{
	height:680px;
}

}

@media only screen and (min-width: 1200px)
{
.company-profile {
   
	padding-top: 160px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1221px) {

    
    /*#navigation > ul > li > a {
            padding: 32px 10px;
    font-size: 12px;
    }*/
   
 #sticky-wrapper
 {
	     height: 74px !important;
 } 
}

@media (min-width: 768px){

.row.row-space
{
padding:10px 0px;
}

.affiliatie-text img
{
width:175px;
height:88px;
}

.instrumentation img, .drilling img, .commercial-image img, .mechanical-image img{
	float:right;
}
#quality img {
    margin: 0;
}

.oilfield
{
	padding-top: 50px;
}

.copright-text
{
	text-align: right;
    
}

.footer-menu img, .about-text img{
    margin: 0;
}

.contact-button
{
	float:right;
	padding-top: 50px;
}


.company-text {
   
    min-height: 400px;
}

}


@media (min-width: 992px){
	.top-social {
    float: right;
}

.contact-button
{
	
	
}

.clients .company-text img
{
	 margin: 0;
}

.clients .more-company-text {
    text-align: left;
    padding: 10px 0px;
}

}

/* Navigation Responsive*/
/* Navigation Responsive*/
/* Navigation Responsive*/
/* Navigation Responsive*/
/* Navigation Responsive*/
@media only screen and (min-width: 766px) and (max-width: 787px) {

    
    #navigation > ul > li > a {
            padding: 30px 9px;
    font-size: 10px;
    }
#navigation
{
width:100%;
}
 #sticky-wrapper
 {
	 height:74px;
 } 
}


@media only screen and (min-width: 788px) and (max-width: 875px) {

    
    #navigation > ul > li > a {
            padding: 33px 10px;
    font-size: 10px;
    }
#navigation
{
width:100%;
}
 #sticky-wrapper
 {
	 height:74px;
 } 
}

@media (min-width: 876px) and (max-width: 950px) {

.header-menu #navigation
{
	width:73%;
	float:right;
	margin-top: -30px;
}

#navigation > ul > li > a {
    padding: 40px 8px;
    font-size: 12.4px;
}
}

@media (min-width: 951px) and (max-width: 991px) {

    .header-menu #navigation
    {
        width:73%;
        float:right;
        
    }
    
    #navigation > ul > li > a {
        padding: 37px 9px;
        font-size: 12.4px;
    }
    } 

@media only screen and (min-width: 992px) and (max-width: 1050px) {

    
    #navigation > ul > li > a {
            padding: 34px 10px;
    font-size: 12.5px;}
#navigation
{
width:100%;
}
    #sticky-wrapper
 {
	 height:74px;
 } 
}

@media (min-width: 1050px) and (max-width: 1150px) {

    #navigation > ul > li > a {
        padding: 38px 10px;
		font-size: 12.4px;
        
    }
    .active-1 {
        color: #038FD6;
        background: #ffffff;
        width: 89px;
        text-align: center;
    }

}



@media only screen and (min-width: 1150px) and (max-width: 1221px) {

    
    #navigation > ul > li > a {
            padding: 40px 11px;
    font-size: 14.5px;
    }
#navigation
{
width:100%;
}
 #sticky-wrapper
 {
	 height:74px;
 } 
}

@media only screen and (min-width: 1222px) and (max-width: 1287px) {

    
    #navigation > ul > li > a {
            padding: 42px 12px;
    font-size: 14.5px;
    }
#navigation
{
width:100%;
}
 #sticky-wrapper
 {
	 height:74px;
 } 
}

@media only screen and (min-width: 1222px) and (max-width: 1287px) {

    
    #navigation > ul > li > a {
            padding: 42px 12px;
    font-size: 14.5px;
    }
#navigation
{
width:100%;
}
 #sticky-wrapper
 {
	 height:74px;
 } 
}

@media only screen and (min-width: 1288px) and (max-width: 1330px) {

    
    #navigation > ul > li > a {
            padding: 46px 18px;
    font-size: 13px;
    margin-left: 2px;
        margin-right: 2px;
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
#navigation
{
width:100%;
}
 #sticky-wrapper
 {
	 height:74px;
 } 
}



   


















@media (min-width: 768px) and (max-width: 991px) {
.header-menu
{
	width:100%;
}

.header-menu .header_logo
{
   width: 27%;
    float: left;
    padding-top: 12px;
}



   
#products .products-1, #products .products-2, #products .products-3
 {
	     min-height: 470px;
 } 
 

.group-company-logos .clients h4
{
	font-size: 13px;
} 

.group-company-logos .clients h6
{
	font-size: 12px;
} 
}

@media (max-width: 991px) {
.box-2 {
    padding-top: 20px;
}

.service-categories .stock, .service-categories .affiliaties, .service-categories .products, .service-categories .brand
{
	margin-top:10px;
}

 .signup h4
 {
	 padding-bottom:15px;
	 text-align:center;
 }
 
  .top-social {
    text-align:center;
	padding-top: 15px;
}

.affiliatie-right
{
padding-top:30px;
}

.company-profile
{
	margin-top:10px;
}
}


@media only screen and (max-width: 767px) {
  
#navigation.small-screen{
    
       margin-top: -50px;
}

  
   
   
   
    
    #navigation.small-screen #menu-button {
            margin: 8px;
		    position: relative;
    top: -20px;
    }
    #navigation,
    #navigation ul,
    #navigation ul li,
    #navigation ul li a,
    #navigation #menu-button {
        float: none;
    }
    #navigation.small-screen #menu-button::after,
    #navigation.small-screen #menu-button::before {
        right: 20px;
    }
    #navigation ul ul {
        top: 5px;
    }
    #navigation > ul > li > a {
        padding: 14px 20px;
    }
    #navigation > ul > li.has-sub > a {
        padding: 14px 20px;
    }
    #navigation.small-screen ul {
        margin-top: 30px;
    }
	
	#products .products-1, #products .products-2, #products .products-3
	{
		margin-top:10px;
	}
 #banner .banner-1,  #banner .banner-2,  #banner .banner-3, #banner .banner-4{
	 padding: 100px 0px;
 }
	.banner-text h2
	{
		    font-size: 34px;
	}
	
#quality h4, #quality p
{
	text-align:center;
}

#quality
{
	    padding-bottom:20px;
		
}

#about
{
	    padding-top:20px;
		
}	

.company-profile {
    margin-top: 20px;
	
}



.our-company .company-visit, .more-company-text
{
	text-align:center;
}

.all-ptroducts ul {
    padding-bottom: 20px;
}

.all-ptroducts
{
	text-align:center;
}

.all-ptroducts h2
{
font-size: 30px;
}

#products, #our-company, .service-categories {
    padding-top: 50px;
    
}

 .product-text
 {
	 padding-bottom: 30px;
 }

.product-section img {
    padding-top: 15px;
}
 
.electrical-section img, .drilling-section img{
	 padding-bottom:10px;
	     padding-top: 10px;
 }

   .footer-menu ul {
    padding: 20px 0px;
}
 
  .footer-menu, .copright p{
	  text-align:center;
  }
  
   .footer-menu p
   {
	   display:none;
   }
   
   
.mechanical-text, .electric-text
{
padding-bottom:10px;
}


#banner .owl-carousel .owl-prev
{
   
	bottom:15% !important;
   
   
}
	
#banner .owl-carousel .owl-next
{
	
   bottom:15% !important;
 
	
}

.instrumentation-details, .product-details, .drilling-details, .mechanical-details, .commercial-details
{
padding:10px;
}



.commercial-details
{

padding-bottom:0px;
}



group-logo, .group-logo-1
{
width:30%;
}


.group-company-logos .clients h4
{
	font-size: 13px;
} 

.group-company-logos .clients h6
{
	font-size: 12px;
} 

}

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

.signup input[type="email"]
{
    width: 70%;
}

.all-ptroducts .col-md-4 {
    padding: 0px !important;
}


.all-ptroducts ul li {
    
    font-size: 10px;
    line-height: 18px;
}



}

@media only screen and (max-width: 450px){
 .company-lists a.btn.btn-info.btn-shipping
 {
	 font-size: 10px;
 }

.header_logo img {
    display: block;
    max-width: 80% !important;
    height: auto;
}
.banner-text h2 {
       font-size: 21px;
    line-height: 30px;
}


.clients .company-text h3
{
font-size:18px;
}

.clients .company-text h4
{
font-size:16px;
}

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

.top-header ul
{
	text-align:center;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 80% !important;
    height: auto;
}


.all-ptroducts ul li {
    
    font-size: 9px;
    line-height: 18px;
}


}

/*          Responsive styles
================================================== */


@media only screen and (min-width: 2800px)
{
.productimage img
{
	width:100% !important;
}

.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 1585px;
}
}


@media only screen and (min-width: 1920px) and (max-width: 2800px)
{
.productimage img
{
	width:100% !important;
}

.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 1250px;
}
}


@media only screen and (min-width: 992px) and (max-width: 1600px) {
.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 1250px;
}
		
}
	
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.about-us-section .about-text, .about-us-section .company-profile
{
	    min-height: 1355px;
}
		
}

@media only screen and (min-width: 1600px) {
	
	 #banner .banner-1,  #banner .banner-2,  #banner .banner-3, #banner .banner-4{
	 min-height:787px;
 }



}

@media only screen and (min-width: 1400px) {	
.products
{
	overflow:hidden;
}	 
.productimage
{
	height:735px;
}

.productcontent
{
	height:735px;
}

.product-section .productimage
{
	height:680px;
}

.product-section .productcontent
{
	height:680px;
}

}

@media only screen and (min-width: 1200px)
{
.company-profile {
   
	padding-top: 160px;
}
}


@media (min-width: 786px){

.instrumentation img, .drilling img, .commercial-image img, .mechanical-image img{
	float:right;
}
#quality img {
    margin: 0;
}

.oilfield
{
	padding-top: 50px;
}

.copright-text
{
	text-align: right;
    
}

.footer-menu img, .about-text img{
    margin: 0;
}

.contact-button
{
	float:right;
	padding-top: 50px;
}


.company-text {
   
    min-height: 400px;
}

}


@media (min-width: 992px){
	.top-social {
    float: right;
}

.contact-button
{
	
	padding-top: 50px;
}

.clients .company-text img
{
	 margin: 0;
}

.clients .more-company-text {
    text-align: left;
    padding: 10px 0px;
}

}


@media (min-width: 768px) and (max-width: 991px) {
.header-menu
{
	width:100%;
}

.header-menu .header_logo
{
   width: 27%;
    float: left;
    padding-top: 12px;
}

.header-menu #navigation
{
	width:73%;
	float:right;
	    margin-top: -75px;
}

    
   

#products .products-1, #products .products-2, #products .products-3
 {
	     min-height: 470px;
 } 
 

.group-company-logos .clients h4
{
	font-size: 13px;
} 

.group-company-logos .clients h6
{
	font-size: 12px;
} 
}

@media (max-width: 991px) {
.box-2 {
    padding-top: 20px;
}

.service-categories .stock, .service-categories .affiliaties, .service-categories .products, .service-categories .brand
{
	margin-top:10px;
}

 .signup h4
 {
	 padding-bottom:15px;
	 text-align:center;
 }
 
  .top-social {
    text-align:center;
	padding-top: 15px;
}

.affiliatie-right
{
padding-top:30px;
}

.company-profile
{
	margin-top:10px;
}
}


@media only screen and (max-width: 767px) {
  
#navigation.small-screen{
    
       margin-top: -50px;
}

  
   
    .header_logo {
        
    }
   
    .navigation {
        
    }
    #navigation.small-screen #menu-button {
            margin: 8px;
		    position: relative;
    top: -20px;
    }
    #navigation,
    #navigation ul,
    #navigation ul li,
    #navigation ul li a,
    #navigation #menu-button {
        float: none;
    }
    #navigation.small-screen #menu-button::after,
    #navigation.small-screen #menu-button::before {
        right: 20px;
    }
    #navigation ul ul {
        top: 5px;
    }
    #navigation > ul > li > a {
        padding: 14px 20px;
    }
    #navigation > ul > li.has-sub > a {
        padding: 14px 20px;
    }
    #navigation.small-screen ul {
        margin-top: 30px;
    }
	
	#products .products-1, #products .products-2, #products .products-3
	{
		margin-top:10px;
	}
 #banner .banner-1,  #banner .banner-2,  #banner .banner-3, #banner .banner-4{
	 padding: 100px 0px;
 }
	.banner-text h2
	{
		    font-size: 34px;
	}
	
#quality h4, #quality p
{
	text-align:center;
}

#quality
{
	    padding-bottom:20px;
		
}

#about
{
	    padding-top:20px;
		
}	

.company-profile {
    margin-top: 20px;
	
}



.our-company .company-visit, .more-company-text
{
	text-align:center;
}

.all-ptroducts ul {
    padding-bottom: 20px;
}

.all-ptroducts
{
	text-align:center;
}

.all-ptroducts h2
{
font-size: 30px;
}

#products, #our-company, .service-categories {
    padding-top: 50px;
    
}

 .product-text
 {
	 padding-bottom: 30px;
 }

.product-section img {
    padding-top: 15px;
}
 
.electrical-section img, .drilling-section img{
	 padding-bottom:10px;
	     padding-top: 10px;
 }

   .footer-menu ul {
    padding: 20px 0px;
}
 
  .footer-menu, .copright p{
	  text-align:center;
  }
  
   .footer-menu p
   {
	   display:none;
   }
   
   
.mechanical-text, .electric-text
{
padding-bottom:10px;
}


#banner .owl-carousel .owl-prev
{
   
	bottom:15% !important;
   
   
}
	
#banner .owl-carousel .owl-next
{
	
   bottom:15% !important;
 
	
}

.instrumentation-details, .product-details, .drilling-details, .mechanical-details, .commercial-details
{
padding:10px;
}



.commercial-details
{

padding-bottom:0px;
}



group-logo, .group-logo-1
{
width:30%;
}


.group-company-logos .clients h4
{
	font-size: 13px;
} 

.group-company-logos .clients h6
{
	font-size: 12px;
} 

}

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

.signup input[type="email"]
{
    width: 70%;
}

.all-ptroducts .col-md-4 {
    padding: 0px !important;
}


.all-ptroducts ul li {
    
    font-size: 10px;
    line-height: 18px;
}



}

@media only screen and (max-width: 450px){
 .company-lists a.btn.btn-info.btn-shipping
 {
	 font-size: 10px;
 }

.header_logo img {
    display: block;
    max-width: 80% !important;
    height: auto;
}
.banner-text h2 {
       font-size: 21px;
    line-height: 30px;
}


.clients .company-text h3
{
font-size:18px;
}

.clients .company-text h4
{
font-size:16px;
}

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

.top-header ul
{
	text-align:center;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 80% !important;
    height: auto;
}


.all-ptroducts ul li {
    
    font-size: 9px;
    line-height: 18px;
}


}