/* Fida Marwat (Design Ninja) */

/* first media query for mobile responsiveness */

@media(max-width:767px){
    
#condo .condo-row{
    display: block !important;
}

#purpose .condo-roww{
    display: block !important;
}

#purpose .condo-roww img{
    margin-top: 30px;
}

#condo .condo-row img{
    width: 100% !important;
}

#condo .condo-row .custom-img{
    margin-bottom: 30px;
}

/* home page starts */

.navbar-toggle {

    margin-top: 33px;
    margin-bottom: 33px;
}

.navbar-brand {
	height: auto;
	padding: 25px 15px;
}

.navbar-toggle {
    background-color: #3d96d4;
    border: 1px solid #3d96d4 !important;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #62cc44;
    border: 1px solid #62cc44 !important;
}

.navbar-inverse .navbar-nav>li{
    margin: 0px;
}

ul.nav.navbar-nav.navbar-right {
    background: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 6px solid #fff;
}

.navbar-inverse .navbar-nav>li>a {
    line-height: 20px;
}

.navbar-inverse .navbar-nav>li>a:hover {
    border-radius: 0px !important;
}

.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover{
    border-radius: 0px !important;
}

#banner{
    background-image: url('../images/banner-bg4.jpg');
    background-size: contain;
}


#banner .left-tab-sec{
    width: 100%;
    margin-top: 0px;
}

#banner .lines-1-sec .line1, 
#banner .lines-2-sec .line1,
#banner .lines-3-sec .line1{
    display: none;
}

#banner .lines-1-sec .intro-banner-vdo-play-btn{
    top: -200px;
    display: none;
}

#banner .lines-2-sec .intro-banner-vdo-play-btn{
    top: -100px;
    display: none;
}

#banner .lines-3-sec .intro-banner-vdo-play-btn{
    top: 0px;
    display: none;
}

#banner .right-tab-sec-img,
#banner .head-sec{
    display: none;
}

#icons img{
    width: 30%;
}

#icons h2{
    margin-top: 18px;
    margin-bottom: 22px;
    font-size: 19px;
}

#videos h2{
    font-size: 21px;
}

#videos .sec-head{
    margin-top: 50px;
}

#graph img{
    margin-left: auto;
    margin-right: auto;
}

#graph ul{
    margin: 30px 0px 30px 10px;
}

#numbers img{
    width: 30%;
}

#numbers h1{
    font-size: 40px;
}

#numbers h2{
    margin-bottom: 22px;
    font-size: 19px;
    margin-top: 18px;
}

#testimonial .testimonials .carousel-info img{
    margin-bottom: 30px;
}

#testimonial .carousel-indicators{
    bottom: 0px;
}

#footer h1,
#footer p{
    text-align: center;
}

#footer .nav-items{
    display: inline-block;
    line-height: 35px;
}

#footer .social-mob{
    text-align: center;
}

/* about page starts */

#about-head{
    background-size: cover;
    background-repeat: no-repeat;
}

#about-head h1{
    padding: 40px 0px;
}

#about p{
    padding-top: 0px;
}

#about img{
    width: 100%;
    margin-top: 30px;
}

/* solution page starts */

#solutions-head{
    background-size: cover;
    background-repeat: no-repeat;
}

#solutions-head h1{
    padding: 40px 0px;
}

#solutions .solutions-sec{
    text-align: center;
}

#solutions .solutions-sec .more-btn{
    margin-bottom: 30px;
}

#solutions .modal-dialog{
    width: auto !important;
}

#solutions .modal-body img{
    margin-bottom: 30px;
}

/* testimonial page starts */

#testi-head{
    background-size: cover;
    background-repeat: no-repeat;
}

#testi-head h1{
    padding: 40px 0px;
}

#testimonials img{
    margin-bottom: 20px;
}

#testimonials p{
    text-align: center;
}

/* contact page starts */

#contact-head{
    background-size: cover;
    background-repeat: no-repeat;
}

#contact-head h1{
    padding: 40px 0px;
}

#contact-info .left-sec{
    padding: 40px 20px;
}

#contact-info .right-sec h3{
    font-size: 22px;
    margin-left: 0px;
}

#contact-info .right-sec .form-horizontal .no-padd{
    padding: 0px;
}

#contact-info .right-sec .send-btn{
    margin-right: auto;
    display: table;
    margin-left: auto;
    position: relative;
    float: none;
}

/* platform page starts */

#platform-head {
    background-size: cover;
    background-repeat: no-repeat;
}

#platform-head h1 {
    padding: 40px 0px;
}

#platform .left-sec{
	border-right: 0px solid red;
}

#platform .left-sec img{
	margin-left: auto;
    margin-right: auto;
}

#platform .img-thumbnail{
	margin-top: 30px;
}

#platform ul{
	margin-bottom: 0px;
}

}


/* second media query for tablet responsiveness */

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

/* header starts */

.navbar-header {
    float: none;
    width: 100%;

}
.navbar-toggle {
    display: block;
    margin-right: 0px;
    margin-top: 33px;
    margin-bottom: 33px;
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    overflow: hidden !important;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-collapse.collapse.in {
    display: block!important;
}
.navbar-collapse *[class*='navbar-'] {
    float: none!important;
    margin-top: 0px;
}
.navbar-nav > li {
    float: none;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-brand {
	height: auto;
	padding: 16px 15px;
}

.navbar-toggle {
    background-color: #5aa938;
    border: 1px solid #5aa938 !important;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #000;
    border: 1px solid #000 !important;
}

ul.nav.navbar-nav.navbar-right {
    background: #fff;
    margin-right: 0px;
    display: flex;
}

}

/* /////////////////////////////////////////////////////////////////////////////////////// */


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