@media only screen and (device-width:360px) and (device-height:640px){
.event-one {
    margin-top: 25%!important;
}
}

@media only screen and (device-width:390px) and (device-height:844px){
   .sideban-ht {
    background: #efefef;
    padding-top: 19%;
} 
.h40 {
    height: 30vh!important;
}
.welcome-item .welcome-content {
    height: 50vh!important;
}
}

@media only screen and (min-width:414px) and (max-width:415px) {
    .welcome-inner img {
        margin: 0 auto;
        display: block;
        margin-bottom: 8%;
    }
    .tiva-calendar{
        overflow-x: scroll;
    }
    .contact-col-xs-1{
        width: 100%!important;
    }
    .contact-col-xs-2{
        width: 75%!important;
    }
    .mob-cc{
        width: 25%!important;
    }
     .mob-cc input {
        background: #fbfbfb;
    color: #858585;
    }
    .calendar-mob{
        overflow-x: scroll;
    }
    .bg-lt-grey{
        height: 55vh!important;
    }
    .go-to-top.go-top-visible {
        right: 15px
    }
    .go-to-top {
        width: 40px;
        height: 40px
    }
    .go-to-top:before {
        font-size: 20px
    }
    .order_floating {
        position: fixed;
        background: #8f0f20;
        padding: 2px 0;
        width: 140px !important;
        bottom: 45% !important;
        right: -53px !important
    }
    .order_floating h5 {
        font-size: 18px
    }
    .welcome-item .welcome-content {
        height: 60vh
    }
    .sideban-ht {
       margin-top: 0;
    padding-top: 20%;
    }
    .breadcrumbs-wrap h1 {
        margin-top: 0%
    }
    .h40 {
        height: 35vh
    }
    .tiva-calendar-full .calendar-day-normal {
        height: 70px !important
    }
    .bann-2l {
        margin-top: 1% !important
    }
    #sidebar {
        margin-top: 35% !important
    }
    .tt-bg {
        height: 24vh !important
    }
    .sideban-ht h5 {
        margin-top: 6%
    }
    .mob-steps {
        margin-top: 45%
    }
     #ui-datepicker-div{
        width: 90%!important;
    }
    .hasDatepicker {
        border: 1px solid #ededed;
        margin-bottom: 8%;
    }
}


@media only screen and (device-width:320px) and (device-height:568px) { 
    
    .welcome-inner img {
        margin: 0 auto;
        display: block;
        margin-bottom: 8%;
    }
    .tiva-calendar{
        overflow-x: scroll;
    }
  .welcome-item .welcome-content .welcome-title {
      padding: 0;
  }
    .sideban-ht{
        padding-top: 25%;
    }
    .contact-col-xs-2{
        width: 75%!important;
    }
    .mob-cc{
        width: 25%!important;
    }
     .mob-cc input {
        background: #fbfbfb;
    color: #858585;
    }
    .contact-col-xs-1{
        width: 100%!important;
    }
    .icons-box {
        padding-top: 0!important;
    }
     #ui-datepicker-div{
        width: 90%!important;
    }
    .hasDatepicker {
        border: 1px solid #ededed;
        margin-bottom: 8%;
    }
}


@media only screen and (device-width:430px) and (device-height:932px) { 
    .sideban-ht {
    background: #efefef;
    padding-top: 40%;
}
.h40 {
    height: 30vh;
}
.welcome-item .welcome-content {
    background: #e69d15;
    height: 45vh;
}
    
}

@media only screen and (device-width:384px) and (device-height:832px){
    .sideban-ht {
    padding-top: 45%!important;
}
.welcome-item .welcome-content {
    height: 53vh!important;
}
    
}

@media only screen and (min-width:374px) and (max-width:376px) { 
    
    .welcome-inner img {
        margin: 0 auto;
        display: block;
        margin-bottom: 8%;
    }
    .tiva-calendar{
        overflow-x: scroll;
    }
    .sideban-ht{
        padding-top: 25%!important;
    }

    .h40 {
        height: 36vh;
    }
    .contact-col-xs-2{
        width: 75%!important;
    }
    .mob-cc{
        width: 25%!important;
    }
     .mob-cc input {
        background: #fbfbfb;
    color: #858585;
    }
    .contact-col-xs-1{
        width: 100%!important;
    }
    .icons-box {
        padding-top: 0!important;
    }
     #ui-datepicker-div{
        width: 90%!important;
    }
    .hasDatepicker {
        border: 1px solid #ededed;
        margin-bottom: 8%;
    }
}

