/********** responsive **********/
/********** `xxl` applies to x-large devices (large desktops, less than 1400px)**********/
@media (max-width: 1399.98px){}
@media (max-width:1280px){}


/**********`xl` applies to large devices (desktops, less than 1200px)**********/
@media (max-width: 1199.98px) { ... }

/********** responsive 1024 **********/
@media (max-width: 1024px) {}

/********** `lg` applies to medium devices (tablets, less than 992px)**********/
@media (max-width: 991.98px) {}
/********** `md` applies to small devices (landscape phones, less than 768px)**********/
@media (max-width: 767.98px) {
h2 {font-size: 27px;}
.banner-caption p {
    width: 100%;
    text-align: left;
    font-size: 20px;
    line-height:30px;
}
.banner-caption h1{width: 100%;}
.logo {width:35%;}
.top-btn .carbon-btn.hvr-radial-in {
    padding: 5px .3rem;
    font-size: 10px;
}
.about-section img {
    min-height: 350px;
    max-height: 350px;
}
.about-content {padding:2rem 1rem;}
.services {padding: 2rem 0rem;}
.section-title {padding-bottom:2rem;}
.section-title h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.isotope-container img {
    min-height: 240px;
    max-height: 250px;
}
.carousel-item img{
min-height: 350px;
max-height: 350px;
object-fit: cover;
}
.carousel-caption{display:block!important;}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 4rem;
}
.carousel-caption h5 {font-size: 22px;}
.carousel-caption p {padding: 0 1rem;font-size:14px;margin-bottom:0px;}
.footer form{margin-top:2rem;}
.download.top-btn .carbon-btn.hvr-radial-in {
    padding: .5rem 1rem;
    font-size: 12px;
    border-radius
    text-transform: uppercase;
}
.m-top{margin-top:2rem;}
.portfolio {padding:2rem 0px;}
.enquire.top-btn .carbon-btn.hvr-radial-in {padding:.4rem 3rem;}
.top-contact {margin-top: .1rem;}
.top-contact{width: 60%;}
.wrapper-top{width:100%;}
.top-btn.orange{margin-left:0rem;}
.jarallax{
    min-height:55vh!important;
    max-height: 55vh!important;
}
.banner-caption .container {height:60vh;}
}
/**********`sm` applies to x-small devices (portrait phones, less than 576px)**********/
@media (max-width: 575.98px) { ... }