
/********** RESPONSIVE DESIGN 01-07-2020 *********/

@media only screen and (min-width:992px) and (max-width:1199px){


}
@media only screen and (max-width:1023px){
	
}
@media only screen and (min-width:992px) and (max-width:1023px){

}
@media only screen and (max-width:991px){



}


@media only screen and (max-width:767px)
{
	.pb-col-12 
	{
		width: 100%;
	}
	.header-top .logo img 
	{
        /*width: 42px;*/
    }
    .main-header .navbar.navbar-expand-lg
    {
	z-index: 9999;
    }
    .main-header .header-top .header-top-right 
    {
        padding: 3px 0 0 0;
    }   
    .header-top .btn-primary.login-btn 
    {
        padding: 0px 10px;
        height: 36px;
        font-size: 12px !important;
    }
    .header-bottom .navbar{
        justify-content: flex-end;
    }
    .main-header.stickyhead .header-bottom .navbar.navbar-expand-lg {
        width: 100%;
        margin-left: 0;
    }
    
    .main-header .header-bottom .navbar-nav {
        background-color: #014a60 !important;
    }
    .main-header .header-bottom .navbar-nav .nav-item.active .nav-link {
        color: #0aa6c1 !important;
    }
    .main-header.stickyhead .logo .sticky-logo {
        /*width: 54px;*/
    }
    .main-header.stickyhead .header-bottom .navbar-nav {
        margin-top: 10px;
        background-color: transparent !important;
    }
    .main-header.stickyhead .header-bottom .navbar-nav a{
        color: #fff !important;
    }
    .home-slider .banner-text
    {
        padding: 40px 0;
    }
   .home-slider
   {
       min-height: auto;
   }
    .ticker-area .tickers
    {
        display: block;    
    }
    .overlay-light
    {
        padding: 0px;
    }
    .nav__menu li a
    {
        text-align: left;
    }

}

@media only screen and (max-width:575px){



}

@media only screen and (max-width:359px){



}


@media only screen and (min-width:1441px){

}
@media only screen and (min-width:991px){


}

@media only screen and (min-width:768px){
	.pb-col-md-2 {
		width: 20%;
		float: left;
	}
	.pbj-col-md-1{
		width: 14%;
		float: left;
	}
	.pbj-col-md-3{
		width: 43%;
		float: left;
	}

	#aboutCarousel {
    height: 660px;
}
	#aboutCarousel .owl-stage-outer {
	    height: 660px;
	}

}

@media only screen and (min-width:576px){


}