@media only screen and (min-width:360px) and (max-width:393px) {
    
 .icons-box {
        padding-top: 0!important;
    }
    .welcome-inner img {
        margin: 0 auto;
        display: block;
        margin-bottom: 8%;
    }
    .tiva-calendar{
        overflow-x: scroll;
    }
    .contact-col-xs-1{
        width: 100%!important;
    }
    .contact-col-xs-2{
        width: 75%!important;
    }
    .mob-cc{
        width: 25%!important;
    }
     .mob-cc input {
        background: #fbfbfb;
    color: #858585;
    }
    .calendar-mob{
        overflow-x: scroll;
    }
    .bg-lt-grey{
        height: 70vh!important;
    }
    .go-to-top.go-top-visible {
        right: 15px
    }
    .go-to-top {
        width: 40px;
        height: 40px
    }
    .go-to-top:before {
        font-size: 20px
    }
    .order_floating {
        position: fixed;
        background: #8f0f20;
        padding: 2px 0;
        width: 140px !important;
        bottom: 45% !important;
        right: -53px !important
    }
    .order_floating h5 {
        font-size: 18px
    }
    .welcome-item .welcome-content {
        height: 65vh
    }
    .event-one {
        margin-top: 0%;
        height: 33vh
    }
    .h40 {
        height: 40vh
    }
    #sidebar {
        margin-top: 28% !important
    }
    .tt-bg {
        height: 24vh !important
    }
    .sideban-ht h5 {
        margin-top: 6%
    }
    .mob-steps {
        margin-top: 45%
    }
     #ui-datepicker-div{
        width: 90%!important;
    }
    .hasDatepicker {
        border: 1px solid #ededed;
        margin-bottom: 8%;
    }
}

@media only screen and (min-width:410px) and (max-width:413px) {
    .icons-box {
            padding-top: 0!important;
        }
    .welcome-inner img {
        margin: 0 auto;
        display: block;
        margin-bottom: 8%;
    }
    .tiva-calendar{
        overflow-x: scroll;
    }
    .contact-col-xs-1{
        width: 100%!important;
    }
    .contact-col-xs-2{
        width: 75%!important;
    }
    .mob-cc{
        width: 25%!important;
    }
    .mob-cc input {
        background: #fbfbfb;
    color: #858585;
    }
    .calendar-mob{
        overflow-x: scroll;
    }
    .bg-lt-grey{
        height: 60vh!important;
    }
    .go-to-top.go-top-visible {
        right: 15px
    }
    .go-to-top {
        width: 40px;
        height: 40px
    }
    .go-to-top:before {
        font-size: 20px
    }
    .order_floating {
        position: fixed;
        background: #8f0f20;
        padding: 2px 0;
        width: 140px !important;
        bottom: 45% !important;
        right: -53px !important
    }
    .order_floating h5 {
        font-size: 18px
    }
    .welcome-item .welcome-content {
        height: 50vh
    }
    .sideban-ht {
        margin-top: 7%
    }
    .breadcrumbs-wrap h1 {
        margin-top: 12%
    }
    .h40 {
        height: 30vh
    }
    .tiva-calendar-full .calendar-day-normal {
        height: 70px !important
    }
    #sidebar {
        margin-top: 27% !important
    }
    .sideban-ht h5 {
        margin-top: 6%;
    }
    .mob-steps {
        margin-top: 45%!important;
    }
    .event-one{
        margin-top: 15%!important;
    }
    #ui-datepicker-div{
        width: 90%!important;
    }
    .hasDatepicker {
        border: 1px solid #ededed;
        margin-bottom: 8%;
    }
}



