/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (max-width: 1920px){
    .container {max-width: 1291px;}
}

@media (min-width: 7680px) {
    .banner-content { top: 50%; left: 50%; transform: translate(-90%,-70%); -webkit-transform: translate(-90%,-70%); -moz-transform: translate(-90%,-70%); -ms-transform: translate(-90%,-70%); -o-transform: translate(-90%,-70%); }
}

@media (min-width: 5760px) and (max-width: 7679px) {
    .banner-content { top: 50%; left: 50%; transform: translate(-110%,-70%); -webkit-transform: translate(-110%,-70%); -moz-transform: translate(-110%,-70%); -ms-transform: translate(-110%,-70%); -o-transform: translate(-110%,-70%); }
}

@media (min-width: 3840px) and (max-width: 5759px) {
    .banner-content { top: 50%; left: 50%; transform: translate(-110%,-70%); -webkit-transform: translate(-110%,-70%); -moz-transform: translate(-110%,-70%); -ms-transform: translate(-110%,-70%); -o-transform: translate(-110%,-70%); }
}

@media (min-width: 2880px) and (max-width: 3839px) {
    .banner-content { top: 50%; left: 50%; transform: translate(-110%,-70%); -webkit-transform: translate(-110%,-70%); -moz-transform: translate(-110%,-70%); -ms-transform: translate(-110%,-70%); -o-transform: translate(-110%,-70%); }
}

@media (min-width: 2560px) and (max-width: 2879px) {
    .banner-content { top: 50%; left: 50%; transform: translate(-110%,-70%); -webkit-transform: translate(-110%,-70%); -moz-transform: translate(-110%,-70%); -ms-transform: translate(-110%,-70%); -o-transform: translate(-110%,-70%); }
}

@media (min-width: 2400px) and (max-width: 2559px) {
    .banner-content { top: 50%; left: 50%; transform: translate(-110%,-70%); -webkit-transform: translate(-110%,-70%); -moz-transform: translate(-110%,-70%); -ms-transform: translate(-110%,-70%); -o-transform: translate(-110%,-70%); }
}

@media (min-width: 2133px) and (max-width: 2399px) {
    .banner-content { top: 50%; left: 50%; transform: translate(-110%,-70%); -webkit-transform: translate(-110%,-70%); -moz-transform: translate(-110%,-70%); -ms-transform: translate(-110%,-70%); -o-transform: translate(-110%,-70%); }
}

@media (min-width: 1400px) and (max-width: 1499px){
}

@media (min-width: 1300px) and (max-width: 1399px){

    .about-main .about-right::after {right: 0;}

    /*location*/
    .location-main .row { margin: 0 -18px; }
    .location-main .row > * { padding: 0 18px; }
    .location-right { margin: 0 0 0 42px; }

    /*get-in-touch*/
    .get-in-touch-main > .row { margin: 0 -15px; }
    .get-in-touch-main > .row > * { padding: 0 15px; }
    .get-in-touch-right { margin: 0 0 0 40px; }
}

@media (min-width: 1200px) and (max-width: 1299px){
    /*about section*/
    .about-main .about-right { margin: 0 30px 0 0px; }
    .about-left { margin-left: 120px; }

    /*spotlight*/
    .spotlight-main .spotlight-block { height: calc(100% - 59px); margin-bottom: 59px; }

    /*location*/
    .location-main .row { margin: 0 -18px; }
    .location-main .row > * { padding: 0 18px; }
    .location-right { margin: 0 0 0 42px; }

    /*get-in-touch*/
    .get-in-touch-main > .row { margin: 0 -15px; }
    .get-in-touch-main > .row > * { padding: 0 15px; }
    .get-in-touch-right { margin: 0 0 0 30px; }

    /*gallery*/
    .gallary-section #filters {padding: 53px 0;}
}

