/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px) {
}

@media (min-width: 1200px) {
    .container {max-width: 1114px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .main-title { font-size: 42px; line-height: 42px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-brand {max-width: 260px;}
    /* Header End */

    /* Banner Start */
    .banner-img {margin: 0;}
    .banner-left {padding: 25px 25px 25px 35px;}
    .logo-gold {max-width: 290px;}
    /* Banner End */

    /* Office Space Start */
    .office-space-bottom { margin: -60px 0 0; }
    .office-space-wrp { padding: 40px 0 34px; }
    /* Office Space End */

    /* Typography Page Start */
    .typography-wrp { padding: 0 0 70px 0; }
    /* Typography Page End */

    .footer-right a { max-width: 197px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title { font-size: 34px; line-height: 34px; }
    .section-title { font-size: 30px; line-height: 40px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-brand {max-width: 180px;}
    .header .navbar-nav .nav-item:last-child { padding-right: 20px; }
    /* Header End */

    /* Banner Start */
    .banner-wrp { padding: 10px 0 30px; }
    .banner-img {margin: 0;}
    .banner-left {padding: 20px;}
    .logo-gold {max-width: 250px;}
    .banner-left .main-title {margin: 0 0 25px;}
    .banner-img img, .banner-img video {height: 290px;}
    /* Banner End */

    /* Office Space Start */
    .office-space-bottom { margin: 40px 0 0; }
    .office-space-wrp { padding: 30px 0 34px; }
    .office-space-right { margin: 0; }
    .office-space-details { max-width: 100%; width: auto; margin: 0 0 30px; }
    .office-space-bottom .row {flex-direction: column-reverse;}
    .modern-way-details { margin: 0 0 30px 0; }
    .modern-way-details .common-detail { max-width: 100%; width: auto; }
    /* Office Space End */

    /* Services Start */
    .services-img img {height: 250px;}
    .services-item { padding: 0 30px 0 0; }
    .services-details .section-title {margin: 0 0 15px;}
    /* Services End */

    /* Contact Start */
    .contact-wrp { padding: 45px 0 80px; }
    .contact-main { padding: 0; }
    .contact-section .row { margin: 0 -20px; }
    .contact-section .row>* { padding: 0 20px; }
    .contact-main .block-title {font-size: 28px; line-height: 32px; margin: 0 0 30px;}
    /* Contact End */

    /* Typography Page Start */
    .typography-wrp {padding: 0 0 50px 0;}
    .typography-main .main-title { margin: 0 0 30px; }
    /* Typography Page End */

    /* 404 Page Start */
    .error-page .section-title { margin: 0 0 20px; }
    .error-page .block-title { margin: 0 0 20px; }
    /* 404 Page End */

    .footer-right a { max-width: 197px; }
}

@media (max-width: 767px) {
    /* Common Style Start */
    .main-title { font-size: 30px; line-height: 32px; }
    .section-title { font-size: 26px; line-height: 36px; }
    .block-title { font-size: 24px; line-height: 28px; }
    .banner-text { font-size: 16px; line-height: 26px; }
    /* Common Style End */

    /* Header Start */
    .header { z-index: 999;}
    .header .navbar-brand {max-width: 150px;}
    .header.h-stick .navbar-brand { max-width: 120px; }
    .header .navbar {align-items: flex-end;}
    .header .navbar-nav .nav-item:first-child {border-top: 1px solid #d9d9d9;}
    .header .navbar-nav .nav-item:last-child { padding-right: 15px; }
    .header .navbar-nav .nav-item {border-bottom: 1px solid #d9d9d9; padding: 12px 15px;}
    .header .dropdown-menu {border: none; margin: 10px 0 0 20px;}
    .header .dropdown-menu .dropdown-item {padding: 0;}
    .header .dropdown-menu li {padding: 10px 0; border-bottom: 1px solid #d9d9d9;}
    .header .dropdown-menu li:last-child {border-bottom: none;}
    .header .dropdown-menu .dropdown-item {display: inline-block; width: auto;}
    .header-btn {text-align: center; padding: 30px 0 0;}
    .header .navbar-toggler {padding: 0; border: none; box-shadow: none; position: relative; z-index: 9;}
    .header .navbar-toggler span { width: 25px; height: 3px; display: block; background-color: var(--darkgrey); margin-bottom: 5px; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header { padding: 15px 0; }
    .header .navbar-collapse { position: fixed; max-width: 100%; width: 100%; top: 0; right: -100%; bottom: 0; height: 100%; padding: 120px 0 30px; overflow: auto; background-color: var(--white); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-collapse::after { content: ""; position: fixed; max-width: 100%; width: 100%; top: 0; right: -100%; height: 80px; background-color: var(--white); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show::after {right: 0;}
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    /* Header End */

    /* Banner Start */
    .banner-wrp { padding: 10px 0 30px; }
    .banner-img {margin: 0;}
    .banner-left {padding: 20px; max-width: 100%; width: auto;}
    .logo-gold { max-width: 170px; width: 100%; left: 50%; top: auto; bottom: 10px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
    .banner-left .main-title {margin: 0 0 20px; max-width: 250px;}
    .banner-row .row {flex-direction: column-reverse;}
    .banner-img img, .banner-img video {height: 250px; width: 100%;}
    .banner-img figure { width: 100%; }
    /* Banner End */

    /* Office Space Start */
    .office-space-bottom { margin: 40px 0 0; }
    .office-space-wrp { padding: 30px 0 30px; }
    .office-space-right { margin: 0; }
    .office-space-details { max-width: 100%; width: auto; margin: 0 0 30px; }
    .office-space-bottom .row {flex-direction: column-reverse;}
    .modern-way-details { margin: 0 0 30px 0; }
    .modern-way-details .common-detail { max-width: 100%; width: auto; }
    /* Office Space End */

    /* Amenities Start */
    .amenities-wrp { padding: 10px 0 30px; }
    /* Amenities End */

    /* Services Start */
    .services-slider-wrp { padding: 30px 0; }
    .services-img img {height: 250px;}
    .services-item { padding: 0 25px 0 0; }
    .services-details .section-title { line-height: 32px; margin: 0 0 15px;}
    .slick-arrow svg {width: 16px;}
    .services-slider .slick-next { right: 2px; }
    .services-slider .slick-prev { left: 2px; }
    /* Services End */

    /* Monthly subscription Start */
    .monthly-sub-wrp { padding: 30px 0; }
    .monthly-sub-main .section-title {line-height: 36px; margin: 0 0 20px;}
    /* Monthly subscription End */

    /* Palace Experience Start */
    .palace-experience-wrp { padding: 30px 0; }
    /* Palace Experience End */

    /* Map Start */
    .map-wrp { padding: 30px 0; }
    .map-right .common-detail {padding: 40px 0 0;}
    .map-right .logo-gold { max-width: 270px; left: 0; right: 0; margin: 0 auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    /* Map End */

    /* Contact Start */
    .contact-wrp { padding: 30px 0; }
    .contact-main { padding: 0; }
    .contact-main .block-title { font-size: 24px; line-height: 32px; margin: 0 0 25px; }
    .contact-section .row>* { padding: 0 15px; }
    .contact-section .row {margin: 0 -15px;}
    .form-btn { text-align: center; padding: 10px 0 0; }
    .contact-form .check-group { padding: 16px 16px 15px 5px;}
    .contact-form .wpcf7-form .wpcf7-response-output { font-size: 14px; }
    .wpcf7-spinner {position: absolute;}
    .map-right {padding: 32px 20px;}
    .map-left iframe {height: 400px;}
    .contact-form .form-group { padding: 12px;}
    .contact-form .form-control { font-size: 15px; line-height: 18px;}
     /* Contact End */

    /* Footer Start */
    .footer-left {margin: 0 0 30px;}
    .footer-middle {margin:15px 0;} .footer-right a { max-width: 177px; margin: 0; }
    /* Footer End */

    /* Typography Page Start */
    .typography-wrp { padding: 0 0 40px 0; }
    .typography-main .main-title { margin: 0 0 30px; }
    /* Typography Page End */

    /* 404 Page Start */
    .error-page .section-title { margin: 0 0 20px; }
    .error-page .block-title { margin: 0 0 20px; }
    /* 404 Page End */

    .footer-main .row .col-md-3.col-lg-3.col-xl-3.col-xxl-3{ order: 3; }
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){


}