/********************
	header logo
********************/



/********************
	header menu
********************/

@media (max-width:1200px) {
    div#sp-logo { width: 25%; float: left; }
    div#sp-menu { width: 75%; float: right; }
}

@media (max-width:991px) {
    div#sp-logo, div#sp-menu { width: 50%; float: left; }
}

/********************
	home slider
********************/
@media (min-width: 768px) and (max-width: 991px){
.sppb-carousel-pro-text .sppb-carousel-pro-content {
    font-size: 30px !important;
    line-height: 38px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px){
.sppb-carousel-pro-text h2 {
    font-size: 16px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px){
  .sppb-carousel.sppb-carousel-pro .sppb-carousel-item-inner .sppb-col-sm-6 {
    padding-left: 80px !important;
    top: 38px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px){
.sppb-btn.sppb-btn-primary {
    padding: 12px 22px;
    font-weight: 600;
}
}

@media screen and (max-width: 480px){
.sppb-container {
    padding-left: 25px;
}
}

@media (max-width: 599px){
.sppb-item.sppb-item-has-bg >img {
    height: 475px !important;
    object-fit: cover;
    padding-top: 190px;
}
}

/*************************
	pgtitle
**************************/
@media screen and (max-width: 480px){
  .sp-page-title h2 {
    font-size: 28px;
}
}

/**************************
	bottom
**************************/

@media screen and (max-width: 1200px){
#sp-bottom {
    padding: 60px 30px !important;
}
}