@media only screen and (min-width:424px) and (max-width:426px) {
    .welcome-inner img {
        margin: 0 auto;
        display: block;
        margin-bottom: 8%;
    }
    .tiva-calendar{
        overflow-x: scroll;
    }

    .sideban-ht{
        padding-top: 20%;
    }
    .h40 {
        height: 33vh;
    }
    .contact-col-xs-1{
        width: 100%!important;
    }
    .contact-col-xs-2{
        width: 75%!important;
    }
    .mob-cc{
        width: 25%!important;
    }
     .mob-cc input {
        background: #fbfbfb;
    color: #858585;
    }
     #ui-datepicker-div{
        width: 90%!important;
    }
    .hasDatepicker {
        border: 1px solid #ededed;
        margin-bottom: 8%;
    }

}

@media only screen and (min-width:1270px) and (max-width:1290px) {

    .bg-lt-grey{
        height: 28vh;
    }
    .covid-note {
        padding-top: 7% !important;
        height: 30vh !important
    }
    .go-to-top {
        bottom: 10%
    }
    .header-img {
        position: absolute;
        top: -1% !important;
        width: 34% !important;
        left: 0
    }
    .welcome-item .welcome-content {
        background: #e69d15;
        height: 42vh
    }
}

@media only screen and (min-width:1420px) and (max-width:1450px) {
    .bg-lt-grey{
        height: 28vh;
    }
    #header.sticky .header-img {
        top: -9% !important;
        width: 29% !important
    }
    #header.sticky .contact-info-menu {
        margin-right: -120px !important
    }
    .contact-info-menu {
        margin: -15px -125px 0
    }
    .icons-box .icons-wrap {
        padding: 26px 20px
    }
    .covid-note {
        padding-top: 8% !important;
        height: 33vh !important
    }
    .welcome-item .welcome-content {
        background: #e69d15;
        height: 42vh
    }
    .header-img {
        position: absolute;
        top: -4% !important;
        width: 33% !important;
        left: 0
    }
    #header:not(.header-2):not(.header-3) #main-navigation>ul>li {
        margin: 0 10px
    }
    .bg-content {
        border: 1px solid #000 !important;
        height: 71vh !important
    }
    .park-img-2 {
        border-radius: 10%;
        position: absolute;
        width: 40%;
        margin-top: 42%
    }
    .go-to-top {
        bottom: 10%
    }
}

@media only screen and (min-width:1350px) and (max-width:1370px) {
    .slider-side-img {
        width: 80%;
        border-radius: 100%
    }
    .h80 {
        height: 95vh !important;
        padding-top: 2%
    }
    .access-ban {
        background-position-y: 100%;
        background: url(../img/access/access-ban.jpg);
        background-size: cover
    }
}

@media only screen and (min-width:1281px) {

    .event-one {
        margin-bottom: -5%
    }
    #footer[class*=footer] {
        z-index: 0;
        width: 100%;
        bottom: 0;
        position: fixed;
        vertical-align: middle
    }
    #header.sticky+.sticky-spacer {
        display: block !important
    }
    #header.sticky,
    #header.sticky.header-abs {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 -5px 30px rgba(78, 82, 99, .3)
    }
    #header.sticky.header-3 .top-header .table-row {
        padding: 0
    }
    #header.sticky .contact-info-menu,
    #header.sticky.header-2 .pre-header,
    #header.sticky.header-2 .top-header .table-row,
    #header.sticky.header-3 .pre-header,
    #header.sticky.header-3.type-2 .top-header .table-row {
        margin: 0;
        padding: 0;
        height: 25px;
        font-size: 0;
        display: block;
        margin-top: -18px;
        margin-right: -65px
    }
    #header.sticky .top-header {
        padding: 10px 35px
    }
    #header.sticky .logo-wrap {
        width: 5%
    }
    #header.sticky.header-2 .top-header {
        padding: 0
    }
    #header.sticky.header-3 .top-header {
        background: rgba(0, 0, 0, .5)
    }
    .section-with-img-right .text-section {
        padding-left: 20%
    }
    .section-with-img-left .text-section {
        padding-right: 20%
    }
}

