/*============ Tab Display==============*/

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

    /* Navigation */

    .navbar-custom {

        padding: 10px 20px 20px 20px;

        /* background: transparent; */

    }

    .navbar-custom.top-nav-collapse .logo-image {background: #fff;padding: 0 37px;}

    .navbar-custom.top-nav-collapse {

        padding: 00 1.5rem 0 1.5rem;

        background-color: #163d6c;

        margin-top: 0;

    }
	

    .navbar-custom.top-nav-collapse .nav-link{ color: #fff;}

    .navbar-custom.top-nav-collapse .nav-item .nav-link.active{ color: #fff;}

    .navbar-custom.top-nav-collapse ul li a.active::before{ background-color: #fff;}

    .navbar-custom.top-nav-collapse .btn-navbar .fab{ color: #fff;}

    .navbar-custom.top-nav-collapse .nav-link:hover, .navbar-custom.top-nav-collapse .nav-link.active{color: #fff;}

    .navbar-custom.top-nav-collapse .btn-navbar{ color: #fff;}

    .navbar-custom.top-nav-collapse span{ color: #fff;}

    /* .navbar-custom.top-nav-collapse ul li a.active::before{ background-color: #fff !important;} */

    .navbar-custom .navbar-brand.logo-image img { }



    .navbar-custom.top-nav-collapse .navbar-brand.logo-image img {


    }



    .navbar-custom .navbar-nav {

        margin-top: 0;

    }



    .navbar-custom .dropdown-item {

        padding-top: 0.25rem;

        padding-bottom: 0.25rem;

    }



    .navbar-custom .dropdown-items-divide-hr {width: 84%; }



    .navbar-custom .app-stores {

        display: inline-block;

    }

}



@media (min-width: 1200px){

    .main-head h6:after{ content: ''; background: #f26134; width: 40px; position: absolute; height: 2px; top: 50%; left: 22%; }

    .featured .main-head h6:after{ left: 30%;}

    .brand .main-head h6:after{ left: 32%;}

    .wrap .main-head h6:after{ left: 10%;}

    .client .main-head h6:after{ left: 30%;}

    .story-ceo .main-head h6:after{ left: 28%;}

    .faq .main-head h6:after{ left: -6%;}

    .testimonials .main-head h6:after{ left: 30%;}

}

/*========================================================================================

                                 Start Responsive Style

========================================================================================*/

/*==================Large Display==============*/





@media (max-width: 1199px){

    .services .ser-colmn{ margin-bottom: 30px;}

    .purchase .pur-colmn{ padding-left: 10px; padding-right: 10px;}

    .purchase .colmn-text h4{ font-size: 20px;}

    .purchase .colmn-text p{ font-size: 12px;}

}



/*==================Medium Display==============*/

@media (max-width: 991px){

    .sale-alert{ display: none;}

    .navbar-custom{ margin-top: 0;}

    .navbar-custom .nav-item .nav-link{ font-size: 11px;}

    .purchase .pur-colmn{ margin-bottom: 15px;}

    .main-head h6{ font-size: 24px;}

}



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

    .navbar-custom .btn-navbar{ width: 20%; float: left; text-align: center; }

    .navbar-custom .app-stores{ width: 100%; margin: 0 auto; display: inline-block;}
    .gallery h2.title{ font-size: 24px;}
    .breadcrumb-area h2{ font-size: 24px;}
	

}





/* mobile view */

@media (max-width:500px){
    .gallery h2.title{ font-size: 16px;}
    .breadcrumb-area h2{ font-size: 18px;}


}





/*============Small Mobile Display==============*/

@media (max-width: 479px) {



}



@media only screen and (min-width:320px) and (max-width:767px){
	.follow-me span{ display:none;}
	.follow-me a span{ display:block;}
    .slidee3{ display: none;}
    .dismob{ display: none;}

}