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

    #btn-menu{
        display: block;
    }
    #main-nav{
        display: none;
        /* background: #63A69F; */
		 background: #000;
        width: 100%;
        margin-top: 0
    }

    #main-nav ul {
        top: 20px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
    #main-nav ul li{
        float: none
    }

    #main-nav > ul > li > a{
        color: #ffffff;
        text-align: center
    }


    .testimoniol{
        padding-left:  0;
        padding-right: 0
    }

    .img-blck,.services-item{
        margin-bottom: 30px;
    }

    .video-bg h1,.banner h1{
        font-size: 26px;
    }

    .blog-post-2 img{
        margin-bottom: 20px
    }
    .blog-post-2 iframe{
        margin-bottom:15px
    }
}

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

    .page-title h2{
        font-size: 25px
    }
    .blog-post-2 a.primary-btn{
        float: none;
        margin-top: 0;
    }
	
	
	.logo img {max-width:230px;}
	
	
	
	.home-slogan h2 {font-size:20px; line-height:25px;} 
.home-slogan h3 {   font-size: 15px;  line-height: 20px;   }
.home-slogan h3 span { font-size:22px; font-weight:bold; margin-left:20px}

 

}


@media screen and (max-width:600px) {
	
 .promo {font-size:24px!important; line-height:13px; color: #006203; font-weight:bold;}
.col-md-12 h1 {font-size:26px!important;}
.warp { padding: 30px 20px;}
	
}


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

.logo img {max-width:160px;}

.home-slogan h2 {font-size:18px; line-height:23px;} 
.home-slogan h3 {   font-size: 13px;  line-height: 18px;  margin-right: 20px;  text-align: right; }
.home-slogan h3 span { font-size:19px; font-weight:bold; margin-left:20px}


}