@media only screen and (max-width:1199px) {
    .top-footer .icons-box[class*=fx-col-]>* {
        width: 50%
    }
    #header:not(.header-2):not(.header-3) .top-header .logo-wrap,
    #header:not(.header-2):not(.header-3) .top-header .nav-item {
        width: 100%;
        display: block;
        text-align: center
    }
    #header .top-header .logo-wrap {
        margin-bottom: 20px
    }
    #header.header-2 #main-navigation>ul>li>a {
        padding: 20px
    }
    #header.header-3 #main-navigation>ul>li>a {
        padding: 10px
    }
    .tabs .tabs-nav>li>a {
        padding: 13px 20px;
        font-size: 16px
    }
    .banner-item.type-2 .banner-inner {
        width: 50%
    }
    .banner-item.type-2 .banner-inner .banner-title {
        font-size: 24px;
        line-height: 30px
    }
    .banner-item.type-2>.banner-inner>p:not(:last-child) {
        margin-bottom: 20px
    }
    .banner-item.type-2 .banner-inner .banner-content {
        padding: 20px
    }
    [class*=section-with-img][class*=fx-col]>* {
        width: 100%
    }
    [class*=section-with-img]>.img-section>img {
        width: 100%
    }
    [class*=section-with-img]>.img-section {
        order: 1
    }
    [class*=section-with-img]>.text-section {
        order: 2
    }
    .event-options>.event-col.search {
        width: 37%
    }
    .section-with-carousel .comment-section,
    .section-with-carousel .countdown-area,
    .section-with-carousel .testimonial-section {
        padding: 40px 15px 30px
    }
}

@media only screen and (max-width:992px) {
    #header.header.header-main .menu-holder {
        position: relative;
        background-color: rgba(0, 0, 0, .8);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    #main-navigation {
        display: none !important
    }
    .responsive-nav-button {
        display: inline-block;
        vertical-align: middle
    }
    .responsive-nav-button:not(:last-child) {
        margin-right: 10px
    }
    .mobile-advanced {
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 995;
        overflow: hidden;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: -webkit-transform .35s ease;
        transition: transform .35s ease;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    #wrapper.active .mobile-advanced {
        pointer-events: auto;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
    .no-cssanimations.no-csstransforms3d #wrapper.active .mobile-advanced {
        right: 0
    }
    .mobile-advanced>ul {
        padding-top: 80px
    }
    .mobile-advanced li {
        display: block;
        list-style: none
    }
    .mobile-advanced li>span {
        display: block;
        padding: 10px 15px;
        color: #333;
        font-weight: 400
    }
    .mobile-advanced li a {
        display: block;
        padding: 10px 20px;
        border-bottom: 1px solid #eaeaea;
        line-height: 1.15em
    }
    .mobile-advanced>ul>li.current>a,
    .mobile-advanced>ul>li:hover>a {
        background-color: #f05a21
    }
    .mobile-advanced ul ul li.current>a,
    .sub-menu-wrap>ul>li:hover>a {
        color: #f05a21
    }
    .mobile-advanced>ul>li>a {
        background-color: #333;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 400
    }
    .mobile-advanced ul ul li>a {
        padding-left: 30px
    }
    .mobile-advanced ul ul li>a:before {
        display: inline-block;
        position: relative;
        margin-right: 5px;
        font-size: 10px;
        font-family: fontello;
        content: "\e8e5"
    }
    .mobile-advanced ul ul ul li>a {
        padding-left: 55px
    }
    #advanced-menu-hide {
        position: fixed;
        top: 20px;
        right: 30px;
        z-index: 999;
        display: block;
        text-align: center;
        color: #333;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
    .logged-in.admin-bar #advanced-menu-hide {
        top: 55px
    }
    #wrapper.active #advanced-menu-hide {
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    #advanced-menu-hide:after {
        content: "\e92a";
        vertical-align: middle;
        text-align: center;
        font-size: 30px;
        font-family: linearicons;
        line-height: 38px
    }
    #advanced-menu-hide:hover {
        color: #f05a21
    }
    .mobile-advanced>ul>li.dropdown .sub-menu-wrap,
    .mobile-advanced>ul>li.dropdown .sub-menu-wrap.sub-menu-inner {
        position: relative;
        width: 100%;
        opacity: 1;
        visibility: visible;
        left: 0;
        right: 0;
        border: none;
        padding: 0;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .sub-menu-wrap ul li:hover {
        background: 0 0 !important
    }
    .sub-menu-wrap ul li {
        padding: 0
    }
    .sub-menu-wrap ul li.current-menu-item {
        background: 0 0 !important
    }
    .toggle-menu {
        display: block
    }
    .table-row>[class*=col-md-] {
        float: none;
        display: block;
        vertical-align: middle
    }
    [class*=table-type] table tr>td,
    [class*=table-type] table tr>th {
        padding: 15px 10px
    }
    .counters-section .container .row {
        margin-bottom: -40px
    }
    .icons-box[class*=fx-col-]>* {
        width: 50%
    }
    .icons-box.type-2[class*=fx-col-] .icons-wrap:nth-child(2n):not(:last-child):after {
        display: none
    }
    .icons-box.type-2[class*=fx-col-] {
        margin-top: -30px
    }
    .icons-box.type-2[class*=fx-col-] .icons-wrap {
        margin-top: 30px
    }
    .breadcrumbs-wrap .page-title {
        font-size: 42px
    }
    #header.header-2 .nav-item {
        padding: 20px 0
    }
    .services[class*=fx-col-]>*,
    .team-holder[class*=fx-col-]>*,
    .welcome-section[class*=fx-col-]>.welcome-col {
        width: 50%
    }
    #week-events>table tr td .week-event {
        padding: 10px 10px 30px
    }
    .banner-wrap[class*=fx-col-]>* {
        width: 100%
    }
    .isotope.three-collumn .item {
        width: 50%
    }
    .event-options>.event-col.date,
    .event-options>.event-col.search {
        width: auto
    }
    .event-options>.event-col.date {
        width: 20%
    }
    .event-options>.event-col.search {
        width: 32%
    }
    .btns-set>.row:last-child {
        margin-top: 40px
    }
    .parallax-section .btns-set>.row:last-child {
        margin-top: 0
    }
}

