@media only screen and (min-width:200px) and (max-width:767px)
{

body {
    font-size: 15px;
}     
.h1, h1 {
	font-size: 20px
}
.h2, h2 {
	font-size: 18px
}
.h3, h3 {
	font-size: 16px
}
.h4, h4 {
	font-size: 15px
}
.h5, h5 {
	font-size: 14px
}
.h6, h6 {
	font-size: 14px
}


.container {
    padding: 0 15px;
}


.form-group-inner .form-group {
    width: 100%;
}
.form-group-three .form-group {
    width: 100%;
}
.button-btn {
    font-size: 18px;
}


.navbar-collapse {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0 !important;
    border: 0 none;
    box-shadow: none;
}
.navbar-nav {
    float: none;
    background: linear-gradient(to bottom,#b70038,#000d70);
    margin: 15px 0;
}
.navbar-nav>li>a {
    border-top: 0 none;
    padding: 15px 25px;
    margin: 0;
}
.navbar-nav>li>a.active:before, .navbar-nav>li>a.active:after {
    display: none;
}
.navbar-nav>li>a.active {
    color: #f47400;
}


.navbar-toggle {
    margin: 10px 0 0;
}
.navbar-brand>img {
    height: 60px;
    margin: 0 0 0 15px;
}
.navbar-brand span {
    font-size: 15px;
}


/*========== footer start ==========*/
.footer-top {
    padding: 50px 0 20px;
}
.footer-info {
    width: 100%;
}
.footer-menu {
    width: 100%;
    padding: 20px 0 0;
}
.footer-menu ul li a {
    font-size: 16px;
}
.footer-bottom-left {
    width: 100%;
}
.footer-bottom-left li a {
    font-size: 28px;
}
.footer-bottom-right {
    text-align: left;
    width: 100%;
}
/*========== footer end ==========*/


/*========== home start ==========*/
#homeSlider .carousel-caption {
    padding: 0 15px;
    bottom: 30px;
}
#homeSlider .carousel-caption h1 {
    font-size: 20px;
}
#homeSlider .carousel-indicators {
    padding: 0 15px;
    margin: 0 auto 0px;
}
#homeSlider .carousel-indicators li {
    width: 20px;
    height: 8px;
}
#homeSlider .carousel-indicators .active {
    width: 20px;
    height: 8px;
}

.home-whychoose-main {
    display: block;
}
.home-whychoose-left {
    width: 100%;
    padding: 0 0 20px;
}
.home-whychoose-right {
    width: 100%;
    display: block;
}
.home-whychoose-list {
    width: 100%;
}



.matches-list-team div:nth-child(1), .matches-list-team div:nth-child(3) {
    display: block;
    text-align: center;
}


.home-getapp-inner {
    display: block;
}
.home-getapp-left {
    width: 100%;
}
.home-getapp-right {
    width: 100%;
}
/*========== home end ==========*/

/*========== events start ==========*/
.events-main-inner {
    display: block;
}
.events-list {
    width: 100%;
}



.singleEventHeadInner {
    display: block;
}
.singleEventImg {
    width: 100%;
}
.singleEventCaption {
    width: 100%;
    padding: 20px 0px;
}
/*========== events end ==========*/


/*========== about start ==========*/
.about-maaulaa {
    padding: 15px;
}
.about-maaulaa-main .container {
    padding-left: 0;
    padding-right: 0;
}
.about-maaulaa-inner {
    width: 100%;
}

.about-story-main .container {
    padding-left: 0px;
    padding-right: 0px;
}
.about-story-desc {
    width: 100%;
    padding: 15px;
}
.about-story-img {
    width: 100%;
    padding: 0;
}

.about-video {
    padding: 30px 0;
}
.about-video iframe {
    height: 168px;
}
/*========== about end ==========*/


/*========== charity start ==========*/
.charity-banner {
    background-position: center;
}
.charity-banner-top {
    width: 100%;
    text-align: justify;
}
.charity-banner-top-inner {
    width: 100%;
    font-size: 16px;
}
.charity-banner-bottom {
    width: 100%;
}
.charity-banner-bottom-inner {
    width: 100%;
    font-size: 16px;
}

.charity-about {
    padding: 30px 0 0;
}
.charity-about-left {
    width: 100%;
}
.charity-about-right {
    width: 100%;
    padding: 15px 0 0;
}

.charity-driver-scheme {
    padding: 40px 0 40px;
}

.donate-form {
    padding: 25px 0;
}
/*========== charity end ==========*/



/*========== drivers start ==========*/
.drivers-list {
    width: 100%;
}
.drivers-list-inner {
    border: 0 none;
    border-bottom: 15px solid #eee;
}
.drivers-branches li a {
    font-size: 14px;
    padding: 8px 15px;
}
/*========== drivers end ==========*/


/*========== contact start ==========*/
.contact-head-inner {
    padding: 15px;
}
.contact-head-left {
    width: 100%;
}
.contact-head-left p {
    font-size: 15px;
}
.contact-map {
    width: 100%;
}

.branch-list {
    width: 100%;
}
.branch-list-inner {
    border: 0 none;
    border-bottom: 10px solid #eee;
}
/*========== contact end ==========*/


}