/* // Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */


/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 315px) {
#maxxCarousel p {
font-size: 14px;
margin-bottom: 15px;
width: 90%;
}
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
#maxxCarousel p {
font-size: 14px;
margin-bottom: 15px;
width: 80%;
}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.navbar .navbar-brand img {
max-width: 330px;
}
.container {
max-width: 90%;
}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.text-box h3 {
font-size: 3em;
}
h1 {
font-size:40px !important;
}
h2 {
font-size:30px !important;
}
h3 {
font-size: 24px !important;
}
h4 {
font-size:18px !important;
}
#maxxCarousel h3 {
font-size:32px !important;
}
.navbar>.container, .navbar>.container-fluid {
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
}
.navbar-collapse {
border-bottom: 1px solid #ffffff5c;
margin-top: -30px;
}
.top-btn-group {
float: right;
padding-top: 15px;
}
.navbar .navbar-brand img {
max-width: initial;
}
.trasparent-nav {
background: rgb(0 0 0 / 6%) !important;
}


/*-------- Section Heading ---------*/
.section_sub_heading {
font-size: 18px;
margin-top: 25px;
color: #be9c67;
text-align: center;
}
.section_main_heading {
font-size: 40px !important;
margin-top: 25px;
font-weight: 300;
color: #fff;
text-align: center;
}
.section_under_heading {
font-size: 25px;
color: #fff;
font-weight: 300;
margin-top: 20px;
margin-bottom: 25px;
text-align: center;
}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.text-box {
left: 8%;
}
#maxxCarousel p {
font-size:16px;
margin-bottom:15px;
width: 80%;
}
}

/* // Extra large devices (large desktops, 1440px and up) */
@media (min-width: 1440px) {
#maxxCarousel h1 {
font-size:65px !important;
}
h1 {
font-size: 45px !important;
}
.text-box {
left: 15%;
}
}


/* // Extra large devices (large desktops, 1680px and up) */
@media (min-width: 1680px) {
.text-box {
left: 12%;
}
.container {
max-width: 1340px;
}
.global_footprint {
padding: 5em 8em;
color:#fff;
}
}

/* // Extra large devices (large desktops, 1800px and up) */
@media (min-width: 1800px) {
}
@media (max-width: 991px) {
    .navbar-brand > .slogan-text {
        display:none;
    }
    section { padding:3em 0; }

    
.navbar {
    padding: 0;
    background-color: #1b1c24 !important;
    position: relative;
}

}

@media (max-width: 767px) {
.container {
    max-width: 98%;
}

.navbar .navbar-brand img {/* max-width: 280px; */overflow: hidden;width: 240px;}
.btn {padding: 8px 8px;font-size: 11px;}

/* .book-now-btn{
display: none;
} */

.top-btn-group {
float: none;
}
.carousel-item {
height: 100vh;
min-height: 500px;
max-height: 500px;
}
.navbar .navbar-brand img {overflow: hidden;width: 80px;object-fit: cover;object-position: left;}
h1 {
font-size: 26px !important;
}
h2 {
font-size:24px !important;
}
h3 {
font-size: 18px !important;
}
h4 {
font-size:18px !important;
}
p {line-height: 20px;}
.oriental-dark-background-right {
background-image: url(../images/bespoke-home-moving-services-large.jpg);
min-height: 350px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.breadcam_area .bradcam_text h3 {
font-size:30px !important;
letter-spacing: 2px;
}
.global_footprint {
padding: 5em 0em;
color:#fff;
}
.cta_section {
background-color: #be9c67;
text-align: center;
padding: .5rem 0 !important;
text-align: center;
}
.counter {
float: left;
padding-right: 20px;
font-size: 12px;
}
.count {
font-size: 36px;
}
.navbar .navbar-brand img {margin-right: 0;}
.navbar-brand {
margin-right: 0;
}
.navbar-toggler {
padding: .25rem 0.35rem;
}
.breadcam_area {padding: 120px 0 100px 0;height: 230px;}
.overlay2::before {
height: 270px;
}
.fullscreen-bg {
height: 270px;
}
.breadcrumb {
position: relative;
bottom: 0;
font-size: 12px;
background-color: transparent;
text-align: center;
display: block;
}

.caption-area .title h5 {
    float: left;
	font-size: 16px;
    margin: 0;
}
.btn-card i {
    float: right;
    padding: 0px;
}
nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link.active {
    border: none;
    padding: 13px 12px;
    color: #fff;
    border-radius: 0;
    position: relative;
    font-size: 12px;
}

.tab-content {
    /* background: #101217; */
    line-height: 25px;
    border: 1px solid #1b1c1d;
    border-top: 1px solid #be9c67;
    /* border-bottom: 5px solid #be9c67; */
    padding: 21px 5px !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 25px;
}
.box-part {
    margin: 5px 0px;
}

.btn {
    padding: 8px 15px;
    font-size: 14px;
}
}

/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {
.container {
    max-width: 98%;
}

.btn {
    padding: 8px 15px;
    font-size: 12px;
}

}


/* // Small devices (landscape phones, 480px and up) */
@media (max-width: 480px) {
.container {
    max-width: 98%;
}

.btn {
    padding: 8px 15px;
    font-size: 12px;
}
}


/* // Small devices (landscape phones, 360px and up) */
@media (max-width: 360px) {
.container {
    max-width: 100%;
}

.btn {
    padding: 8px 8px;
    font-size: 11px;
}

}