@media (min-width:992px) {
    .go-to-top.go-top-visible {
        right: 15px
    }
    .go-to-top {
        width: 40px;
        height: 40px
    }
    .go-to-top:before {
        font-size: 20px
    }
    .btns-set>.row:not(:last-child) {
        margin-bottom: 40px
    }
    #sidebar .map-container {
        padding-bottom: 128%
    }
}

@media (max-width:769px) {
    .calendar-mob{
        overflow-x: scroll;
    }
    .event-mob-head {
        text-align: center;
    }
    .entry-date span {
        font-size: 30px;
    }
    .calendar-date{
        padding: 0;
    }
    .bg-lt-grey{
        height: 80vh;
    }
    .go-to-top.go-top-visible {
        right: 15px
    }
    .go-to-top {
        width: 40px;
        height: 40px
    }
    .go-to-top:before {
        font-size: 20px
    }
    .tiva-calendar-full .calendar-day-normal {
        height: 70px !important
    }
    .access-ban {
        height: 70vh !important;
        background: url(../img/access/access-mob.jpg);
        background-size: cover
    }
    .header-img {
        position: absolute;
        width: 50% !important;
        left: 0
    }
    #header.sticky .top-header {
        margin-top: 18%;
        padding: 12px 35px !important
    }
    #header.sticky .top-header .header-img {
        margin-top: 22%
    }
    .p0-mb {
        padding: 3%
    }
    .welcome-inner p {
        padding: 3%
    }
    .mob-logo {
        display: block
    }
    .main-logo {
        display: none
    }
    .sideban-ht {
        height: auto !important
    }
    h2 {
        font-size: 30px
    }
    .dash {
        border-bottom: 2px dashed #fff;
        border-right: 0;
        padding-bottom: 5%
    }
    .cdfs-mb {
        font-size: 30px
    }
    .play-bg {
        height: 30vh !important
    }
    .tt-bg {
        height: 30vh
    }
    .breadcrumbs-wrap h1 {
        font-size: 30px !important
    }
    .playbox-text {
        height: 100px !important
    }
    h3 {
        font-size: 30px
    }
    .fnt-24-mb {
        font-size: 24px !important
    }
    .pb5-mb {
        padding-bottom: 5% !important
    }
    .district-images .activity-img img {
        width: 50% !important
    }
    .tt-icon {
        position: absolute;
        right: 5%;
        top: 2%;
        z-index: 1;
        width: 25%
    }
    .bt-icon {
        position: absolute;
        right: 5%;
        top: 4%;
        z-index: 1;
        width: 25%
    }
    .pt5-mb {
        padding-top: 5%
    }
    .pt10-mb {
        padding-top: 10%
    }
    .pt40-mb {
        padding-top: 40%
    }
    .pt20-mb {
        padding-top: 20%
    }
    .pb5-mb {
        padding-bottom: 5%
    }
    .mt5-mb {
        margin-top: 5%
    }
    .mt10-mb {
        margin-top: 10%
    }
    .mt50-mb {
        margin-top: 50% !important
    }
    .mt-45mb {
        margin-top: -45% !important
    }
    .w100-mb {
        width: 100%
    }
    .fs20-mb {
        font-size: 20px !important
    }
    .blog-type.type-2 .welcome-col {
        padding: 0
    }
    .flex-flow {
        display: flex;
        flex-flow: column
    }
    .sidebar-div {
        order: 1;
        -webkit-order: 1
    }
    .list-div {
        order: 2;
        -webkit-order: 2
    }
    .activity-icon img {
        width: 40%
    }
    .cs-img1 {
        width: 50%;
        margin-left: 0
    }
    .cs-img2 {
        width: 50%;
        border-radius: 50%;
        position: absolute;
        left: 51%
    }
    .skyline-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
        position: initial
    }
    .map-mb {
        padding: 0 !important;
        margin-top: 12% !important
    }
    .foot-logo {
        width: 40%;
        height: 15vh
    }
    #footer h3 {
        font-size: 25px
    }
    .mb0 {
        margin-bottom: 0 !important
    }
    .subbtn-foot {
        padding: 0 !important
    }
    .mb5 {
        margin-bottom: 5% !important
    }
    .plaque-images {
        width: 30%;
        margin-left: 70%
    }
    .bann-2l {
        padding: 2% 1% 1% 5%;
        height: 20vh !important;
        margin-top: -3%
    }
    .bann-1l {
        text-align: left;
        padding: 7% 1% 1% 5%;
        height: 20vh;
        margin-top: -2%
    }
    .page-content-wrap {
        padding: 0 0 !important;
        margin: 0 0 !important
    }
    .welcome-inner {
        padding: 0
    }
    .wrk-bak {
        position: relative;
        right: -13%
    }
    .work1 {
        left: 4%
    }
    .circle1 {
        width: 50%;
        position: absolute;
        top: -45%;
        right: 5%;
        z-index: -1
    }
    .bann-3l {
        padding: 2% 1% 1% 2%;
        height: 20vh;
        margin-top: -2%
    }
    .big-text-lib {
        font-size: 19px !important;
        padding-left: 25px
    }
    .breadstyle {
        right: 0 !important;
        height: auto !important;
        top: 220px !important;
        min-height: 180px !important
    }
    .tp-revslider-mainul {
        width: 100% !important
    }
    #sidebar {
        margin-top: 30%
    }
    .hidden-xs {
        display: none !important
    }
    .visible-xs {
        display: block !important
    }
    table {
        width: 100%;
        table-layout: initial !important
    }
    .table-responsive {
        overflow-x: scroll
    }
    .icons-box {
        padding-top: 5%
    }
    .fl-mob {
        float: left !important
    }
    #header .top-header {
        padding: 4px 25px;
        background: #772a2e
    }
    .pre-header {
        display: none
    }
    [class*=col-sm-]:not(:last-child) {
        margin-bottom: 50px
    }
    .btns-set .row:not(:last-child) {
        margin-bottom: 40px
    }
    .pricing-tables-holder.cols-3 .pricing-table {
        width: 100%
    }
    .pricing-tables-holder.cols-3 .pricing-table:first-child,
    .pricing-tables-holder.cols-3 .pricing-table:last-child {
        border-radius: 20px
    }
    .icons-box[class*=fx-col-]>* {
        width: 100%
    }
    .icons-box.type-2 .icons-wrap:not(:last-child):after {
        display: none
    }
    .breadcrumbs-wrap .page-title {
        font-size: 36px
    }
    #header.header-2 .menu-wrap .call-us,
    #header.header-2 .pre-header .align-right,
    #header.header-2 .pre-header .contact-info-menu,
    #header.header-2 .top-header .logo-wrap,
    #header.header-2.type-2 .social-icons.style-2,
    #header.header-2.type-2 .top-header .our-info-list,
    #header.header-3 .pre-header .align-right,
    #header.header-3 .pre-header .contact-info-menu,
    #header.header-3.type-2 .social-icons.style-2,
    #header.header-3.type-2 .top-header .call-us {
        text-align: center
    }
    #header.header-2.type-2 .social-icons.style-2:not(:last-child),
    #header.header-2.type-2 .top-header .call-us:not(:last-child),
    #header.header-3.type-2 .social-icons.style-2:not(:last-child) {
        margin-bottom: 20px
    }
    #header.header-2 .logo-wrap {
        width: auto
    }
    #header.header-2 .pre-header [class*=col-sm-]:not(:last-child),
    #header.header-3 .pre-header [class*=col-sm-]:not(:last-child) {
        margin-bottom: 5px
    }
    .call-us>:not(:last-child) {
        margin-right: 20px
    }
    #footer.footer-2 .top-footer {
        padding-bottom: 0
    }
    .call-out,
    .call-out .align-right {
        text-align: center
    }
    .call-out h2 {
        font-size: 32px
    }
    .call-out [class*=col-sm-]:not(:last-child) {
        margin-bottom: 20px
    }
    .responsive-table {
        border-left: 2px solid #f2f3f6;
        border-right: 2px solid #f2f3f6
    }
    .responsive-table,
    .responsive-table tbody,
    .responsive-table td,
    .responsive-table tfoot,
    .responsive-table th,
    .responsive-table thead,
    .responsive-table tr {
        display: block
    }
    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .responsive-table td {
        position: relative;
        padding-left: 50% !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom-width: 1px !important;
        border-top-width: 1px !important;
        background: #ffbd0a
    }
    .responsive-table td:not([colspan]):not(.close-product):after {
        content: "";
        display: block;
        position: absolute;
        left: 47%;
        top: 0;
        height: 100%
    }
    .responsive-table td.close-product,
    .responsive-table td[colspan] {
        width: 100%;
        text-align: center;
        padding: 10px !important
    }
    .responsive-table td.close-product {
        text-align: left
    }
    .responsive-table td.close-product:before,
    .responsive-table td[colspan]:before {
        display: none
    }
    .responsive-table.table_type_1.var5 td[colspan] table tr td {
        padding: 0 !important
    }
    .responsive-table.table_type_1.var5 td[colspan] table tr td .button,
    .responsive-table.table_type_1.var5 td[colspan] table tr td input {
        margin-top: 10px
    }
    .table_type_1.var5 tr:last-child td table tr td:last-child {
        text-align: center
    }
    .responsive-table td[colspan]:after {
        display: none
    }
    .responsive-table.table_type_1.var5 td[colspan] table tr td {
        width: 100%
    }
    .responsive-table td[colspan] table tr td:after {
        display: none
    }
    .responsive-table td[colspan] table tr td:before {
        display: none
    }
    .responsive-table td[colspan] .align-right {
        text-align: center
    }
    .responsive-table td:before {
        content: attr(data-title);
        position: absolute;
        top: 50%;
        left: 9px;
        width: 45%;
        color: #666;
        font-size: 16px;
        font-weight: 500;
        padding-right: 10px;
        -webkit-transform: translateY(-50%) translateZ(0);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .instagram-feed>li {
        width: 33.333%
    }
    .page-404-section .section-title {
        font-size: 250px;
        line-height: 180px
    }
    .page-404-section .search-section,
    .page-404-section form input {
        width: 100%
    }
    .blog-type.list-view .welcome-item .welcome-img img {
        width: 100%
    }
    .blog-type.list-view .welcome-attachment,
    .blog-type.list-view .welcome-img {
        float: none
    }
    #header.header-3.type-2.header-abs {
        padding-bottom: 25px
    }
    .event-options>.event-col.last-col {
        padding-left: 10px
    }
    .event-options>.event-col {
        display: block;
        width: 100%
    }
    .event-options>.event-col.date,
    .event-options>.event-col.search {
        width: 100%
    }
    .searchform-wrap .vc-child {
        width: auto
    }
    .rev-slider .tp-caption .btn.btn-big {
        padding: 12px 30px !important;
        margin-top: -30% !important
    }
    .welcome-section.overlap {
        margin-top: -50px
    }
    .zoomContainer {
        display: none !important
    }
    [class*=flex-row].item-col-3>* {
        width: 50%
    }
    .shop-cart-form tr th.product-col,
    .shop-cart-form.order-type tr th.total-col {
        width: auto
    }
}

