@media only screen and (min-width: 320px) and (max-width: 768px) {
	
.contact-info-right p{
 font-size: 15px;
 margin-right: 0px;
 padding: 0px;
 display:none;
}

.top-bar-mobile{
  display: block;
}

.top-bar{
	display: none;
}
.top-left1{
  margin-left: -30px;
}

.top-left1 ul li{
	float: left;
	padding-right: 15px;

}

.top-left2 ul li a {
    background: #ff5722;
    padding: 2px 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 3px solid #551703;
    box-shadow: 0px 2px 6px #ccc;
}

.navbar-brand img {
    max-width: 249px;
    padding-top: 9px;
}

.header-inner{
	position: inherit;
	height: 67px;
}

.header-inner #toggle-btn{
	top: 9px;
	background-color: #ff5722;

}

.main-nav .sf-menu li a{
	text-align: left !important;
}

.about-Us-9 {
    padding: 16px 19px 24px 15px;
}

.about-Us-9 h1{
	font-size: 24px;
}

.about-Us-9 h1::after{
	left: 25%;
}

.abo4{
	padding-top: 16px;
}

.causes-section{
	padding: 15px 0 0px;
}

.sec-title > .title{
	font-size: 26px;
}

.sec-title > h2{
	font-size: 18px;
}

.sec-padd2 {
    padding: 6px 0 4px;
}

.section-title h2{
	font-size: 24px;
}

.our-9 {
    padding: 21px 0 23px 0;
}

.our-99::after{
	left: 28%;
}

.background-color{
	padding: 10px 0 25px 0;
}
.blog h4 {
    font-size: 27px;
}

.blog {
    padding: 20px 0 0px 0;
}

.testimonial{
	padding: 26px 0 11px 0;
}

.testimonial h2 {
    font-size: 31px;
}

.testimonial h2::after{
	left: 26%;
}

#fade-carousel p {
    padding: 54px 10px 40px;
    font-size: 15px;
}

#fade-carousel .carousel-control{
	font-size: 43px;
	width: 33px;
	height: 35px;
	top: 6%;
}


/*.left{
	margin-left: -26px !important;
}

.right{
	margin-right: -22px !important;
}
*/
.profile-circle img {
    width: 20%;
}

.float_right {
    float: left;
}

.footer-wrap{
	padding-top: 37px;
	padding-bottom: 55px;
}


.footer-links, .footer-links1{
	padding-left: 0px;
}

.footer-right strong, .footer-right2 strong{
	margin-left: 0px;
}

.footer-right2 img{
	margin-left: 0px;
}

.contact-one-formt input{
	margin-left: 17px;
	width: 83%;
}

.contact-one-formt textarea{
	margin-left: 19px;
	width: 82%;
}

.contact-one-formt .form-group button{
	margin-left: 20px;
}

.fotter{
	margin-left: -43px;
}

.footer-right2{
	padding-top: 47px;
}

.abt-banner{
 padding: 16px 0;
}

.about-text h2 {
    font-size: 25px;
}

.aboutpage {
    padding: 11px 0 2px 0;
}

.aboutpage h1 {
    font-size: 28px;
    padding-bottom: 3px;
}

.aboutpage2 {
    padding: 17px 0;
}

.acti1 {
    padding: 30px 28px 30px 11px;
    margin-bottom: 26px;
}

.acti1 strong {
    font-size: 19px;
    padding: 10px 10px;
}

.acti {
    padding: 30px 0 16px 0;
}

.activity {
    padding: 47px 0 13px 0;
}

.contact-list {
    margin-left: -56px;
}

.activity-inner {
    padding: 0px 0 20px 0;
}

.acti h1 {
    font-size: 27px;
}

.act{
	padding-top: 15px;
}

.modal-dialog {
    width: 313px !important;
}

.modal-body {
    padding: 15px 5px !important;
}

.chicklet-list li span {
    left: -47px;
}