@media (max-width: 1199px){

}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-image img {object-position: right; height: 479px; }
    .h-logo {padding: 34px 0;}
    .btn-white {font-size: 20px; line-height: 20px;}
    .banner-btn .btn-white {padding: 10px 54px;}

    /*logo*/
    .logo-slider { padding: 62px 0; }
    .logo-slider .logo-item {margin: 0 20px;height: 80px;}

    /*about section*/
    .about-main .about-right { margin: 0 30px 0 0px; }
    .about-left { margin-left: 120px; }
    .about-main .about-right p { line-height: 33px; }
    p {font-size: 22px; line-height: 26px;}
    .about-wrp { padding: 20px 0 31px 0; }

    /*spotlight*/
    .spotlight-main .spotlight-block { height: calc(100% - 59px); margin-bottom: 59px; }
    .spotlight-title { padding: 0 0 53px 0; }
    .spotlight-title .section-small-title { padding: 10px 0 0 0; }
    .spotlight-wrp { padding: 51px 0 0 0; }

    /*location*/
    .location-main .row { margin: 0 -18px; }
    .location-main .row > * { padding: 0 18px; }
    .location-right { margin: 0 0 0 42px; }
    .location-main .section-small-title { padding: 6px 0 30px 0; }
    .location-left .btn-white { padding: 12px 40px;margin-top: 22px;}

    /*get-in-touch*/
    .get-in-touch-main > .row { margin: 0 -15px; }
    .get-in-touch-main > .row > * { padding: 0 15px; }
    .get-in-touch-right { margin: 0 0 0 30px; }
    .get-in-touch-form .form-group .form-control {    padding: 12px 10px;}
    .get-in-touch-form .btn-white {padding: 14px 28px;}

    /*footer*/
    .get-in-touch-wrp { padding: 50px 0 42px 0; }
    .footer {padding-top: 60px;}
    .footer-top { padding: 0 0 90px 0; }

    /*gallery*/
    .gallary-section #filters {padding: 43px 0;}
    .gallary-section .image { height: calc(100% - 36px); margin-bottom: 36px; }
}

