header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}

.dropdown-toggle-down-btn:before {
    font-size: 25px !important;
}

.header-top {
    background: #5a080a;
    padding: 11px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header-icons a {
    color: #fff;
    padding: 0 30px 0 0;
    font-size: 18px;
}

.header-top-right a {
    padding-right: 0;
}

.header-top-right span {
    padding-left: 15px;
}

.header-bottom {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 50px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.menus li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.menus li a {
    color: #fff;
    padding: 18px 15px;
    font-size: 18px;
    text-transform: capitalize;
    font-family: "Avenir Heavy";
    display: block;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.menus>li:last-child>a {
    padding-right: 0;
}

.menus li a i {
    padding-left: 10px;
}

.menus .submenus li a {
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    font-size: 16px;
    font-family: "Avenir Roman";
    background: #8b0101;
    text-transform: unset;
}

.menus .submenus li:last-child a {
    border-bottom: none;
}

.menus .submenus li {
    width: 100%;
}

.fixed-bar .header-top {
    margin-top: -42px;
}

.top-offset {
    margin-top: 78px;
}

.header-logo img {
    max-width: 125px;
}

.marginbottom100 {
    margin-bottom: 100px;
}

.right-align-menu {
    display: inline-block;
    float: right;
}

.website-outer {
    height: calc(100vh - 117px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.fixed-bar .website-outer {
    height: calc(100vh - 87px);
}

.hero-section {
    padding: 30px 0;
    margin: 0 0 100px 0;
}

.hero-left-content p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.5;
}

.hero-section-btns .hero-book-btn {
    margin-right: 20px;
}

.hero-left-content .large-tittle {
    margin-bottom: 30px;
}

.scrolltobottom-section p {
    margin: 0 0 10px 0;
    color: #6c6c6c;
    line-height: normal;
}

.scrolltobottom-section {
    position: relative;
    margin-top: 30px;
}

.clicktoscrollarrow {
    position: static;
    cursor: pointer;
    bottom: -93px;
    left: 0;
    display: block;
    width: 45px;
    margin-top: 30px;
}

.hero-vedio-main {
    position: relative;
}

img.header-sharktak-img {
    width: 132px;
}

.brian_video {
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 703px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50px;
    -webkit-mask-image: -webkit-radial-gradient(white, #000);
}

.hero_video_outer {
    width: auto;
    float: left;
    position: absolute;
    z-index: -9;
    overflow: hidden;
    border-radius: 7%;
    top: 5px;
}

.brian_video .hero_video_outer {
    z-index: 1;
    border-radius: 0;
    top: 0;
    max-width: inherit !important;
    width: 100%;
    right: 0;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(3.8);
    -ms-transform: scale(3.8);
    transform: scale(3.8);
}

.candidate_video {
    float: left;
    text-align: left;
    width: 100%;
    max-width: 320px;
    position: relative;
}

.hero_video {
    width: 100%;
    max-width: 370px;
    float: left;
    position: relative;
}

.brian_video .hero_video {
    max-width: inherit !important;
}

.candidate_video video {
    border-radius: 5px 0 0 5px;
    float: left;
    width: 318px;
}

.hero_video video {
    width: 423px;
    position: relative;
    left: -25px;
    float: left;
    height: 100%;
}

.brian_video .hero_video video {
    left: 22px;
}

.brian_video .candidate_video video {
    border-radius: 0 !important;
    width: 90%;
}

.hero-child-vedio {
    position: absolute;
    right: 35px;
    top: 50px;
    z-index: 9;
    width: 110px;
    height: 130px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.hero-child-vedio-outer {
    position: absolute;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    top: -33px;
    left: -20px;
}

.vedio-bottom-icons.header-vedio-icon {
    position: absolute;
    bottom: 14px;
    width: auto;
    left: 15px;
    z-index: 9;
    background: rgba(255, 255, 255, 0.7);
    right: 15px;
}

.brain-vedio-back-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.brain-vedio-back-image img {
    width: 100%;
}

.best-christmas-section {
    padding: 100px 0;
}

.best-christmas-single {
    border: 1px solid #dfe1e5;
    padding: 35px 30px;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.christmas-section-padding-left {
    padding-right: 32px;
}

.christmas-section-padding-right {
    padding-left: 32px;
}

.large-tittle.best-christmas-tittle {
    margin-bottom: 60px;
}

.best-christmas-single p {
    font-size: 18px;
    line-height: 1.5;
}

.best-christmas-single:focus,
.best-christmas-single:hover {
    background: #dfe1e5;
}

.large-tittle span {
    position: relative;
    display: inline-block;
}

img.title-left-icon {
    position: absolute;
    left: -60px;
    top: -32px;
    width: 28px;
}

img.title-right-icon {
    position: absolute;
    right: -60px;
    top: -32px;
    width: 28px;
}

img.title-tree-icon {
    position: absolute;
    right: -160px;
    bottom: 0;
    width: 115px;
}

.best-santas-outer {
    width: 100%;
}

.best-santas-outer p {
    margin: 0;
    font-size: 20px;
}

img.santatitle-left-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -190px;
    width: 32px;
}

img.santatitle-right-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -190px;
    width: 48px;
}

img.santatitle-right-icon.customerrev-right-icon {
    width: 27px;
}

.best-santas-images {
    margin-top: 60px;
    padding: 0 65px;
}

.large-tittle.bestsanta-tittle {
    margin: 0 0 30px 0;
}

.large-tittle.vedio-tittle {
    margin: 0;
}

.vedio-right-content {
    padding-left: 60px;
}

.large-tittle.vedio-tittle {
    font-size: 50px;
}

.vedio-left-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

img.vedio-after-effect {
    position: absolute;
    top: -114px;
    right: -150px;
    width: 100px;
}

img.vedio-before-effect {
    position: absolute;
    left: -37px;
    bottom: -96px;
    width: 38px;
}

.vedio-header {
    padding: 30px 15px;
    position: relative;
}

.vedio-logo {
    width: 125px;
    display: block;
}

.vedio-header-right {
    width: 150px;
    height: 100px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 10px;
}

.vedio-header-right-outer {
    position: absolute;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(2);
    top: -3px;
    left: 0;
}

.vedio-time {
    position: absolute;
    background: #fff;
    padding: 3px 10px;
    border-radius: 50px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Avenir Medium";
    line-height: normal;
    font-size: 16px;
}

.vedio-middle {
    position: relative;
    overflow: hidden;
    height: 520px;
    width: 100%;
}

.vedio-middle-outer {
    position: absolute;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    top: -155px;
    -webkit-transform: scale(2.2);
    -ms-transform: scale(2.2);
    transform: scale(2.2);
    left: 193px;
}

.vedio-talking-text {
    text-align: center;
    color: #fff;
    font-family: "Avenir Medium";
    font-size: 16px;
    padding: 10px 0;
}

.vedio-header-right.vedio-bottom-inner {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0 5px;
}

.vedio-bottom-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 15px;
}

.vedio-bottom-icons span img {
    width: 50px;
}

.vedio-bottom-icons {
    background: #fff;
    text-align: center;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    max-height: 70px;
}

.vedio-bottom-icons span {
    margin: 0 10px;
    cursor: unset;
}

.nonactive-img {
    display: none;
}

.active-img.nonactive {
    display: none;
}

.nonactive-img.active {
    display: block;
}

.vedio-menu {
    width: 35px;
    height: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    cursor: unset;
}

.vedio-menu span {
    width: 5px;
    height: 5px;
    background: #1e1e1e;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
}

.vedio-menu::before {
    width: 5px;
    height: 5px;
    background: #1e1e1e;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.vedio-menu::after {
    width: 5px;
    height: 5px;
    background: #1e1e1e;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home-vedio-section .container {
    max-width: 100%;
    padding: 0 10%;
}

.customer-review-section {
    margin: 0 0 100px 0;
    padding-bottom: 100px;
}

.our-customer-left-section p {
    font-size: 44px;
    line-height: 1.3;
}

img.pera-left-quords {
    margin-top: -50px;
    padding-right: 5px;
    width: 24px;
}

img.pera-right-quords {
    margin: -53px 0 0 -6px;
    width: 24px;
}

.customer-rev-img {
    width: 100%;
    margin-top: 110px;
}

.our-customer-right-section {
    position: relative;
}

img.hero-affter-effect {
    position: absolute;
    bottom: -55px;
    right: -68px;
    width: 100px;
}

.large-tittle.customerreview-tittle {
    margin: 0 0 60px 0;
}

.santa-experience-inner {
    width: 100%;
    text-align: center;
}

.santa-experience-section {
    background-size: cover;
    padding: 10% 0;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 100px;
}

.large-tittle.santaexperience-tittle {
    color: #fff;
    margin: 0 0 60px 0;
}

.get-started-btns .get-order-btn {
    background: #fff;
    border-color: #fff;
    margin-right: 20px;
}

.get-started-btns .get-order-btn:last-child {
    margin-right: 0;
}

.full-height {
    min-height: calc(100vh - 130px);
}

small#passwordHelpBlock {
    text-align: center;
    font-size: 15px;
}

.dashborad-user {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}

.title {
    font-family: "Avenir Heavy";
    font-size: 32px;
}

.dsh-bx a.btn.common-btn {
    width: auto;
}

.same-padd {
    padding: 110px 0;
}

.banner-padd {
    margin: 0;
}

.banner-padd {
    margin: 0;
    padding: 70px 0 100px;
}

.call-box .container {
    padding: 0 15px;
}

.user_connected .vedio-middle-outer {
    /* top: -10px; commented on 3/8/2021 */
    top: 0;
    transform: unset;
    width: 100%;
    left: 0;
    height: 100%;
    /*add on 3/8/2021 */
}


/*CSS add 3/8/2021 */

.zoom-window .common-box,
.zoom-window .container-fluid {
    padding: 0;
}

.zoom-window .call-box .vedio-middle {
    min-height: calc(100vh - 125px) !important;
}

.zoom-window {
    padding: 0px;
}


/* div#zoom-screen { padding: 0;}
div#zoom-screen .common-box {padding: 0;} */


/* .OT_publisher .OT_name, .OT_subscriber .OT_name {left: 30px !important;} */

.OT_publisher .OT_mute,
.OT_subscriber .OT_mute {
    right: 30px !important;
}

a.zoom_on {
    padding: 00px;
    background-color: none !important;
}

.vedio-header-right {
    position: absolute;
    right: 30px;
    top: 45px;
}

a.zoom_on svg,
a.zoom_off svg {
    width: 50px;
    height: 50px;
    padding: 12px;
    color: #60646a;
    border-radius: 50px;
    fill: grey;
    background: white;
    border: 1px solid #c8c9cd;
}

.small-window-zoom .vedio-header-right {
    width: 200px;
    height: 150px;
}

.small-window-zoom .vedio-header-right .vedio-header-right-outer .OT_fit-mode-contain {
    height: 150px !important;
    width: 200px !important;
}


/* a.zoom_on i,a.zoom_off i {font-style: normal;font-size: 18px;} */

.OT_publisher,
.OT_subscriber {
    min-height: auto !important;
}

.user_connected .vedio-middle {
    height: 590px;
}

.user_connected .vedio-middle-outer #user_stream_session_1 {
    position: unset;
    height: 100%;
    /*add on 3/8/2021 */
}

.user_connected .vedio-middle-outer .OT_fit-mode-contain {
    width: 100% !important;
    height: 600px !important;
}

.user_connected .vedio-header-right-outer {
    transform: unset;
    left: -1px;
    right: 0;
    height: 100px;
}

.user_connected .vedio-header-right-outer .OT_fit-mode-contain {
    height: 103px !important;
    width: 150px !important;
}

.user_connected .vedio-header-right-outer .OT_fit-mode-contain video.OT_video-element {
    object-fit: cover;
}


/* ---- New Home Page --- */

.home-page-parties {
    top: -15px !important;
    left: 30px !important;
}

.hero-section-new {
    padding-bottom: 0px !important;
    background: url(../images/hero-bg-img.png);
    background-size: cover;
    margin-bottom: 0;
    padding-top: 0;
    min-height: calc(100vh - 78px);
}

.hero-section-new::after {
    content: url(../images/chirstmas-tree-img.png);
    position: absolute;
    bottom: -5px;
    right: 40px;
}

.best-christmas-new-section {
    overflow: hidden;
    padding: 80px 0px 100px;
    background: url(../images/best-chirstmas-bg.jpg);
    background-size: cover;
    background-position: center;
}

.white-bg-image-section {
    margin-top: -50px;
}

.best-christmas-new-section h2,
.best-christmas-new-section p {
    color: #fff;
}

.best-christmas-new-section p {
    font-size: 23px;
}

.best-christmas-new-section .btn.red-border-btn {
    background: #fff;
    border-color: #fff;
    color: #8b0101;
    padding: 10px 55px;
}

.best-christmas-new-section .christmas-section-padding-right {
    padding-left: 80px;
}

.best-santas-section-new .bestsanta-tittle {
    display: block;
    margin: 0 auto;
    max-width: 1050px;
}

.best-santas-section-new img.santatitle-left-icon,
.best-santas-section-new img.santatitle-right-icon {
    top: 100px;
    width: 52px;
}

.best-santas-section-new img.santatitle-left-icon {
    left: 190px;
}

.best-santas-section-new img.santatitle-right-icon {
    right: 180px;
}

.best-santas-section-new span.red-txt {
    color: #8B0101;
}

.best-sants-main-sec {
    margin-top: 100px;
    padding: 50px 0px;
    background: url(../images/best-santa-bg-img.jpg);
}

.customer-review-section-new {
    padding-block: 70px;
    background: transparent url(../images/our-customer-bg-overlay.png);
    background-position: center;
    background-size: cover;
}

.customer-review-section-new p {
    font-size: 32px;
    line-height: 42px;
}

.new-footer .footer-bottom {
    background: rgba(139, 1, 1, 0.05);
    text-align: center;
    padding: 18px 10px;
    color: #000;
}

.new-footer .footer-bottom span,
.new-footer .footer-bottom a {
    color: #8B0101;
}

.santa-experience-section-new {
    position: relative;
    background-image: linear-gradient(190.01deg, #8B0101 6.74%, #C00001 91.74%);
}

.santa-experience-section-new::before {
    content: url(../images/white-bg-overlay.png);
    position: absolute;
    bottom: 0;
    right: 0;
}

.santa-experience-section-new {
    padding: 4% 0;
}

.chirstmas-tree-img-sec {
    position: absolute;
    top: -115px;
}

.chirstmas-tree-snd-img {
    position: absolute;
    top: -115px;
    right: 0;
}

.our-video-wrap-vector {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.best-santa-single-image {
    margin: 8px 8px;
}

.santa-experience-section-new .btn.red-border-btn {
    background: #fff;
    color: #8b0101;
    border: transparent;
}

.ftr-logo img {
    position: relative;
    left: -100px;
}

section.best-santas-section-new .col-md-3 {
    padding-inline: 10px !important;
}

@media (min-width:1200px) and (max-width:1399px) {
    .site_header_navigation .menus li a {
        font-family: "Avenir Medium";
        padding: 12px 15px !important;
    }
}

.site_header_navigation .menus li a span.arrow_down_icon {
    padding: 2px 5px;
    border: 1px solid #fff;
    border-radius: 8px;
}

.white-bg-image-section {
    background: url(../images/white-snow-bg.png);
    background-size: cover;
    min-height: 138px;
}

section.hero-section-new .hero-left-content .large-tittle,
section.hero-section-new .hero-left-content .large-tittle h1 {
    margin-bottom: 20px;
}

section.hero-section-new .hero-left-content .large-tittle h1 {
    font-size: 40px;
    line-height: 1.5;
}

h2.common-sec-title {
    font-size: 40px;
    line-height: 1.3;
}

section.best-christmas-new-section .middium-tittle h2 {
    font-size: 32px;
}

section.best-christmas-new-section p {
    font-size: 23px;
    line-height: 1.5;
}

section.best-santas-section-new .common-sec-title p {
    font-size: 25px;
    line-height: 1.5;
}

section.best-santas-section-new {
    padding: 60px 0 45px;
}

section.best-santa-gallery-section {
    background: #e3efe2;
}

section.customer-review-section-new {
    padding-bottom: 80px;
    margin-bottom: 0;
}

footer.footer.new-footer .ftr-text h4 {
    font-size: 40px !important;
}

footer.footer.new-footer .footer-top {
    padding: 150px 0 50px;
}

footer.footer.new-footer .footer-top p {
    color: #1E1E1E;
    line-height: 1.5;
}

header.header.site_header_navigation .header-bottom {
    background-image: url("../images/header-bg.png") !important;
}

.santa-experience-section-new {
    padding: 90px 0 !important;
}

.santa-experience-section-new .chirstmas-tree-img-sec,
.santa-experience-section-new .chirstmas-tree-snd-img {
    top: -40px;
}

.santa-experience-section-new .chirstmas-tree-img-sec img {
    left: -30px;
}

.santa-experience-section-new .chirstmas-tree-snd-img img {
    right: -30px;
}

.santa-experience-section-new .chirstmas-tree-img-sec img,
.santa-experience-section-new .chirstmas-tree-snd-img img {
    position: relative;
    max-width: 80%;
}

section.best-santa-gallery-section .santa-gallery-img img {
    object-fit: cover;
    object-position: center;
}

.best-santa-img {
    padding-inline: 0px;
    padding-bottom: 13px !important;
}

.brain-vedio-back-image-new.position-relative {
    max-width: 378px;
}

video#video1 {
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    height: calc(100% - 18px);
    object-fit: cover;
    z-index: -1;
    right: 0;
    border-radius: 50px;
}


/* ---- New Home Page --- */


@media (min-width: 1200px) {
    ul.submenus {
        position: absolute;
        background: 0 0;
        text-align: left;
        top: 100%;
        width: 250px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: none;
        border-top: 14px solid transparent;
    }
    .menus li:focus .submenus,
    .menus li:hover .submenus {
        display: block;
        top: 100%;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .brian_video {
        height: 550px;
    }
    .brian_video .hero_video_outer {
        -webkit-transform: scale(2.7);
        -ms-transform: scale(2.7);
        transform: scale(2.7);
        left: 22px;
    }
    .large-tittle {
        font-size: 46px;
        line-height: 1.2;
    }
    .scrolltobottom-section {
        margin-top: 20px;
    }
    .hero-left-content .large-tittle {
        margin-bottom: 20px;
    }
    .hero-left-content p {
        margin-bottom: 20px;
    }
    .clicktoscrollarrow img {
        width: 40px;
    }
    .clicktoscrollarrow {
        bottom: -76px;
    }
    .brian_video {
        height: 636px;
    }
    .brain-vedio-back-image {
        width: 88%;
    }
    .brian_video {
        height: 621px;
        width: 332px;
    }
    .brian_video .hero_video_outer {
        -webkit-transform: scale(3.5);
        -ms-transform: scale(3.5);
        transform: scale(3.5);
        left: 22px;
    }
    .vedio-bottom-icons.header-vedio-icon {
        position: absolute;
        bottom: 14px;
        width: auto;
        left: 13px;
        z-index: 9;
        right: 13px;
    }
    .brain-vedio-back-image {
        position: absolute;
        top: 0;
        left: auto;
        z-index: 9;
        width: 100%;
        width: 88%;
        right: 0;
    }
    .hero-vedio-main {
        text-align: right;
    }
    .customer-review-section .large-tittle {
        margin-bottom: 40px;
    }
    .best-christmas-section {
        min-height: inherit;
    }
    .best-santas-section {
        min-height: inherit;
    }
    .best-christmas-section {
        min-height: inherit;
    }
    .home-vedio-section {
        min-height: inherit;
    }
    .customer-review-section {
        min-height: inherit;
    }
}

@media only screen and (max-width: 1500px) {
    .santa-experience-section {
        padding: 15% 0;
    }
    .marginbottom100 {
        margin-bottom: 20px;
    }
    .customer-review-section {
        margin: 0 0 90px 0;
    }
    .santa-experience-section {
        margin-top: 0;
    }
    .menus li a {
        color: #fff;
        padding: 12px 15px;
    }
    .hero-left-content .large-tittle br {
        display: none;
    }
    section.hero-section {
        margin-bottom: 0;
    }
    .banner-padd {
        padding: 25px 0 80px;
    }
    .same-padd {
        padding: 90px 0 !important;
    }
    .call-box .vedio-middle {
        height: 560px;
    }
    .cald-body table th {
        font-size: 15px;
    }
    .time-bx li {
        font-size: 15px;
        margin: 0 15px 12px 0;
    }
    .time-body {
        height: 286px;
    }
    .slct-box select {
        font-size: 18px !important;
        max-width: 350px;
    }
    .custom-calender h2 {
        font-size: 22px;
    }
    .cald-body table td {
        font-size: 16px;
    }
    .strip-timer {
        padding: 15px 10px;
    }
    .call-box .vedio-middle {
        height: 520px;
    }
    .santa-call .vedio-middle {
        height: 480px;
    }
    .full-height {
        min-height: calc(100vh - 177px);
    }
    .user_waiting .vedio-middle {
        height: auto !important;
    }
}

@media (min-width: 1400px) {
    /* .container {
        max-width: 1170px;
        padding: 0 15px;
    }   */
    .container {
        max-width: 1500px;
        padding: 0 15px;
    }
    .hero-vedio-main {
        position: relative;
        width: 355px;
        margin: 0 auto;
    }
    .large-tittle {
        font-size: 48px;
    }
    .hero-left-content p {
        font-size: 28px;
    }
    .btn {
        padding: 13px 55px;
        font-size: 22px;
    }
    .common-btn {
        padding: 11px 35px;
        font-size: 20px;
    }
    .clicktoscrollarrow {
        display: inline-block;
        width: 30px;
        margin: 0 0 0 20px;
    }
    .middium-tittle {
        font-size: 30px;
    }
    .best-christmas-single p {
        font-size: 20px;
    }
    .our-customer-left-section p {
        font-size: 50px;
    }
    .home-vedio-section .container {
        max-width: 1170px;
        padding: 0 15px;
    }
    .large-tittle.vedio-tittle {
        font-size: 60px;
    }
    .vedio-right-content {
        padding-left: 39px;
    }
    img.header-sharktak-img {
        width: 200px;
    }
    .vedio-middle-outer {
        -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8);
        left: 112px;
    }
    .best-santas-outer p {
        font-size: 28px;
    }
    ul.submenus {
        border-top: 12px solid transparent;
    }
    .vedio-right-content .large-tittle.vedio-tittle {
        font-size: 50px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .scrolltobottom-section p {
        margin: 0 20px 0 0;
        display: inline-block;
        vertical-align: middle;
    }
    .large-tittle {
        font-size: 46px;
    }
    .large-tittle.best-christmas-tittle {
        margin-bottom: 40px;
    }
    .hero-left-content p {
        font-size: 24px;
    }
    .btn {
        font-size: 20px;
    }
    .middium-tittle {
        font-size: 32px;
    }
    .best-santas-outer p {
        font-size: 24px;
    }
    .best-santas-images {
        margin-top: 50px;
    }
    .large-tittle.bestsanta-tittle {
        margin: 0 0 30px 0;
    }
    .our-customer-left-section p {
        font-size: 42px;
    }
    .our-customer-left-section p br {
        display: none;
    }
    .our-customer-left-section p {
        padding-right: 40px;
    }
    .best-christmas-single p {
        font-size: 18px;
        max-width: 350px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .best-christmas-single p br {
        display: none;
    }
}

@media (max-width: 1400px) {
    .header-top {
        padding: 5px 0;
    }
    .header-icons a {
        font-size: 16px;
    }
    .fixed-bar .header-top {
        margin-top: -28px;
    }
    .menus li>a {
        padding: 12px 10px;
        font-size: 16px;
    }
    .header-logo img {
        width: 110px;
    }
    .fixed-bar .menus>li>a {
        padding: 12px 10px;
    }
    .fixed-bar .menus>li:last-child>a {
        padding-right: 0;
    }
    .top-offset {
        margin-top: 71px;
    }
    .website-outer {
        height: calc(100vh - 92px);
    }
    .large-tittle {
        font-size: 41px;
    }
    .hero-left-content p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.3;
    }
    .btn {
        padding: 10px 35px;
        font-size: 20px;
    }
    .btn.hero-book-btn,
    .btn.red-border-btn.hero-order-btn {
        padding: 12px 30px;
        font-size: 18px;
        border-radius: 10px;
        line-height: 1.3;
    }
    .scrolltobottom-section {
        margin-top: 20px;
    }
    .clicktoscrollarrow {
        width: 30px;
        margin: 0 0 0 20px;
        display: inline-block;
        vertical-align: middle;
    }
    .brian_video {
        height: 450px;
    }
    .hero-vedio-main {
        text-align: right;
    }
    .brian_video {
        height: 500px;
        width: 266px;
    }
    .brian_video .hero_video_outer {
        width: 100%;
        -webkit-transform: scale(3.3);
        -ms-transform: scale(3.3);
        transform: scale(3.3);
    }
    .hero-section .container {
        max-width: 1140px;
    }
    .large-tittle.best-christmas-tittle {
        margin-bottom: 30px;
    }
    .best-christmas-single {
        padding: 25px 20px;
    }
    .middium-tittle {
        font-size: 26px;
        margin: 0 0 15px 0;
    }
    .best-christmas-single p {
        margin: 0 0 15px 0;
    }
    .best-santas-images {
        margin-top: 40px;
    }
    .large-tittle.bestsanta-tittle {
        margin: 0 0 20px 0;
    }
    .best-santas-outer p {
        font-size: 18px;
    }
    .large-tittle.customerreview-tittle {
        margin: 0 0 40px 0;
    }
    .customer-rev-img {
        margin-top: 90px;
    }
    .header-top .container {
        max-width: 1150px;
    }
    .vedio-bottom-icons span img {
        width: 43px;
    }
    .brain-vedio-back-image {
        width: 266px;
        left: auto;
        right: 0;
    }
    .vedio-bottom-icons.header-vedio-icon {
        left: 11px;
        right: 11px;
    }
    .vedio-middle {
        height: 450px;
    }
    .hero-child-vedio {
        position: absolute;
        right: 21px;
        top: 40px;
        width: 100px;
        height: 110px;
    }
    .hero-section-btns .btn {
        padding: 12px 30px;
        font-size: 18px;
        border-radius: 10px;
        margin-right: 10px !important;
        line-height: 1.3;
    }
    .btn {
        padding: 12px 35px;
        font-size: 20px;
        border-radius: 10px;
    }
    .santa-experience-section {
        padding: 9% 0;
        margin-top: 60px;
    }
    .forget-page {
        min-height: calc(100vh - 145px) !important;
    }
    .dashborad-user {
        min-height: calc(100vh - 144px) !important;
    }
    .cmn-height,
    .full-height {
        min-height: calc(100vh - 123px) !important;
    }
    .same-padd {
        padding: 60px 0 75px !important;
    }
    .santa-vd .vedio-middle-outer {
        -webkit-transform: scale(5);
        -ms-transform: scale(5);
        transform: scale(5);
        top: 26%;
        -webkit-transform-origin: inherit !important;
        -ms-transform-origin: inherit !important;
        transform-origin: inherit !important;
    }
    .santa-call .container {
        padding: 0 15px;
    }
    img.hero-affter-effect {
        bottom: -35px;
        right: -40px;
        width: 55px;
    }
    img.vedio-before-effect {
        left: -62px;
    }
    .common-btn {
        padding: 10px 35px;
        font-size: 18px;
    }
    .vedio-right-content .large-tittle.vedio-tittle {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .common-static-page .common-box h3 span strong {
        font-size: 20px !important;
    }
    .common-static-page .common-box p span,
    .common-static-page .common-box ul li span {
        font-size: 16px !important;
    }
    .common-static-page .common-box p {
        font-size: 16px !important;
    }
    .customer-review-section-new p {
        font-size: 22px;
        line-height: 35px;
    }
    .customer-review-section-new p {
        font-size: 22px;
        line-height: 35px;
    }
    .best-christmas-new-section .christmas-section-padding-right {
        padding-left: 20px;
        padding-top: 30px;
    }
    .best-christmas-new-section {
        padding: 60px 0 80px !important;
    }
    h2.common-sec-title {
        font-size: 35px;
    }
    .btn.hero-book-btn,
    .btn.red-border-btn.hero-order-btn,
    .hero-section-btns .btn {
        padding: 10px 10px;
    }
    .best-sants-main-sec {
        margin-top: 50px;
    }
    section.customer-review-section-new {
        margin-bottom: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .best-santas-section-new img.santatitle-left-icon {
        left: 15px;
        top: -16px;
        width: 32px;
    }
    .best-santas-section-new img.santatitle-right-icon {
        top: 73px;
        right: 183px;
        width: 32px;
    }
    .chirstmas-tree-img-sec img {
        max-width: 200px !important;
    }
    .santa-experience-section {
        padding: 16% 0 50%;
        margin-top: 60px;
    }
    .chirstmas-tree-img-sec {
        position: absolute;
        top: inherit;
    }
    section.best-santas-section-new {
        padding-bottom: 0px !important;
    }
    .footer-top {
        padding: 70px 0;
    }
    video#video1 {
        position: absolute;
        left: 0;
        top: 5px;
        border-radius: 34px;
    }
    .site_header_navigation .menus li a span.arrow_down_icon {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .site_header_navigation .menus li a {
        padding-inline: 22px;
    }
    section.hero-section-new {
        min-height: auto;
        padding-block: 40px !important;
    }
    section.hero-section-new .hero-left-content .large-tittle h1 {
        font-size: 35px;
    }
}

@media screen and ( min-height: 650px) and (max-height: 700px) {
    .hero-section-new {
        padding: 20px !important;
    }
    .hero-vedio-main {
        width: 315px;
    }
}

@media screen and (min-width: 1600px) {
    footer.footer.new-footer .ftr-text {
        padding-right: 10rem;
    }
    section.hero-section-new {
        padding-block: 40px !important;
    }
}

@media screen and (min-width: 2200px) {
    section.hero-section-new {
        padding: 0 0 40px !important;
        min-height: auto !important;
        max-height: 750px;
    }
}