@media (min-width:769px) {
    #week-events>table tr:last-child td {
        border-bottom: none
    }
    #week-events>table tr:first-child td {
        border-top: 2px solid #e8e8e8
    }
    .table-row {
        margin-left: 0;
        margin-right: 0;
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .table-row>*,
    .table-row>[class*=col-sm-] {
        float: none;
        display: table-cell;
        vertical-align: middle
    }
    .table-row>[class*=col-]:first-child {
        padding-left: 0
    }
    .table-row>[class*=col-]:last-child {
        padding-right: 0
    }
    .blog-type.list-view .welcome-attachment,
    .blog-type.list-view .welcome-img {
        float: left;
        width: 360px
    }
    #header.header-abs {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
}

@media only screen and (min-width:300px) and (max-width:767px) {
    [class*=scaption][class*="-large"] {
        font-size: 36px !important
    }
}

@media (min-width:480px) {
    #header.header-3 .table-row {
        margin-left: 0;
        margin-right: 0;
        display: table;
        width: 100%;
        table-layout: fixed
    }
    #header.header-3 .table-row>*,
    #header.header-3 .table-row>[class*=col-sm-] {
        float: none;
        display: table-cell;
        vertical-align: middle
    }
    #header.header-3 .table-row>[class*=col-]:first-child {
        padding-left: 0
    }
    #header.header-3 .table-row>[class*=col-]:last-child {
        padding-right: 0
    }
}

