body{
font-size:14px;}
img{
width:100%;}
header {
    position: fixed;
	    padding: 1.7rem 0px;}
header .navbar {
    background: #ffffff00 !important;
}	
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-light .navbar-nav .nav-link{
    color: rgb(255, 255, 255);
	padding: 10px 15px;
	 background:#004101;
}
.nav-link:active{
color:#red;
}
.navbar-light .navbar-brand {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-light .navbar-nav .nav-link:hover{
color:rgba(255, 255, 255, 0.9);}
.navbar-light .navbar-nav a:active{
color:#FFFFFF;}
.navbar-nav .ml-auto{
background:#000;}
.services .image img{
width:100%;
			}
			
.services .image:hover img{
				
}			
			
			
.services h5{
margin-top:15px;}
.stretch-section .images img{
width:100%;
max-height: 222px;
    height: auto;}
.port button{
margin-bottom:20px;}
.stretch-section{
background-image:url(../img/background.jpg);
  
    width: 100%;
}
.port, .quality, .time{
background-color:#ffee6c;
padding: 20px 15px;}
.quality h3, .time h3{
margin-top:15px;}
.custom-tabs img{
    width: 100%;
        max-width: 200px;}
.news-blog{
text-align:center;}
.news-blog h4{
margin-top:15px;}
.site-footer{
padding-bottom:0px;
background:#004101;
/*color:#000;*/
}
/*.site-footer h3{
    color: #000;}*/
.site-footer a{
color:#949494;
}	
.site-footer a:hover{

text-decoration:underline;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#efef3d;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
.copyright-text{
background:#000;}
.w-100{
max-height:550px;}
.carousel-caption{
font-weight:bold;
font-size:50px;
bottom:35%;
background:#0000004f;}


.btn{
    color: #fff;
    background-color: #c15a16;
    border-color: #c15a16;
}
.btn:hover{
background:#efef3d;
color:#082d02;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#FFFF00;
}


.port p, .quality p, .time p{
color:black;}
.navbar-light .navbar-toggler {

    border-color: yellow;
	padding:0px;
	background:#fff;
}
.navbar-brand img{
width: 130px;}

#about-section, #blog-section{
margin-top:15%;
margin-bottom:40px;
}
 #single-page .row{
 margin-top:40px;
 margin-bottom:40px;}
#about-section img{
width:100%;
}
.mission1{

padding:20px;
margin-top:10px;
text-align:center;
border: 2px solid #082d02;}
.mission1:hover{
background:#efef3d;
color:#000;

}
.mission1 h3{
margin-top:20px}
#about-section .col{
margin-bottom:40px;}
#about-section h1, .career-section h1{
    text-align: left;
    font-family: Open Sans;
    font-weight: 300;
    font-style: normal;
}
.about-services{
background:#ffee6c;
padding:20px 15px;
margin-bottom:10px;}
.sidebar a b{
color:#000;}
.sidebar a b:hover{
color:#0000FF;}
.sol-banner img{
width:100%;}
.accordion{
margin-bottom:40px;}
.about-services p{
color:#000;}

.solution-row img, .img-fluid{
  			transform: scale(1);
  			transition: .3s ease-in-out;
  			height: 300;
  			width: 200;  			
  		}
		.solution-row img:hover, .img-fluid:hover{
			transform: scale(1.1);
		}
.single-content{
background:#e9ffc7;
   

    padding: 20px;
	 box-shadow:-10px 11px 10px 0px;
	}
.single-content p{color:#000;}
.single-content h1{

font-weight:bold;
color:#aa410c;}
#single-page .col-md-3, #blog-section .col-md-3{

background-image: linear-gradient(to right,#c1c0c07a , #fff);
padding:20px;}
.owl-carousel .owl-dots .owl-dot.active {
    background: #efef3d;
}
.media-body h3:hover{
color:#efef3d;}
.page-item.active .page-link {
    z-index: 2;
    color: #082d02;
    background-color: #efef3d;
    border-color: #082d02;
}
.page-link:focus, .page-link:hover {
    color: #082d02;}
.page-link {
    color: #082d02;}
.post-detail span{
margin:0px 10px;}	
.reply{
  
	margin-top:40px;}
	

@media only screen and (min-width: 320px) and (max-width: 375px){
.home-feature {
    margin-top: 20px;}
.services .image img{
margin-top:10px;}	
.carousel-caption {
    font-weight: bold;
    font-size: 14px;
    bottom: 10%;}
header {
  
    padding: 0;
}	
.custom-tabs img{
margin-top:20px;}
.port, .quality, .time{
margin-top:20px;}
.navbar img{
width: 50px;}
#single-page .col-md-3, #blog-section .col-md-3{
margin:10px;}
}

@media only screen and (min-width: 411px) and (max-width:768px){
.home-feature {
    margin-top: 20px;}
.services .image img{
margin-top:10px;}	
.carousel-caption {
    font-weight: bold;
    font-size: 14px;
    bottom: 10%;}
header {
  
    padding: 0;
}	
.custom-tabs img{
margin-top:20px;}
.port, .quality, .time{
margin-top:20px;}
.navbar img{
width: 50px;}
#single-page .col-md-3, #blog-section .col-md-3{
margin:10px;}
}


.counter {
  width: 20px;
  height: 20px;
  background: black;
  color: #fff;
  position: fixed;
  top: 120px;
  right: 0;
}
.solution-row img{
margin-bottom:30px;
height:auto;
max-height:200px;}
.solution-row h4{
color:#efef3d;
background:#228B22;
padding:10px;
font-size:18px;}