@charset "utf-8";
/* CSS Document */

/* CLOSE WIDE DESKTOP LAYOUT MEDIA QUERY */
@media only screen and (min-width:980px) and (max-width:1200px) {
    


	
}
/* TABLET LAYOUT 
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 979px) {

 
}
/* CLOSE TABLET LAYOUT MEDIA QUERY */

/* MOBILE/TABLET LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width:1000px) { 
   
}
/* CLOSE MOBILE LAYOUT MEDIA QUERY */

@media only screen and (min-width: 979px) and (max-width: 1000px) {
    .banner-holder {
        width: 715px;
    }
    .banner-holder img {
        width: 100%;
    }
    
}

/* CLOSE MOBILE LAYOUT MEDIA QUERY */

@media only screen and (min-width: 979px) and (max-width: 1000px) {
    
}
/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 768px) {
    
    
}
@media only screen and (max-width: 767px) {
    .wrapper {
        background-image: none;
    }
    header {
        margin-bottom: 15px;
    }
    .banner-holder {
        width: 100%;
        margin: 0;
    }
    .banner-holder img {
        max-width: 100%;
        border-radius: 0;
    }
    .top-bar .tel {
        text-align: center;
        float: none;
    }
    .tel > span {
        float: none;
    }
    .top-bar .white-text {
        font-size: 16px;
    }
    .top-bar .smal {
        text-align: center;
    }
    
    .navbar-default .navbar-brand,
    .navbar-default .navbar-brand:hover {
        color: #fff;
    }
    
    .navbar-default .navbar-nav > .active > a, 
    .navbar-default .navbar-nav > .active > a:focus, 
    .navbar-default .navbar-nav > .active > a:hover,
    .nav-holder a, 
    .navbar-default .navbar-nav > li > a,
    .nav-holder a:hover, .navbar-default .navbar-nav > li > a:hover {
            color: #214b24;
            background: #eeece1;
    }
    .navbar-nav > li {
        width: 100%;
        text-align: left;
        background: #eeece1;
    }
    
    .dropdown-menu-sm > li > a {
        text-align: left;
    }
    .dropdown-menu-sm .dropdown-menu-sm li {
        background-color: #dfddd3;
        border-bottom: 1px #eeece1 solid;
    }
    /*dfddd3*/
    
    ul.nav li.dropdown ul.dropdown-menu-sm {
        padding: 5px 5px 5px 10px;
    }
    ul.nav li.dropdown ul.dropdown-menu-sm li {
        padding: 5px;
        list-style-type: none
    }
    
    .dropdown-menu > li > a {
        font-size: 16px;
        background-color: #d4d2d2;
    }
    .main-content.home .col-md-4 {
        height: auto;
        float: left;
        width: 100%;
    }
    footer .col-md-4 {
        text-align: center;
    }
    .content-reg.except {
        padding: 5px;
    }
    #slider {
        width: 100%!important;
        height: 150px!important;
    }
    #slider ul li img {
        border-radius: 0;
        width: 100%!important;
        height: 100%!important;
    }
	.col-md-4.lft .bg-box {
		margin-top: 0;
		margin-bottom: 10px;
	}
	#collapse-list.list-details{
		display: none;
		height: 0;
	}
	#collapse-list.list-details.in {
		display: block;
	}
	.collapse-btn {
		font-size: 18px;
		text-align: center;
		width: 100%;
		padding-bottom: 10px;
		display: block;
	}    
    
    .main-content .col-md-3.lft{
        height:auto!important;
        margin-bottom:10px!important;
        margin-left:0!important;
    }	  
}


@media only screen and (min-width: 769px) and (max-width: 1050px) {
	

}
/* WIDE MOBILE LAYOUT (LANDSCAPE/320PX) 
----------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	

}
/* WIDE MOBILE LAYOUT (LANDSCAPE/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 480px){
	
	
}

/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* CLOSE WIDE MOBILE MEDIA QUERY */

@media only screen and (min-width: 1400px) { 
	
}

@media only screen and (max-width: 1200px) { 

}