@media only screen and (max-width:480px) {
    [class*=col-xs-] {
        float: none;
        width: 100%
    }
    .counters-section .container .row {
        margin-bottom: 0
    }
    .services[class*=fx-col-]>*,
    .team-holder[class*=fx-col-]>*,
    .top-footer .icons-box[class*=fx-col]>*,
    .welcome-section[class*=fx-col-]>.welcome-col {
        width: 100%
    }
    .tabs .tabs-nav>li>a {
        padding: 10px 15px;
        font-size: 12px
    }
    .breadcrumbs-wrap .page-title {
        font-size: 32px
    }
    #header .logo-wrap {
        width: 100%;
        text-align: center
    }
    #header.header-3 .nav-item {
        text-align: center
    }
    #header.header-3 .top-header .logo-wrap {
        margin-bottom: 10px
    }
    .instagram-feed>li {
        width: 50%
    }
    .service-item>img,
    .welcome-img>img {
        width: 100%
    }
    .isotope.three-collumn .item {
        width: 100%
    }
    .contact-form [class*=contact-col] {
        width: 100%
    }
    .page-404-section .section-title {
        font-size: 150px;
        line-height: 100px
    }
    .page-404-section h2 {
        font-size: 36px
    }
    .rev-slider .tp-caption .btn.btn-big {
        padding: 10px 20px !important
    }
    #header.header-3.header-abs {
        position: relative;
        background: #979798
    }
    .banner-item.type-2 .banner-inner {
        width: 100%
    }
    .banner-item.type-2 .banner-inner .banner-title {
        font-size: 18px
    }
    .banner-item.type-2 .banner-inner .banner-title:not(:last-child),
    .banner-item.type-2>.banner-inner p:not(:last-child) {
        margin-bottom: 15px
    }
    .banner-item.type-2 img {
        display: none
    }
    .banner-item.type-2 .banner-content,
    .banner-item.type-2 .banner-inner {
        position: relative;
        transform: none
    }
    .countdown .countdown-section {
        margin-bottom: 10px
    }
    .custom-lightbox .fancybox-close {
        top: -50px;
        right: -5px
    }
    .blog-type.type-2:not(.list-view) .welcome-item .entry-date,
    .welcome-item .entry-body .entry-date {
        float: none;
        display: block
    }
    .entry .entry-meta a.f-right {
        float: none
    }
    .comment-meta .wrapper>* {
        float: none
    }
    [class*=flex-row].item-col-3>* {
        width: 100%
    }
    .shopping-cart {
        width: 300px
    }
}

@media only screen and (max-width:320px) {
    .tabs .tabs-nav>li>a {
        padding: 10px;
        font-size: 12px
    }
    #header .top-header {
        padding: 10px 5px
    }
}