/********** 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){
button.navbar-toggler {
    position: absolute;
    right: 5px;
    top: -50px;
}
	.header-menu nav.navbar {
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 999;
    background: #ffffff;
    width: 100%;
}
	.home-slider {
	min-height:200px !important;
    height: 250px;
}
	.main-section {
    padding: 30px 0;
}
	.home-slider .banner-text {
    padding: 0;
}
	.boxes-container .box-text {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
	.home-slider .banner-text .banner-title {
    line-height: 34px;
    font-size: 25px;
}
	.pb-col-12 {
		width: 100%;
	}

}

@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;
	}

}

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


}