@media (min-width: 768px) and (max-width: 991px){
    .main-title {font-size: 42px; line-height: 55px;}
    .banner-image img {object-position: right; height: 319px; }
    .h-logo {padding: 34px 0;}
    .btn-white {font-size: 18px; line-height: 20px;}
    .h-menu .navbar-nav .nav-item { margin: 0 12px; }
    .banner-btn .btn-white {padding: 10px 54px;}
    .banner-main .main-title {max-width: 393px;}
    .banner-content { transform: translate(81px,38px); -webkit-transform: translate(81px,38px); -moz-transform: translate(81px,38px); -ms-transform: translate(81px,38px); -o-transform: translate(81px,38px); }
    .banner-image { margin: 15px 23px 0 23px; }
    .navbar-brand img {width: 100%;height: 100px;}
    header.header-sticky .h-menu {padding: 22px 0;}

    /*logo*/
    .logo-slider { padding: 62px 0; }
    .logo-slider .logo-item {margin: 0 20px;height: 80px;}

    /*about section*/
    .about-main .about-right { margin: 0 40px 0 0px; }
    .about-left { margin-left: 40px; }
    .about-main .about-right p { line-height: 31px; }
    p {font-size: 19px; line-height: 26px;}
    .about-main .about-right::before {width: 41px; height: 38px;}
    .about-main .about-right::after {width: 37px; height: 41px;}
    .section-title { font-size: 34px; line-height: 43px; }
    .about-wrp { padding: 20px 0 31px 0; }

    /*spotlight*/
    .spotlight-main .spotlight-block { height: calc(100% - 49px); margin-bottom: 49px; }
    .spotlight-title { padding: 0 0 53px 0; }
    .spotlight-title .section-small-title { padding: 10px 0 0 0; }
    .spotlight-block .detail h5 {font-size: 22px; line-height: 26px;}
    .spotlight-block .detail p {font-size: 15px; line-height: 22px;}
    .spotlight-block .detail { max-width: 306px;}
    .spotlight-block .detail a {max-width: 150px;}
    .spotlight-wrp { padding: 51px 0 0 0; }

    /*location*/
    .location-main .row { margin: 0 -18px; }
    .location-main .row > * { padding: 0 18px; }
    .location-right { margin: 0; }
    .location-main .section-small-title { padding: 6px 0 30px 0; }
    .location-left .btn-white { padding: 12px 40px;margin-top: 22px;}
    .location-table .block span, .location-table .block p {font-size: 18px; line-height: 23px;}
    .location-table .block {padding-bottom: 16px;}

    /*get-in-touch*/
    .get-in-touch-main > .row { margin: 0 -15px; }
    .get-in-touch-main > .row > * { padding: 0 15px; }
    .get-in-touch-right { margin: 0; }
    .get-in-touch-form .form-group .form-control {    padding: 12px 10px;}
    .get-in-touch-visit .section-small-title { line-height: 28px; }
    .get-in-touch-left .section-small-title { padding: 16px 0 13px 0; }
    .get-in-touch-form .form-group { margin-bottom: 10px; }
    .get-in-touch-form .btn-white {padding: 10px 20px;}
    .section-small-title {font-size: 18px; line-height: 24px;}
    .get-in-touch-visit a, .get-in-touch-visit .phone, .get-in-touch-visit .email {    font-size: 18px; line-height: 30px;}

    /*footer*/
    .get-in-touch-wrp { padding: 50px 0 42px 0; }
    .footer {padding-top: 50px;}
    .footer-top { padding: 0 0 50px 0; }
    .footer-bottom-left {flex-direction: column; align-items: flex-start;}
    .footer-bottom-left .social-media {padding-left: 0;padding-top: 10px;}
    .footer-title { padding: 0 0 20px 0; }

    /*gallery*/
    .gallary-section #filters {padding: 43px 0;}
    .gallary-section .image { height: calc(100% - 36px); margin-bottom: 36px; }
    .gallary-section #filters li a { width: 98px;}
    .gallary-wrp { padding: 32px 0; }
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    

    /*header start*/
    .mobile-menu {display: flex;align-items: center;width: 100%;flex-direction: row-reverse;justify-content: space-between;}
    .header .navbar-toggler {position: relative; z-index: 99; box-shadow: none; border: none; padding: 0;}
    .header .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler.open span:nth-child(2) {display: none;}
    .header .navbar-toggler.open span:last-child { top: -3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-toggler span { background-color: #333333; position: relative; width: 25px; height: 3px; display: block; margin-bottom: 5px; 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 .navbar-collapse {position: relative;width: 100%;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; z-index: 9;}
    .h-menu .navbar-nav .nav-item {margin: 8px 0;}
    .navbar-brand {max-width: 190px;height: auto;}
    .h-menu .navbar-nav .nav-item .nav-link {text-align: left;border-bottom: 1px solid #000;}
    .h-menu .navbar-nav .nav-item .nav-link.active,
    .h-menu .navbar-nav .nav-item .nav-link:hover {border-bottom: 1px solid #EE0022;}

    .h-menu .collapse:not(.show) {display: none !important;}
    .h-menu .navbar-collapse {display: block !important;}
    .h-sign-up {padding: 12px 0;}
    /*header end*/

    .main-title { font-size: 32px; line-height: 50px; }
    .banner-image img {object-position: right; height: 279px; }
    .h-logo { padding: 20px 0; }
    .btn-white { font-size: 15px; line-height: 17px; }
    /* .h-menu .navbar-nav .nav-item { margin: 0 12px; } */
    .banner-btn .btn-white { padding: 8px 38px;border: 3px solid #FFFFFF; }
    .banner-main .main-title { max-width: 293px;margin: 0 auto; }
    .banner-btn { padding-top: 20px; }
    .banner-content { transform: translate(41px,18px); -webkit-transform: translate(41px,18px); -moz-transform: translate(41px,18px); -ms-transform: translate(41px,18px); -o-transform: translate(41px,18px); }
    .banner-image {margin: 15px 15px 0 15px;}

    /*logo*/
    .logo-slider { padding: 22px 0; }
    .logo-slider .logo-item {margin: 0 20px;height: 80px;}

    /*about section*/
    .about-main .about-right { margin: 40px 40px 0 40px; }
    .about-left { margin-left: 0px; margin-bottom: 10px;text-align: center; }
    .about-main .about-right p { line-height: 31px; }
    p {font-size: 19px; line-height: 26px;}
    .about-main .about-right::before {width: 41px; height: 38px;}
    .about-main .about-right::after { width: 38px; height: 43px;bottom: -25px; right: -40px; }
    .section-title {font-size: 38px; line-height: 46px;}
    .about-wrp { padding: 10px 0 41px 0; }
    .about-left .section-small-title {margin-left: -30px;margin-top: 0;}

    /*spotlight*/
    .spotlight-main .spotlight-block { height: calc(100% - 42px); margin-bottom: 42px; }
    .spotlight-title { padding: 0 0 33px 0; }
    .spotlight-title .section-small-title { padding: 10px 0 0 0; }
    .spotlight-block .detail h5 {font-size: 22px; line-height: 26px;}
    .spotlight-block .detail p {font-size: 15px; line-height: 22px;}
    .spotlight-block .detail { max-width: 306px;}
    .spotlight-block .detail a {max-width: 150px;}
    .spotlight-wrp { padding: 31px 0 0 0; }
    .section-small-title {font-size: 18px; line-height: 22px;}
    .spotlight-block .image {text-align: center;}

    /*location*/
    .location-main .row { margin: 0 -18px; }
    .location-main .row > * { padding: 0 18px; }
    .location-right { margin: 0; }
    .location-main .section-small-title { padding: 6px 0 10px 0; }
    .location-left .btn-white { padding: 12px 40px;margin-top: 22px;}
    .location-table .block span, .location-table .block p {font-size: 18px; line-height: 23px;}
    .location-table .block {padding-bottom: 16px;justify-content: center;}
    .location-left {text-align: center;}
    .location-right {text-align: center;padding-top: 42px;}
    .location-wrp { padding: 0 0 30px 0; }

    /*get-in-touch*/
    .get-in-touch-main > .row { margin: 0 -15px; }
    .get-in-touch-main > .row > * { padding: 0 15px; }
    .get-in-touch-right { margin: 0; }
    .get-in-touch-form .form-group .form-control {    padding: 12px 10px;}
    .get-in-touch-visit .section-small-title { line-height: 28px; }
    .get-in-touch-left .section-small-title { padding: 16px 0 13px 0; }
    .get-in-touch-form .form-group { margin-bottom: 10px; }
    .get-in-touch-form .btn-white {padding: 14px 24px;}
    .get-in-touch-wrp { padding: 10px 0 42px 0; }
    .get-in-touch-left {text-align: center;}
    .get-in-touch-form .form-group {text-align: left;}
    .get-in-touch-right {padding-top: 32px;}
    .get-in-touch-visit {text-align: center;max-width: 350px;margin: 0 auto;padding-top: 10px;}
    .get-in-touch-visit a, .get-in-touch-visit .phone, .get-in-touch-visit .email {font-size: 18px; line-height: 34px;}

    /*footer*/
    .get-in-touch-wrp { padding: 50px 0 42px 0; }
    .footer {padding-top: 30px;}
    .footer-top { padding: 0 0 30px 0; }
    .footer-bottom-left {flex-direction: column; align-items: flex-start;}
    .footer-bottom-left .social-media {padding-left: 0;padding-top: 10px;}
    .footer-title { padding: 0 0 20px 0; }
    /* .footer-block {text-align: center;}
    .footer-title {text-align: center;} */
    .footer-bottom {padding: 22px 0;}

    /*gallery*/
    .gallary-section #filters {padding: 43px 0;}
    .gallary-section .image { height: calc(100% - 36px); margin-bottom: 36px; }
    .gallary-section #filters li a { width: 98px;}
    .gallary-wrp { padding: 32px 0; }
    .gallary-section #filters {flex-wrap: wrap;}
    .gallary-section #filters li {margin-bottom: 8px;margin-left: 0;}
    .gallary-section .image {text-align: center;height: calc(100% - 26px); margin-bottom: 26px;}
    .gallary-section .load_more .btn {text-align: center;max-width: 200px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
    .gallary-section .load_more .btn { font-size: 13px; line-height: 20px;padding: 8px 19px;}

    .h-menu {display: flex;align-items: center;}
    .h-logo {padding: 0;}
    .h-menu .navbar-nav .nav-item .nav-link {letter-spacing: normal;}

    .logo-slider .carouselTicker__item a {width: 100px;}
    header.header-sticky .h-menu {padding: 12px 0;}
}

/*---------- 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){
    .banner-content { width: 100%; top: 50%; left: 50%; transform: translate( -50%, -50%); -webkit-transform: translate( -50%, -50%); -moz-transform: translate( -50%, -50%); -ms-transform: translate( -50%, -50%); -o-transform: translate( -50%, -50%); }
    .banner-image { margin: 15px 15px 0 15px;}

    /*logo slider*/
    .logo-slider .carouselTicker__item {margin: 0 30px;}

    /*about*/
    .about-main .about-right::before { width: 34px; height: 31px; top: -16px; left: -19px;}
    .about-main .about-right p { line-height: 25px; }
    p { font-size: 16px; line-height: 20px; }
    .about-main .about-right::after { width: 32px; height: 36px; bottom: -5px; right: -10px; }
    .section-title { font-size: 26px; line-height: 38px; }
    .section-small-title {font-size: 16px; line-height: 24px;}
    .about-main .about-right { margin: 20px 20px 0 20px; }
    .about-left { margin-left: 20px; margin-bottom: 10px; }
    .about-wrp { padding: 10px 0 11px 0; }

    /*spotlight*/
    .spotlight-title { padding: 0 0 13px 0; }
    .spotlight-title .section-small-title { padding: 0; }
    .spotlight-block .detail p { font-size: 14px; line-height: 21px; }
    .spotlight-block .detail h5 { font-size: 20px; line-height: 24px; }
    .spotlight-main .spotlight-block { height: calc(100% - 32px); margin-bottom: 32px; }

    /*location*/
    .location-table .block span, .location-table .block p { font-size: 16px; line-height: 18px; }
    .location-left .btn-white { padding: 7px 14px; }
    .location-right {padding-top: 32px;}
    .location-wrp { padding: 0 0 10px 0; }

    /*get in touch*/
    .get-in-touch-right { padding-top: 12px; }
    .get-in-touch-visit a, .get-in-touch-visit .phone, .get-in-touch-visit .email { font-size: 16px; line-height: 28px;}
    .get-in-touch-form .btn-white { padding: 8px 12px; }
    .get-in-touch-form .form-group .form-control { padding: 9px 10px; }
    .get-in-touch-form .form-group .form-label {margin-bottom: 6px;}
    .get-in-touch-wrp { padding: 10px 0 12px 0; }

    /*footer*/
    .footer-block {text-align: center;}
    .footer-title {text-align: center;}
    .footer-title { padding: 10px 0 8px 0; }
    .footer-email .form-control {max-width: 200px;margin: 0 auto;}
    .footer-bottom-left .detail ul {flex-direction: column; align-items: flex-start;}
    .footer-bottom-left .detail ul li {margin: 0;}
    .footer-bottom {flex-direction: column;align-items: center;}
    .footer-bottom-left {align-items: center;}
    .footer-bottom-left .detail p, .footer-bottom-left .detail ul li {text-align: center;}
    .footer-bottom-left .detail ul {align-items: center;}
    .footer-bottom-right {padding-top: 10px;}
    .footer-bottom { padding: 12px 0; }
    .footer { padding-top: 10px; }

    .gallary-section #filters { padding: 23px 0; }
    .gallary-section .section-title { padding-bottom: 0; }
    .gallary-wrp { padding: 2px 0; }
    .gallary-section .element-item .detail p { padding: 12px 0 11px 0; }
    .gallary-section .image { text-align: center; height: calc(100% - 16px); margin-bottom: 16px; }
    .navbar-brand { height: auto; max-width: 135px; }
    .main-title { font-size: 28px; line-height: 40px; }
    .banner-btn .btn-white { padding: 8px 30px;}
    .about-left {margin-left: 0;text-align: center;}
    .about-left .section-small-title {margin-left: -16px;}

    .h-sign-up p {font-size: 12px; line-height: 14px;}
}