/********** 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: 130px;
}
.header-top .menu_col {
    position: static;
}
.main-header .navbar.navbar-expand-lg {
    z-index: 9999;
    position: absolute;
    right: 0;
    width: 100%;
    top: 8px;
    padding: 0;
}
.main-header .navbar #navbarSupportedContent {
    background-color: #f4f4f9;
    box-shadow: 0 8px 15px 0 rgb(0 0 0 / 10%);
    text-align: left;
    margin-top: 7px;
}
 .main-header .header-top .header-top-right {
    padding: 5px 0 0 0;
}
.header-top .btn-primary.login-btn {
    padding: 3px 10px;
    height: 40px;
    font-size: 12px !important;
    margin-right: 35px;
    line-height: 30px;
}
.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: #000 !important;
}
.main-header .header-bottom .navbar-nav .nav-item .nav-link {
    color: #fff !important;
    text-align: left;
}
.main-header .header-bottom .navbar-nav .nav-item.active .nav-link {
    color: #0aa6c1 !important;
}
.main-header.stickyhead .logo .sticky-logo {
    width: 115px;
}
.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;
}
.main-header .btn-primary.app-btn {
    display: none;
}
.main-header.stickyhead .login-btn {
    right: 60px;
}
.main-title {
    font-size: 26px;
}
.home-slider .banner-text {
    padding: 100px 0 50px 0;
}
.home-slider .banner-text .banner-title1 {
    font-size: 26px;
}
.home-slider .banner-text .banner-title2 {
    font-size: 26px;
}
.home-slider .banner-img {
    margin-top: 0;
}
.home-slider .banner-img #inner {
    height: 460px;
}
.home-slider .banner-img img {
    width: 200px;
}
.home-slider .banner-img .img2 {
    width: 170px !important;
    right: 30px;
}
.newsletter {
    text-align: center;
}
.newsletter .overlay-gold {
    padding: 50px 0;
}
.newsletter .text-right {
    text-align: center !important;
    margin-top: 30px;
}
.tabs-part .ui-tabs .ui-tabs-nav .ui-state-default {
    width: 100%;
    margin: 10px 0 !important;
}
.tabs-part .ui-tabs .ui-tabs-nav .ui-state-default::after {
    display: none;
}
.tabs-part .mobile-screen img {
    width: 200px;
    margin: 10px 0px;
}
.news-section .main-title {
    margin-top: 40px;
}
.news-tab .nav-tabs li.nav-item {
    width: 32.5%;
}
.news-tab .nav-tabs .nav-item .nav-link {
    font-size: 14px;
    padding: 18px 5px;
}
.mobile-image.sip-mobile img {
    margin-top: 40px;
}
.testimonial-box .image {
    width: 120px;
    text-align: center;
    margin: 0 auto;
}
.testimonial-box .info {
    width: 100%;
}
.sip-image-slider {
    overflow: hidden;
}
.sip-section-main .sip-image-slider h4 {
    font-size: 12px;
}
.sip-section-main .sip-image-slider h4 div {
    font-size: 12px;
}

.home-slider {
    min-height: auto;
}
.aboutus_section .about-img img {
    height: auto;
}
.aboutus_section .about-text {
    padding: 20px;
    width: 100%;
}
.contactus_section .contact-info {
    width: 100%;
    margin-left: auto;
    padding: 0 20px;
}
.main-header .header-top .header-top-right .login-btn {
    padding: 5px 10px;
    height: 35px;
}
.main-header .header-top .header-top-right .login-btn i{
    display: none;
}
.navbar-nav .nav-item .nav-link {
    padding: 8px 0px !important;
}
.navbar-nav .nav-item .nav-link::after {
    bottom: 10px;
    height: 2px;
}
.navbar-nav .nav-item .nav-link:hover::after {
    width: 40px;
}
.document_box {
    grid-template-columns: repeat(auto-fit, minmax(300px, 100%));
}
.title_box .sec-title {
    font-size: 24px;
}

}

@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){


}