@media (max-width:1400px) {
	.slider-item h3 {
    font-size: 40px;
}
.h3, h3 {
    font-size: 1.5rem;
}
h2 {
    font-size: 30px;
}
.allied-outer {
    padding: 5px;
    margin-bottom: 25px;
}
form label {font-size: 15px;}
}




@media (max-width:1200px) {
	.service-expand .more-cnt {
    overflow: scroll;
    overflow-x: hidden;
}
}




@media (min-width:992px) and (max-width:1200px){
	
}

@media (max-width:992px) {
	.service-expand h3 {
    font-size: 16px;
}
.servlist {
    font-size: 20px;
}
}



@media (max-width:768px) {
.banner h3 {
    font-size: 36px;
    font-weight: 700;
}
	.allied-top {
    margin: 25px 0 0;
}
	.service-outer .box-side {
    width: 50%;
    float: left;
}
.service-outer .serv4 .service-expand {
    top: 0;
    right: 0;
    left: inherit;
}
.service-outer .serv2 .service-expand {
    top: 0;
    right: inherit;
    left: 0;
}
.service-outer .serv3 .service-expand {
    top: inherit;
    right: inherit;
    bottom: 0;
    left: 0;
}
header#navbar1 {
    text-align: center;
}
#headerPhone {
    float: none;
        margin-top: 20px;
}
.why-choose img { margin-bottom:20px;}
.service-expand .more-cnt {
    overflow: scroll;
    overflow-x: hidden;
}
.service-expand:hover {
    width: 170%;
    height: 170%;
}
#demo .carousel-control-prev {
    left: 0 !important;
}
#demo .carousel-control-next {
    right: 0 !important;
}

}

@media only screen and (max-width: 600px) {
	.btn {   
    padding: .8rem 1rem;
    font-size: 1rem;    
}
	.slider-item h3 {
    font-size: 34px;
}
ul.arrow-bullet li {
    background-position: 0 2px;
    font-size: 15px;
}
h2 {
    font-size: 28px;
}
.h3, h3 {
    font-size: 1.3rem;
}
}
@media (max-width:480px) {
.banner h3 {
    font-size: 28px;
    font-weight: 700;
}
	.service-expand h3 {
    font-size: 14px;
}
}