.chicklet-list input[type="text"] {

    height: 46px;
    width: 127px;
    margin-left: -23px;

}
	
}


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

.contact-info-right p{
	margin-right: 50px !important;
}

.top-left{
	margin-left: -90px;
}

.navbar-brand img {
    max-width: 251px;
    margin-left: -37px;
}

.main-nav{
	margin-left: 41px;
	margin-top: -5px;
}

.main-nav .sf-menu li a{
	padding: 0px 2px;
}

.footer-links, .footer-links1{
	padding-left: 0px;
}

.footer-right strong, .footer-right2 strong{
	margin-left: 0px;
}

.footer-right2 img{
	margin-left: 0px;
}

.contact-one-formt input{
	margin-left: 17px;
}

.contact-one-formt textarea{
	margin-left: 19px;
}

.contact-one-formt .form-group button{
	margin-left: 20px;
}

.fotter{
	margin-left: -43px;
}

.abt-banner{
	padding: 112px 0;
}

.aboutpage {
    padding: 28px 0 12px 0;
}

.activity-inner {
    padding: 0px 0 38px 0;
}

/*.act{
	margin-top: 20px;
}*/

.acti1 {
    padding: 69px 87px 30px 25px;
}

.sec-padd2 {
    padding: 13px 0 2px;
}

.img-box img{
	width: 230px;
}

.modal-content .close{
	right: 2px;	
}

.btn-default{
	margin-top: 26px;
}

}






@media (min-width: 768px) {
 .header-inner #toggle-btn {
 display: none;
}
}
 @media (max-width: 768px) {
 .navbar-brand {
 display: block;
}
 .navbar {
 max-height: none;
}
.main-nav {
 margin-top: 10px;
 height: auto;
}
.sf-menu > li {
 float: none;
}
.sf-menu li a {
 padding: 10px 13px;
 font-weight: 400;
}
 .sf-menu li a:hover, .sf-menu li.sfHover a:hover {
 color: #c44741;
}
 .sf-menu ul {
 font-size: 14px;
 display: block;
 position: static !important;
 border: 0;
 box-shadow: 0 0 0 0;
 -moz-box-shadow: 0 0 0 0;
 -webkit-box-shadow: 0 0 0 0;
}
}
 @media only screen and (max-width: 768px) {
 .header-inner .main-nav {
 display: block;
 margin: 0;
}
 #toggle-btn {
 display: block;
}
.pic img {
  width: 100% !important;
}
 .toggle-subarrow {
 display: block !important;
 cursor: pointer;
 position: absolute;
 right: 0;
 top: 0;
 width: 45px;
 height: 42px;
 border-left: 1px solid #e8e8e8;
 text-align: center;
 color: #777;
}

 .toggle-subarrow .fa {
 margin-top:14px;
}
 .main-nav {
 text-align: left;
 white-space: nowrap;
 padding: 0;
}
 .sf-menu {
 display: none;
}
 .main-nav .sf-menu {
 margin: 0 -15px;
 padding-top: 66px;
}
 .main-nav .sf-menu > li {
 font-size: 13px;
 line-height: 16px;
 display: block;
 border-top: 1px solid #F96
}
 .main-nav .sf-menu li a {
 color: #fff;
 padding: 20px;
 line-height:0px;
 display: block;
 position: relative;
 background-color:#08991C;
 text-align:center
}
 .main-nav .sf-menu ul {
border: none;
}
 .main-nav .sf-menu ul li {
 width: 100%;
 margin-left: 30px;
 font-size: 13px;
 line-height: 16px;
 font-weight: 400;
 position: relative;
 border:none;
 border-top: 1px solid #e8e8e8;
}
 .sf-menu ul {
 position:static!important;
 display: none!important;
}
 .mob-drop ul {
 display: block!important;
}
   @media(min-width: 601px) and (max-width: 780px) {

 .top-line p span {
 display: table;
 margin-right: 20px;
 text-align: left;
}

}