@media(max-width:1440px){}
@media(max-width:1366px){}
@media(max-width:1199px){
.navbar-toggleable-md .navbar-nav .nav-link {
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 400;
}
}
@media(max-width:1080px)
{
.volunter-social
{
    background: rgba(132, 197, 78, .7);
    color: #fff;
    position: absolute;
    top: 258px;
    right: 15px;
    left: 15px;
    text-align: center;
    padding: 5px 0;

}
}
@media(max-width:991px){
	
.event-box, .blog-box, .box, .volunter-box, .widget, .about-box, .single-box
{
	margin-bottom:30px;
}
.margin-b-30 {
    margin-bottom: 0px;
}
/*div#navbar3{
    background: #eee !important;
    width: 100%;
    float: none;
    margin-top: 36px;
}*/
div#navbar3 {
    margin-top: 50px;
}
.footer-box
{
	margin-bottom:30px;
}
.box-des1, .box-des2, .box-des3, .box-des4, .box-des5, .box-des6 {
    background-size: cover;
    background-position: center center;
    padding: 50px 0;
    width: 343px;
    margin:0 auto;
}

@media (min-width:320px) and (max-width:768px) {


	
	
.master-slider a
{
	font-size:12px;
}
 .icon-circle .fa{
    font-size           : 15px;
    color               : #e84700;
    margin              : 0 auto;
    height              : 40px;
    width               : 40px;
    border-radius       : 50%;
    border              :2px solid #e84700;
    line-height         : 40px;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}

.icon-circle  .fa:hover{
    
    background-color        : #e84700;    
    color                   : #fff;
    border                  : 1px solid #e84711;
    -moz-box-shadow         : inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 5px #ffffff;
    box-shadow              : inset 0px 0px 0px 5px #ffffff;
    -ms-transform           : scale(1.2,1.2); 
    -webkit-transform       : scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); 
    -o-transform            : scale(1.2,1.2); 
    transform               : scale(1.2,1.2);  
}

.icon-circle  i:before{
    margin-left         : 0px;
    font-size           : 20px;
}   
}

@media (max-width: 767px){
	
	
.counter .mb30 
{
	margin-bottom:30px;
}

ul.pull-right.footer-menu1 
{
    float: none;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
}
ul.footer-menu1 li 
{
    margin: 0 auto;
    padding: 0px;
    display: inline-block;
    float: none;
    padding: 0px;
    padding-left: 20px;
    text-align: center;
}
h1.banner-title
{
	font-size:1.5rem;
}.title1 {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 0;
}
.top-bar .text-right
{
	text-align:center !important;
}
.box .overlay:hover {
    background: #84c54e;
    padding: 170px 100px;
}
img.img-responsive {
    width: 100%;
    max-width: 100%;
}
.top-left {
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
a.btn.btn-donate {
    background: #84c54e;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 10px;
    float: none;
    margin: 0 auto;
    margin-top: 10px;
}
.top-right
{
	float: none;
    margin: 0 auto;
    text-align: center;
    margin-top: 0;
}.copyright
{
	text-align: center;
}
ul.social-network
{
	text-align: center;
	}
	
	.form-fields {
    float: left;
    margin-right: 1.8%;
    width: 100%;
}
.testimonial2
{
	padding: 20px;
	text-align: center;
}
.testimonial2 .pic
{
        display: block;
        position: static;
        margin: 0 auto 15px;
}

	
	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}	
.contact-form
{
	margin-bottom:30px;
}

}

@media(max-width: 736px)
{
	
}
@media(max-width:667px){}
@media(max-width:640px){}
@media(max-width:600px){}
@media(max-width:568px){
}
@media(max-width:480px){}
@media(max-width: 414px){}
@media(max-width:384px){}
@media(max-width:320px){}