@media(min-width:1200px) {
    .sidebar-links ul ul {
        font-size: 21px;
        line-height: 21px
    }
    #menu ul ul li a {
        background: #be1c07
    }
    #menu ul ul li a:hover,
    #menu ul ul li.open:hover>a {
        background-color: #272526
    }
    #menu ul ul li.dropdown>a {
        background-attachment: scroll;
        background-position: 99% center;
        background-repeat: no-repeat;
        background-image: url(/yvg-site/images/new-images/topright-arrow.png)
    }
    .dropdown-menu {
        animation-name: slidenavAnimation;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        -webkit-animation-name: slidenavAnimation;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: slidenavAnimation;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: forwards
    }
    @keyframes slidenavAnimation {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-webkit-keyframes slidenavAnimation {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
}

@media(max-width:1299px) {
    #menu ul li {
        margin-right: 20px
    }
    #menu ul li:nth-child(4) {
        margin-right: 235px
    }
    #menu ul li:nth-child(5),
    #menu ul li:nth-child(6),
    #menu ul li:nth-child(7) {
        margin-right: 45px
    }
    #menu ul li a {
        font-size: 12px
    }
    .sidebar-enrolment-col .school-tour-reserve ul li a {
        font-size: 17px;
        line-height: 17px;
        margin-top: 14px
    }
    .sidebar-enrolment-col .school-tour-reserve-date span {
        font-size: 34px;
        line-height: 34px
    }
    .sidebar-enrolment-col .school-tour-reserve-date {
        font-size: 14px;
        line-height: 14px;
        margin-right: 25px
    }
    .sidebar-enrolment-col .enrolment-item-label {
        font-size: 22px
    }
    .sbb-result {
        padding-top: 75px
    }
    .cube-fb-feed {
        /*height: 476px*/
		height:auto;
    }
    .mini-spirit-cube-fb-feed {
        height: 734px
    }
    .btn.btn-footer-ourlocation {
        margin-right: 20px;
        font-size: 14px;
        width: 180px
    }
    .btn.btn-footer-ourlocation img {
        left: 13px
    }
}

#header,
.container,
.wrapper {
    position: relative
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #948f8f;
    line-height: 27px;
    font-size: 17px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

:focus {
    outline: 0 !important
}

::-moz-focus-inner {
    border: 0 !important
}

.btn,
.btn-imba-1 {
    border-color: #d19303
}

img {
    max-width: 100%;
    height: auto
}

address {
    font-style: normal;
    line-height: inherit;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    line-height: normal;
    font-weight: 700
}

.v2-detail .mini-dv-content h2 {
    font-family: "Open Sans", sans-serif;
    color: #c33304;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300
}

.btn,
label {
    font-weight: 400
}

p {
    margin-bottom: 25px
}

.rbox ul {
    margin: 0 0 25px 16px;
    padding: 0
}

.rbox ul li {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 10px
}

.wrapper {
    max-width: 1354px;
    margin: 0 auto;
    padding: 0 15px
}

.btn {
    font-family: Amiri, serif;
    background-color: #fff;
    color: #666;
    border-radius: 0;
    font-size: 17px;
    min-width: 140px;
	margin-bottom:50px;
}

.btn-solid {
    padding: 11px 12px;
    height: 46px
}

.btn span {
    color: #d52b1e
}

.btn-group-sm>.btn,
.btn-group-xs>.btn,
.btn-sm,
.btn-xs {
    font-size: 12px
}

.btn-group-lg>.btn,
.btn-lg {
    font-size: 18px
}

.btn:focus,
.btn:hover {
    color: #666
}

.btn-imba-1 {
    font-family: Amiri, serif;
    font-size: 28px;
    padding: 8px 30px 10px
}

.btn-imba-1 span {
    color: #ce2113
}

.btn-black,
.btn-gold {
    color: #fff !important;
    border: 0
}

.btn-gold {
    background-color: #e79f09
}

.btn-black {
    background-color: #353535
}

label {
    font-family: Amiri, serif;
    color: #797979;
    font-size: 14px;
    line-height: 14px
}
 form label, form .text-danger li{
	display:block;
	width:100%;
	text-align:left;
}
.mini-dv-sidebar form label, .mini-dv-sidebar form .text-danger li{
	color:#FFF;
}

 form .form-check input{
	float:left;
	margin-right:10px;
}
 form .form-check label{
	    display: inline-block;
    width: auto;
    text-align: left;
    float: left;
}
form .text-danger li{font-size:12px;}
.mobi-business-nopad form .text-danger li{font-size:15px;}
.form-control {
    height: 37px;
    padding: 9px 12px;
	margin-bottom:20px;
    color: #948f8f;
    border-radius: 5px;
    border-color: #d2d2d2;
	max-width:400px;
}

.webform.web2 .form-control {
    height: auto
}

.overflow-hidden {
    overflow: hidden
}
.freeform-fieldtype-stripe{height:400px;margin-top:50px;}
label[for=form-input-paymentDetails]{margin-bottom:20px;}
.g-recaptcha{margin-bottom:20px;}
form .nav-tabs{margin-bottom:30px;border:0;}
[data-freeform-controls]{margin-top:20px;}
.mini-dv-content form label{margin-bottom:20px;}
form label.form-check-label{width:98%;}
form .nav-tabs li span{
	border-right: 1px solid #CCC;
   padding:15px;
}
form .nav-tabs li span:last-child{border-right:0;}
form .nav-tabs li span.active{background:#c33304;color:#FFF;}
#header {
    z-index: 9999;
    height: 180px
}

#bot-header,
#top-header {
    height: 90px;
    position: relative
}

#top-header:before,
#top-header>.container:before {
    position: absolute;
    top: 0;
    content: ""
}

#bot-header {
    background-color: #fff
}

#top-header {
    background-color: #272626;
    overflow: hidden
}

#top-header:before {
    background-color: #191919;
    height: 100%;
    width: 50%;
    right: -38%
}

#top-header>.container:before {
    background: url(/yvg-site/images/img-top-header-overlay.jpg) 20px top no-repeat;
    right: -20px;
    width: 230px;
    height: 90px
}

#header-quicklinks-trigger,
#top-header-myyvg {
    font-size: 19px;
    margin-top: 35px;
    float: left;
    position: relative
}

#top-header-myyvg {
    float: right
}

#header-quicklinks-trigger a,
#top-header-myyvg a {
    font-family: Amiri, serif;
    color: #eeaf00;
    text-decoration: none
}

#header-quicklinks-trigger img {
    margin-left: 5px
}

.social-media:after,
.social-media:before {
    content: "";
    display: table;
    clear: both
}

.social-media ul {
    margin: 0;
    padding: 0
}

.social-media ul li {
    list-style: none;
    margin: 0 30px 0 0;
    padding: 0;
    float: left
}

.footer-social-media ul li:last-child,
.social-media ul li:last-child {
    margin: 0
}

.social-media ul li a {
    font-size: 30px;
    color: #949191;
    display: block;
    text-align: center;
    text-decoration: none
}

.top-header-search {
    margin-left: 30px
}

#top-media-box {
    float: left;
    margin: 25px 120px 0 0;
    overflow: hidden;
    position: relative
}

#logo {
    position: absolute;
    left: 50%;
    top: -80px;
    z-index: 3;
    width: 273px;
    margin-left: -136.5px
}

.mobile-menu {
    display: none
}

#menu .open>.dropdown-menu,
#menu ul li a {
    display: block
}

#menu-wrap {
    background: 0;
    z-index: 2
}

#menu {
    padding: 30px 0 0;
    border: 0;
    margin: 0
}

#menu ul {
    margin: 0;
    padding: 0
}

#menu ul li {
    list-style: none;
    float: left;
    height: 50px;
    margin: 0 45px 0 0;
    padding: 0
}

#menu ul li:nth-child(4) {
    margin-right: 370px
}

#menu ul li:nth-child(5),
#menu ul li:nth-child(6),
#menu ul li:nth-child(7) {
    margin-right: 65px
}

#menu ul li:last-child {
    margin: 0;
    float: right
}

#menu ul li a {
    font-size: 14px;
    color: #9a9999;
    text-decoration: none
}

#menu ul ul {
    background-color: #be1c07;
    border: 0;
    border-top: 10px solid #f6c721;
    border-radius: 0;
    display: none
}

#menu ul ul ul {
    left: 100%;
    top: 0;
    border: 0
}

#menu ul ul li {
    float: none !important;
    margin: 0 !important;
    height: auto
}

#menu ul ul li a {
    padding: 5px 25px 5px 10px;
    color: #fff
}

.menu-search {
    display: none;
    font-size: 16px;
    color: #fff;
    padding: 0 15px;
    float: right
}

.menu-search .form-control {
    display: inline-block;
    width: 0;
    height: 39px;
    color: #fff;
    border: 0;
    background: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    transition: all .6s ease;
    -webkit-transition: all .6s ease
}

.menu-search .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.menu-search .form-control:-ms-input-placeholder {
    color: #fff
}

.menu-search .form-control::-webkit-input-placeholder {
    color: #fff
}

.menu-search.menu-search-open .form-control {
    width: 150px
}

.loader-slides {
    background: url(/yvg-site/images/loader.gif) center center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.banner,
.slides-wrap {
    position: relative;
    overflow: hidden
}

.slides-wrap {
    height: 100%;
    display: none
}

.slides-wrap ul.slides,
.slides-wrap ul.slides li {
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    overflow: hidden
}

.slides-wrap ul.slides li {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-container {
    position: relative;
    max-width: 1450px;
    height: 100%;
    margin: 0 auto
}

.banner-content {
    font-family: Amiri, serif;
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    position: absolute;
    left: 0;
    bottom: 120px;
    padding: 0 15px;
    text-shadow: 1px 1px 3px #000;
    -webkit-text-shadow: 1px 1px 3px #000
}

.flex-control-paging {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    bottom: 55px;
    width: 100%;
    text-align: center;
    z-index: 3;
    line-height: normal
}

.flex-control-paging li {
    margin: 0 15px;
    padding: 0;
    list-style: none;
    display: inline-block
}

.flex-control-paging li a {
    background: rgba(255, 255, 255, .4);
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.flex-control-paging li .flex-active {
    background: #110f0f
}

#banner-home {
    height: 768px
}

#banner-inner {
    height: 526px
}

#header-quicklinks-box {
    background: url(/yvg-site/images/bg-quicklinks-box.png) left top repeat-x;
    height: 148px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1
}

#header-quicklinks-box ul {
    margin: 0;
    padding: 0;
    text-align: center
}

#header-quicklinks-box ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 0;
    height: 148px;
    padding: 0 35px
}

#header-quicklinks-box ul li:before,
#header-quicklinks-box ul li:last-child:after {
    background: url(/yvg-site/images/bg-li-header-quicklinks.png) left center no-repeat;
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    width: 18px;
    height: 100%
}

.pblog-img-holder img,
.pblog-img-line,
.vidbox-obj img {
    width: 100%
}

#header-quicklinks-box ul li:last-child:after {
    left: auto;
    right: -8px
}

.pblog-img-caption,
.pblog-img-readmore {
    right: 20px;
    font-family: Amiri, serif
}

#header-quicklinks-box ul li a {
    position: relative;
    font-weight: 600;
    font-size: 13px;
    display: block;
    text-decoration: none;
    padding-top: 28px
}

#header-quicklinks-box ul li a span {
    display: block;
    color: #575757
}

.tag-line-area {
    background-color: #be1c07;
    text-align: center;
    padding: 50px 0 45px
}

.tag-line-area h2 {
    font-family: Amiri, serif;
    color: #fff;
    font-weight: 400;
    font-size: 30px;
    line-height: 0;
    margin: 0;
    border-bottom: 1px solid #eeaf00
}

.latestnews-row,
.vidbox-row {
    margin-left: -25px;
    margin-right: -25px
}

.tag-line-area h2 span {
    background-color: #be1c07;
    padding: 0 32px
}

.tag-line-area h2 span span {
    color: #eeaf00;
    padding: 0
}

.pbb-wrapper,
.pblog-text-area {
    padding-left: 30px
}

.pblog-img-caption {
    font-size: 37px;
    line-height: 37px;
    color: #fff;
    position: absolute;
    bottom: 50px
}

.pblog-img-caption h3 {
    font-weight: 400;
    color: #db980d;
    font-size: 40px;
    line-height: 40px
}

.pblog-img-readmore {
    position: absolute;
    bottom: 10px;
    font-size: 20px;
    z-index: 1
}

.pblog-img-readmore a {
    color: #fff;
    text-decoration: none
}

.pblog-img-line {
    background-image: url(/yvg-site/images/oct-24-2017/img-pblog-img-line-tablet.png);
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    height: 38px;
    position: absolute;
    left: 0;
    bottom: 45px
}

.pblog-text-area {
    padding-top: 70px
}

.pblog-text-area h2 {
    font-family: Amiri, serif;
    font-size: 60px;
    line-height: 60px;
    color: #939393;
    margin-bottom: 45px;
    font-weight: 400
}

.pblog-text-area h2 span {
    color: #c33304
}

.pblog-text-area .btn {
    margin-top: 35px;
    color: #666 !important
}

.video-box {
    padding-top: 45px
}

.latestnews-box,
.video-box {
    overflow: hidden
}

.video-box h2 {
    font-family: Amiri, serif;
    font-size: 57px;
    line-height: 57px;
    color: #939393;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px
}

.vidbox-obj {
    margin-bottom: 18px
}

.vidbox-label {
    color: #d52b1e;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px
}

.vidbox-date {
    font-weight: 700;
    font-size: 15px
}

.latestnews-content h3,
.latestnews-header h2 {
    font-family: Amiri, serif;
    font-weight: 400
}

.vidbox-col {
    margin-bottom: 40px;
    padding: 0 25px
}

.latestnews-header {
    text-align: right;
    position: relative
}

.latestnews-header h2 {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 50px;
    color: #eeaf00
}

.latestnews-header h2 span {
    background-color: #fff;
    padding: 0 20px
}

.latestnews-header:before {
    content: "";
    background-color: #ce2113;
    position: absolute;
    left: 0;
    top: 29px;
    height: 1px;
    width: 100%;
    z-index: -1
}

.tungoy {
    background: url(/yvg-site/images/img-tungoy.jpg) left top no-repeat;
    width: 47px;
    height: 46px;
    position: absolute;
    left: 111px;
    top: -16px;
    z-index: 1
}

#location-map img,
.enrolment-item-pic img,
.events-item-footer,
.latestnews-pic img {
    width: 100%
}

.events-item,
.latestnews-content {
    position: relative;
    text-align: center
}

.latestnews-col {
    padding: 0 25px;
    margin-bottom: 40px
}

.latestnews-content {
    color: #fdf5de;
    font-size: 15px;
    padding: 35px 50px;
    line-height: 21px
}

.latestnews-content h3 {
    color: #fdf5de;
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 42px
}

.latestnews-content p {
    margin-bottom: 40px
}

.latestnews-date {
    margin-bottom: 25px
}

.bg-red {
    background-color: #be1c07
}

.v2 .bg-red {
    background-color: #d52b1e
}

.bg-gray {
    background-color: #444
}

.bg-gold {
    background-color: #db980d
}

a.btn-readmore-latestnews {
    font-family: 'Playfair Display', serif;
    border-top: 1px solid #fdf5de;
    font-size: 18px;
    color: #fdf5de;
    width: 160px;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    text-decoration: none
}

.yarraspitit-col {
    height: 469px
}

.yarraspirit-content {
    background-color: #d52b1e;
    text-align: center;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 60px
}

.yarraspirit-content p {
    margin-bottom: 60px
}

.yarraspirit-content .btn {
    font-family: "Open Sans", sans-serif;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    background: 0;
    color: #fff;
    font-weight: 300;
    padding-top: 12px;
    padding-bottom: 15px;
    border-color: #fff
}

.events-item,
.events-item h3 {
    font-family: Amiri, serif
}

.enrolment-box,
.events-item,
.yarraspirit-img-holder {
    background-position: center top;
    background-size: cover
}

.yarraspirit-logo {
    margin-bottom: 50px
}

.yarraspirit-img-holder {
    background-attachment: scroll;
    background-repeat: repeat
}

.enrolment-box,
.events-item,
.sidebar-links ul li a,
.sitemap-line a {
    background-attachment: scroll;
    background-repeat: no-repeat
}

.events-item,
.events-item-calendar {
    height: 540px
}

.events-item {
    color: #fff;
    padding: 60px 15px 0
}

.events-item h3 {
    font-size: 49px;
    line-height: 60px;
    font-weight: 400
}

.events-item-date {
    font-size: 33px;
    line-height: 70px;
    font-style: italic;
    margin-bottom: 35px
}

.events-item-date span {
    font-size: 99px;
    display: block;
    font-style: normal
}

.events-item-footer {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    left: 0;
    bottom: 55px;
    font-size: 20px
}

.enrolment-box h2,
.enrolment-item-label,
.school-tour-reserve {
    font-family: Amiri, serif
}

.events-item-footer img {
    vertical-align: sub;
    margin-right: 12px
}

.events-item-location img {
    margin-right: 7px
}

.events-item-time {
    margin-right: 30px
}

.events-1 {
    background-image: url(/yvg-site/images/img-evens-1.jpg)
}

.events-2 {
    background-color: #be1c07
}

.eventsbox-col {
    padding: 0;
    margin-bottom: 40px
}

.enrolment-box {
    padding: 70px 0 0;
    overflow: hidden
}

.enrolment-item {
    background-color: #353535;
    -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 8px rgba(0, 0, 0, .2)
}

.enrolment-item-label {
    height: 88px;
    display: table;
    width: 100%;
    padding: 0 30px;
    font-size: 32px;
    line-height: 32px
}

.enrolment-item-label a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    color: #fff
}

.enrolment-row {
    margin-left: -25px;
    margin-right: -25px
}

.enrolment-col {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 60px
}

.enrolment-box h2 {
    font-size: 70px;
    line-height: 70px;
    color: #fff;
    margin: 100px 0 0;
    font-weight: 400
}

.enrolment-box h2 span {
    color: #d52b1e
}

.school-tour-item {
    float: left;
    width: 52%
}

.school-tour-reserve {
    overflow: hidden;
    padding: 35px 50px 0
}

.school-tour-reserve ul {
    margin: 0;
    padding: 0
}

.school-tour-reserve ul li {
    list-style: none;
    overflow: hidden;
    margin: 0 0 25px;
    padding: 15px 0 0
}

.school-tour-reserve ul li a {
    color: #d52b1e;
    text-decoration: none;
    font-size: 25px;
    line-height: 25px
}

.school-tour-reserve-date {
    color: #7f7f7f;
    font-size: 23px;
    line-height: 23px;
    font-style: italic;
    float: left;
    margin-right: 25px;
    margin-top: -15px;
    text-align: center
}

.school-tour-reserve-date span {
    font-style: normal;
    font-size: 54px;
    line-height: 43px
}

#footer {
    background-color: #1f1f1f;
    border-bottom: 14px solid #d52b1e
}

.sitemap {
    font-size: 13px;
    color: #938f8f;
    overflow: hidden;
    line-height: 21px;
    padding: 50px 0 0;
    margin-bottom: -40px
}

.sitemap ul,
.sitemap ul li {
    margin: 0;
    padding: 0
}

.sitemap ul li {
    list-style: none
}

.sitemap ul li a {
    color: #938f8f;
    text-decoration: none
}

.sitemap ul li a:hover {
    color: #fff
}

.sitemap h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 3px
}

.el-date,
.ilatest_spansx,
.img-content span,
.iwrite_h1 h1,
.latestnews-content-head,
.lnl-date-bar,
.mobile_hiddenheader,
.pricipal-by,
.rbox h2,
.sidebar-links,
.sub-heading,
h1,
h3.el-title {
    font-family: Amiri, serif
}

.sitemap-col {
    padding: 0 15px;
    margin-bottom: 40px;
    float: left;
    height: 260px
}

.sitemap-about-yarra {
    width: 300px
}

.sitemap-curriculum-program {
    width: 320px
}

.sitemap-enrolments,
.sitemap-internation-student,
.sitemap-out-community {
    width: 215px
}

.sitemap-news-events {
    width: 150px
}

h4.sitemap-contactus {
    margin-bottom: 20px
}

.sitemap-line {
    text-align: center;
    font-size: 12px;
    float: left;
    position: relative;
    width: 100%;
    padding-top: 5px
}

.sitemap-line:before {
    content: "";
    background-color: #818080;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 0;
    height: 2px;
    width: 100%
}

.sitemap-line a {
    background-position: left top;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 1;
    display: inline-block
}

.sitemap-line span {
    display: block
}

.sitemap-line .sitemap-mobile-toggle {
    background-image: url(/yvg-site/images/img-toggle-sitemap.png);
    display: none;
    color: #e4a801;
    height: 18px;
    padding-left: 38px;
    line-height: 16px;
    position: absolute;
    left: 15px;
    top: 20px
}

.sitemap-mobile-toggle img {
    width: 15px;
    margin-left: 5px
}

.footer-bottom {
    color: #b3b3b3;
    line-height: 21px;
    padding: 85px 0 30px
}

.footer-contact-details {
    font-size: 15px;
    line-height: 21px;
    margin: 20px 0
}

.footer-contact-details a {
    text-decoration: none;
    color: #b3b3b3
}

.footer-contact-details span {
    color: #fff
}

.yvg-estalish-date {
    color: #be291e;
    font-size: 16px;
    text-align: center
}

.fbot-rbox {
    text-align: right;
    font-size: 14px
}

.fbot-rbox p {
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase
}

.footer-social-media {
    margin-bottom: 60px
}

.footer-social-media ul {
    float: right
}

.footer-social-media ul li {
    margin-right: 8px
}

.footer-social-media ul li a {
    background-color: #b3b3b3;
    color: #221f1f;
    width: 52px;
    height: 52px;
    line-height: 49px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.circos,
.site-design {
    font-size: 13px
}

.yvg-logo-1 {
    margin-bottom: 20px
}

.mobile-footer {
    display: none;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    position: relative
}

.ilatest_spansx,
h1 {
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    color: #939393;
    margin-bottom: 40px
}

.idetilcustombox span,
h1 span {
    color: #c33304
}

.iwrite_h1 h1,
.mobile_hiddenheader,
.rbox h2 {
    font-weight: 400;
    color: #c33304;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px
}

.sidebar {
    padding-right: 30px
}

.sidebar .imba-header-text h3 {
    font-size: 26px;
    line-height: 26px;
    padding: 18px 30px;
    text-align: left
}

.sidebar-links {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 15px;
    padding: 35px 30px 35px 50px;
    background-color: #d52b1e
}

.sidebar-links ul {
    margin: 0;
    padding: 0
}

.sidebar-links ul li {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

.sidebar-links ul li:last-child {
    margin-bottom: 0
}

.sidebar-links ul li a {
    background-position: right 4px;
    background-image: url(/yvg-site/images/new-images/icon-sidebar-links-arrow-white.png);
    text-decoration: none;
    color: #fff;
    display: block
}

.sidebar-links ul li a:hover {
    background-image: url(/yvg-site/images/new-images/icon-sidebar-links-arrow-yellow.png);
    color: #fcb31c
}

.sidebar-pblog-img-area {
    position: relative;
    text-align: center;
    margin-bottom: 15px
}

.sidebar-pblog-img-area .pblog-img-caption h3 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 5px
}

.sidebar-pblog-img-area .pblog-img-caption {
    font-size: 22px;
    line-height: 22px;
    bottom: 40px;
    right: 30px
}

.sidebar-pblog-img-area .pblog-img-readmore {
    font-size: 18px;
    line-height: 18px;
    bottom: 6px;
    right: 30px
}

.sidebar-pblog-img-area .pblog-img-line {
    background-image: url(/yvg-site/images/new-images/img-sidebar-pblog-img-line.png);
    bottom: 30px;
    height: 50px
}

.sidebar-latestnews-col {
    padding: 0;
    margin-bottom: 15px
}

.latestnews-content-head {
    color: #fdab00;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 20px
}

.sidebar-latestnews-col .latestnews-content {
    padding-top: 25px
}

.sidebar-enrolment-col {
    padding: 0
}

.sidebar-enrolment-col .school-tour-item {
    width: auto;
    float: none
}

.sidebar-enrolment-col .enrolment-item-label {
    height: 70px;
    font-size: 40px;
    margin-bottom: 10px;
    padding: 0 40px
}

.sidebar-enrolment-col .school-tour-reserve {
    padding: 0;
    overflow: visible
}

.sidebar-enrolment-col .school-tour-reserve ul li {
    padding: 0 50px 15px;
    border-bottom: 2px solid #555;
    overflow: visible;
    margin-bottom: 15px
}

.sidebar-enrolment-col .school-tour-reserve ul li:after {
    content: "";
    clear: both;
    display: table
}

.sidebar-enrolment-col .school-tour-reserve ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.sidebar-enrolment-col .school-tour-reserve ul li a {
    color: #ed4934;
    font-size: 31px;
    line-height: 31px;
    float: left;
    margin-top: 28px
}

.sidebar-enrolment-col .enrolment-item {
    background-color: #1f1f1f;
    box-shadow: none
}

.sidebar-enrolment-col .school-tour-reserve-date {
    color: #a1a1a1;
    font-size: 26px;
    line-height: 26px;
    margin-top: 0;
    margin-right: 55px
}

.sidebar-enrolment-col .school-tour-reserve-date span {
    font-size: 62px;
    line-height: 62px
}

.img-content span,
.pricipal-by {
    font-size: 24px;
    line-height: 24px
}

.sti-img img {
    width: 100%
}

.rbox {
    float: right;
    padding-top: 70px;
    padding-left: 55px;
    margin-bottom: 60px
}

.img-content {
    position: relative;
    margin-bottom: 15px
}

.img-content span {
    background-color: #272626;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 15px;
    color: #fff
}

.pricipal-by {
    color: #c33304;
    margin-bottom: 20px
}

.breadc ul li,
.imba-header-text h3 {
    color: #fff;
    font-family: Amiri, serif
}

.pricipal-by span {
    display: block;
    font-weight: 700
}

.imba-header {
    position: relative;
    z-index: 4;
    margin-top: -90px;
    background: rgba(252, 179, 28, .4)
}

.imba-header:before {
    content: "";
    background-color: #fcb31c;
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: -70%
}

.breadc,
.el-side {
    position: relative
}

.breadc {
    padding-left: 55px;
    float: right;
    z-index: 1
}

.breadc ul {
    margin: 0;
    padding: 0
}

.breadc ul li {
    background: url(/yvg-site/images/new-images/icon-breadc.png) right center no-repeat;
    list-style: none;
    float: left;
    margin: 35px 6px 0 0;
    padding: 0 15px 0 0;
    font-size: 20px;
    line-height: 20px
}

.breadc ul li:last-child {
    background: 0
}

.imba-header-text {
    padding-right: 30px
}

.imba-header-text h3 {
    background-color: #e79f09;
    font-size: 38px;
    line-height: 90px;
    text-align: center;
    margin: 0;
    font-weight: 400
}

.sidebar-calendar {
    height: 460px
}

.category-menu {
    overflow: hidden;
    margin-bottom: 45px
}

.category-menu ul {
    margin: 0 -10px;
    padding: 0
}

.category-menu ul li {
    margin: 0;
    padding: 0 10px;
    float: left;
    list-style: none
}

.category-menu ul li a {
    font-size: 14px;
    line-height: normal;
    display: block;
    border: 1px solid #d19303;
    min-width: 110px;
    padding: 5px 10px 8px;
    color: #9c9c9c;
    text-decoration: none;
    text-align: center;
	margin-bottom:10px;
}

.category-menu ul li.selected a {
    background-color: #4d4444;
    border-color: #4d4444;
    color: #d29311
}

.category-menu ul li a:hover,
.category-menu ul li.catmenu-view-category a {
    background-color: #e79f09;
    color: #fff;
    border-color: #d19303
}

.detail-category-menu {
    padding-top: 10px;
    margin: 0
}

.detail-category-menu ul li {
    display: block !important
}

.detail-category-menu ul li a {
    background-color: #ebe8e8 !important;
    border: 0 !important;
    color: #bfbbbb !important
}

.vm {
    display: table-cell;
    vertical-align: middle
}

.events-listing-loop {
    margin-bottom: 30px
}

.events-listing-loop:after,
.events-listing-loop:before {
    clear: both;
    content: "";
    display: table
}

.events-listing-loop .el-side,
.tblcell {
    display: table-cell;
    vertical-align: top
}

.events-listing-loop .el-side {
    width: 100%;
    overflow: visible
}

.el-date {
    background-color: #878787;
    width: 225px;
    height: 226px;
    color: #fff;
    float: left;
    margin-right: 30px;
    display: table;
    text-align: center
}

.el-gold {
    background-color: #e79f09
}

.el-red {
    background-color: #d52b1e
}

.el-black {
    background-color: #272626
}

.el-day {
    font-size: 120px;
    line-height: 100px
}

.el-month {
    font-size: 24px;
    line-height: 24px;
    font-style: italic
}

.el-side {
    font-size: 13px;
    line-height: 19px;
    float: none;
    overflow: hidden;
    width: auto
}

h3.el-title {
    font-size: 25px;
    line-height: 25px;
    color: #be1c07;
    margin: 0 0 15px;
    padding: 0;
    font-weight: 400
}

h3.el-title span {
    color: #878787
}

.el-time-location {
    font-size: 16px;
    margin-bottom: 15px
}

.el-detail-box h1,
.el-detail-pic {
    margin-bottom: 25px
}

.el-time-location img {
    vertical-align: sub;
    margin-right: 12px
}

.cube-fb-feed .vm,
.tbl td,
table td,
table th {
    vertical-align: top
}

.el-time {
    margin-right: 35px
}

.el-detail-box h1 {
    font-size: 39px;
    line-height: 39px
}

.el-detail-pic img {
    width: 100%
}

.el-detail-left .el-date {
    margin-bottom: 20px
}

.el-detail-right .el-time-location {
    margin-bottom: 25px
}

.latest-news-listing {
    max-width: 790px
}

.lnl-col {
    padding: 0 15px;
    float: left;
    width: 50%;
    margin-bottom: 30px
}

.lnl-col .latestnews-content {
    padding-top: 20px;
    padding-bottom: 70px
}

.lnl-col .latestnews-date {
    font-size: 17px;
    color: #f9aa1c
}

.lnl-col .latestnews-content h3 {
    font-size: 30px;
    line-height: 38px;
    color: #fff
}

.lnl-col a.btn-readmore-latestnews {
    color: #fff;
    border-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 35px;
    margin-left: -80px
}

.lnl-date-bar {
    background-color: #4d4444;
    border-right: 23px solid #797878;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 30px
}

.lnl-detail-left .latestnews-pic {
    margin-bottom: 25px
}

.lnl-detail-right {
    padding-top: 8px
}

.sub-heading {
    font-size: 24px;
    line-height: 28px;
    color: #c33304;
    margin-bottom: 35px
}

.el-day-label,
a.btn-tourtype-reserve {
    font-family: "Open Sans", sans-serif
}

.bmp-text,
.btn-sportsphoto-mod a,
.cf-date,
.confirmed-fixture-mod,
.confirmed-fixture-mod h3,
.cubes-btn-box a,
.download,
.fu-boysgirls,
.fu-header,
.mm-con h3,
.new-cubes-btn-box a,
.ra-bg,
.ra-logo-loop,
.red-dl,
.result-archive-mod h3,
.result-archive-mod h4,
.sbb-img-footer h3,
.sbb-result h3,
.sbb-result h4,
.sbb-result-footer,
.sbb-result-header,
.sport-calendar-loop h4,
.sport-calendar-loop span,
.sports-calendar-mod h3 {
    font-family: Amiri, serif
}

.el-day-label,
.tour-header-bar {
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase
}

.tour-header-bar {
    background-color: #353535;
    padding: 13px 15px 15px;
    color: #fff;
    text-align: center;
    margin: 40px 0
}

.tour-header-bar span {
    color: #e79f09;
    margin-left: 20px
}

.el-day-label {
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 1px
}

.tourdate-style .el-date {
    background-color: #d52b1e;
    width: 198px;
    height: 196px;
    border-left: 15px solid #353535;
    text-align: left;
    padding-left: 35px
}

.tourdate-style .el-day {
    margin-left: -15px
}

.tourdate-style h3.el-title {
    font-style: italic;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 2px
}

.tourdate-style .el-time-location span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px
}

.tourdate-style .el-time-location span img {
    width: 19px
}

.tour-type-label {
    float: left;
    height: 46px;
    border-bottom: 10px solid #d52b1e;
    text-align: center;
    width: 156px;
    color: #353535;
    font-size: 14px;
    line-height: 14px;
    margin-right: 20px;
    text-transform: uppercase;
    padding-top: 10px
}

a.btn-tourtype-reserve {
    width: 224px;
    font-size: 14px;
    padding: 13px
}

.tour-type-box {
    padding-top: 34px
}

.tourdate-style {
    margin-bottom: 60px
}

.tourdate-style:last-of-type {
    margin-bottom: 0
}

.tour-dates-detail h3.el-title {
    font-size: 36px;
    font-style: normal;
    line-height: 40px
}

.tour-dates-detail .tour-type-label {
    height: auto;
    width: auto;
    border: 0;
    padding: 0;
    float: none;
    margin: 0 0 35px;
    text-align: left
}

.tour-dates-detail .el-time-location span {
    display: inline-block;
    margin-bottom: 0
}

.tour-dates-detail .el-side {
    font-size: 15px;
    line-height: 23px
}

.tour-dates-detail .tour-header-bar {
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

.tour-dates-detail .el-date {
    width: 341px;
    height: 366px;
    padding-left: 70px
}

.tour-dates-detail .el-day {
    font-size: 186px;
    line-height: 186px;
    margin-left: -27px
}

.tour-dates-detail .el-month {
    font-size: 41px;
    line-height: 41px
}

.tbl {
    width: 100%
}

.tour-detail-form .form-control {
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}

.tour-detail-form label {
    float: left;
    margin-top: 6px;
    padding-right: 15px
}

.btn-submit-registration {
    width: 203px;
    margin-right: 8px
}

.btn-group-reg {
    padding-top: 5px
}

.tdf-w1 {
    width: 80px
}

.tdf-w2 {
    width: 120px;
    text-align: right
}

#header-quicklinks-box ul li a:before {
    position: absolute;
    content: "";
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid;
    color: #fff;
    margin-right: -15px;
    right: 50%;
    top: 0;
    z-index: 3;
    display: none
}

#header-quicklinks-box ul li a:hover:before,
#header-quicklinks-box ul li.selected a:before {
    display: block
}

.st-arrow {
    background-color: #1f1f1f;
    padding: 0 10px;
    display: inline-block !important
}

.download,
.download span,
.sbb-result h3 {
    display: inline-block
}

.sports-page {
    max-width: 1600px;
    margin: 0 auto
}

.sports-box1-col1,
.sports-box1-col3,
.sports-box1-col4 {
    width: 35%
}

.sports-box1-col2,
.sports-box1-col5 {
    width: 30%
}

.sports-banner-box {
    background-color: #292625;
    margin-bottom: 20px;
    position: relative
}

.sbb-left {
    width: 65%;
    float: left
}

.sbb-img {
    height: 600px;
    overflow: hidden;
    position: relative
}

.sbb-img img {
    width: 100%
}

.sbb-img-footer,
.sbb-result-footer {
    background: rgba(238, 53, 42, .4);
    height: 90px;
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%
}

.sbb-img-footer h3 {
    background-color: #de1f13;
    font-weight: 400;
    line-height: 90px;
    margin: 0;
    color: #fff;
    font-size: 38px;
    width: 52.7%
}

.sbb-result {
    background-color: #292625;
    padding: 94px 30px 0;
    position: absolute;
    height: 100%;
    right: 0;
    width: 35.01%
}

.sbb-result-header {
    font-size: 24px;
    line-height: 40px;
    color: #b5b4b4;
    position: absolute;
    left: 0;
    top: 12px
}

.sbb-result-header span {
    display: inline-block;
    padding: 0 25px;
    background-color: #c63434;
    color: #fff;
    margin-right: 5px
}

.sbb-result h3 {
    font-size: 48px;
    line-height: 48px;
    margin: 0 50px 0 0;
    color: #c63434;
    font-weight: 400
}

.sbb-result h4 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #b5b4b4
}

.download {
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url(/yvg-site/images/sports/icon-pdf.png);
    font-size: 24px;
    line-height: 40px;
    height: 40px;
    color: #fff !important;
    padding-right: 32px;
    text-decoration: none
}

.download span {
    background-color: #383838;
    width: 148px;
    text-align: center
}

.boys-girls-dl {
    margin-bottom: 24px
}

.bgdl {
    margin-bottom: 30px
}

.sbb-result-footer {
    background: #383838;
    font-size: 26px;
    line-height: 82px;
    color: #fff;
    border-top: 4px solid #c63434;
    text-indent: 40px
}

.icon-ruby,
.sports-calendar-mod {
    background-attachment: scroll;
    background-repeat: no-repeat
}

.icon-ruby {
    background-image: url(/yvg-site/images/sports/icon-ruby.png);
    background-position: left top;
    position: absolute;
    width: 77px;
    height: 77px;
    left: 50px;
    bottom: 30px;
    z-index: 2
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px
}

.col-10 {
    padding-left: 10px;
    padding-right: 10px
}

.sports-calendar-mod {
    background-position: center top;
    background-size: cover;
    height: 486px;
    margin-bottom: 20px;
    border-bottom: 10px solid #b5b4b4;
    border-top: 10px solid #b5b4b4;
    position: relative
}

.scm {
    position: absolute;
    bottom: 65px;
    left: 0;
    padding-right: 60px;
    width: 100%
}

.sports-calendar-mod h3 {
    font-size: 95px;
    line-height: 95px;
    font-weight: 400;
    color: #cfcece;
    margin-bottom: -25px;
    text-align: right;
    padding-right: 20px
}

.sport-calendar-loop {
    overflow: hidden;
    margin-bottom: 20px
}

.sport-calendar-loop h4 {
    background-color: #373737;
    color: #fff;
    font-size: 37px;
    line-height: 37px;
    font-weight: 400;
    padding: 10px 25px;
    margin: 0
}

.red-dl,
.sport-calendar-loop span {
    background-color: #c63434;
    color: #fff
}

.sport-calendar-loop span {
    float: right;
    width: 214px;
    height: 34px;
    line-height: 34px;
    font-style: italic;
    text-align: center
}

.cfl,
.ra-bg {
    float: left;
    width: 50%
}

.red-dl {
    padding: 25px 115px 0 0;
    text-align: right;
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 20px;
    overflow: hidden
}

.cfl,
.fu-boysgirls {
    text-align: center
}

.red-dl ul {
    margin: 0;
    padding: 0
}

.red-dl ul li {
    display: block;
    background: url(/yvg-site/images/sports/icon-pdf-white.png) right top no-repeat;
    list-style: none;
    margin: 0 0 22px;
    min-height: 37px;
    padding: 8px 55px 0 0
}

.red-dl ul li a {
    color: #fff;
    text-decoration: none
}

.confirmed-fixture-mod {
    padding: 90px 30px 0;
    margin-bottom: 20px;
    font-size: 26px;
    height: 649px;
    line-height: 26px;
    color: #b5b4b4
}

.cf-date {
    font-size: 19px;
    line-height: 19px;
    color: #383838;
    margin-bottom: 35px
}

.confirmed-fixture-mod h3 {
    font-weight: 400;
    color: #c63434;
    font-size: 36px;
    line-height: 36px;
    font-style: italic;
    margin-bottom: 50px
}

.btn-cf-more-information {
    padding: 60px 0 10px
}

.btn-cf-more-information a {
    font-size: 24px;
    line-height: 25px;
    color: #383838;
    text-decoration: none
}

.fu-girls-col h4,
.fu-header h3 {
    color: #c63434
}

.fu-header {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 40px;
    padding-top: 20px
}

.fu-header h3 {
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    margin: 0;
    font-weight: 400
}

.fu-boysgirls {
    max-width: 465px
}

.fu-boysgirls h4 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 400
}

.fu-boys-col h4 {
    color: #383838
}

.fu-boysgirls ul {
    margin: 0;
    padding: 0
}

.fu-boysgirls ul li {
    list-style: none;
    margin: 0 0 25px;
    padding: 0
}

.fu-boysgirls ul li a {
    background-color: #c63434;
    display: block;
    padding: 10px 7px 7px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-decoration: none
}

.fu-boys-col ul li a,
.result-archive-mod {
    background-color: #383838
}

.sports-box1 {
    overflow: hidden
}

.result-archive-mod {
    padding: 50px 25px 0;
    overflow: hidden
}

.result-archive-col {
    margin-bottom: 20px
}

.result-archive-mod h3 {
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 39px;
    font-weight: 400
}

.ra-bg,
.result-archive-mod h4 {
    font-size: 18px;
    line-height: 18px
}

.result-archive-mod h3 span {
    color: #c63434
}

.result-archive-mod h4 {
    color: #9e9c9c;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: right
}

.banner-mini-content,
.cube-item,
.mfb-mid,
.mm-con,
.ra-bg,
.ra-logo-loop,
.svi-label {
    text-align: center
}

.result-archive-mod h4 span {
    color: #d4cece
}

.ra-bg {
    color: #fff;
    padding: 7px
}

.ra-boys {
    background-color: #211f1f
}

.ra-girls {
    background-color: #505050
}

.ra-sports-result-loop {
    margin-bottom: 43px
}

.ra-logo-loop {
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 13px
}

.btn-sportsphoto-mod a,
.svi-label .btn {
    font-size: 24px;
    line-height: 25px;
    color: #fff
}

.ra-logo-loop a {
    text-decoration: none;
    color: #fff
}

.ra-logo {
    margin: 0 auto 25px
}

.ra-logo-mod {
    margin-top: -40px
}

.sports-photo-gallery-mod,
.svi-pic {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.sports-photo-gallery-mod {
    height: 448px;
    position: relative;
    text-align: center;
    margin-bottom: 20px
}

.sports-venue-info-mod {
    margin-bottom: 20px
}

.svi-pic {
    height: 327px
}

.btn-sportsphoto-mod {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 35px
}

.btn-sportsphoto-mod a {
    background-color: #292625;
    display: block;
    max-width: 298px;
    padding: 10px;
    text-decoration: none;
    margin: 0 auto
}

.svi-label {
    background-color: #292625;
    height: 121px;
    padding: 39px 15px 0
}

.svi-label .btn {
    background: 0;
    border-color: #922f2f;
    padding: 10px 20px
}

#template-mini {
    background-color: #161616
}

.mini-main {
    position: relative;
    margin: 0 auto
}

.bmc-heading,
.bmc-logo {
    margin-bottom: 40px
}

.banner-mini {
    background-color: #121111;
    position: relative;
    border-bottom: 20px solid #be1c07;
    min-height: 470px;
    overflow: hidden
}

.v2 .banner-mini {
    min-height: 445px;
    border-color: #b53b2b
}

.banner-mini:before {
    background-color: #e79f09;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 39px;
    display: block
}

.bmp-text,
.orcaption-image {
    position: absolute;
    display: none
}

.banner-mini-content {
    padding: 30px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #fff
}

.bmc-logo {
    background-color: #d52b1e;
    padding: 40px 30px
}

.bmc-text {
    padding: 0 50px 0 80px
}

.banner-mini-pic {
    padding: 0;
    float: right;
    position: absolute;
    right: 0;
    height: 100%
}

.yarra-ibanner {
    height: 100%
}

.banner-mini-pic img {
    width: 100%;
    min-height: 100%
}

.banner-mini-pic .orcaption-image img {
    width: auto;
    max-width: 110px
}

.banner-mini-pic.foundation-detail .orcaption-image img {
    max-width: 70px
}

.bmp-text {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    line-height: 30px;
    font-size: 30px;
    right: 0;
    bottom: 40px;
    padding: 15px 30px;
    z-index: 1
}

.orcaption-image {
    bottom: 15px;
    right: 25px
}

.foundation-detail .orcaption-image {
    bottom: 70px;
    right: 90px
}

.mini-mod-wrap ul {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.mini-mod-wrap ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.mm-con,
.mm-pic {
    height: 18vw;
    top: 0;
    left: 0;
    width: 100%
}

.mm-pic {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.mm-con {
    display: table;
    color: #fdf5de;
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px
}

.mm-con h3 {
    font-weight: 400;
    color: #fdf5de;
    font-size: 30px;
    line-height: 33px
}

.mini-mod-wrap ul li.flip .mm-con,
.mini-mod-wrap ul li.flip .mm-pic,
.mini-mod-wrap ul#comm-groups li.flip .mm-con,
.mini-mod-wrap ul#comm-groups li.flip .mm-pic {
    position: absolute
}

.cube-item {
    position: relative
}

.mini-mod-wrap.revert ul li:nth-child(even) .mm-con,
.mini-mod-wrap.revert ul li:nth-child(odd) .mm-pic {
    border: 1px solid green
}

.mini-mod-wrap ul li.flip .mm-pic,
.mini-mod-wrap ul#comm-groups li.flip .mm-pic {
    top: 18vw
}

.mini-cubes-wrap {
    background: url(/yvg-site/images/mini/img-mini-cube-bg.jpg) right top no-repeat;
    padding: 80px 0 50px
}

#template-mini.v2 .mini-cubes-wrap {
    background: #fff
}

.mc-row {
    padding-right: 150px
}

.cube-item {
    margin-bottom: 30px;
    color: #fff
}
/*
.new-white-bg .cube-item {
    margin-bottom: 160px
}
*/
.cube-item img {
    width: 100%
}

.new-white-bg .cube-icon {
    margin-bottom: 36px
}

.new-white-bg .cube-item .cube-icon img {
    width: auto
}

.cubes-btn-box {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    padding: 0 15px
}

.new-white-bg .cube-item .cubes-btn-box {
    position: relative;
    display: block;
    left: auto;
    bottom: auto
}

.cubes-btn-box a {
    text-decoration: none;
    font-size: 28px;
    height: 75px;
    line-height: 64px;
    position: relative;
    color: #fff !important;
    border: 0;
    display: block;
    margin: 0 auto;
    max-width: 305px
}

.cubes-btn-box a:after {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -64px;
    bottom: 23px;
    height: 1px;
    width: 128px
}

.new-cubes-btn-box a {
    color: #c33;
    font-size: 23px
}

.new-cubes-btn-box a:hover {
    text-decoration: none
}

.new-cubes-btn-box a span {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    display: block;
    line-height: 22px
}

.cube-item h3,
.footer-page-list ul li a,
.publication-cube-content {
    font-family: Amiri, serif
}

.publication-cube-content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.cube-item h3 {
    margin: 0;
    font-weight: 400;
    font-size: 36px;
    line-height: 36px
}

.publication-cube-content h3 {
    color: #db980d
}

.bg-dark {
    background-color: #161616
}

.cube-item-calendar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100%
}

.cube-update-details {
    background-color: #be1c07;
    height: 300px;
    display: table;
    width: 100%
}

.cube-update-details h3 {
    color: #fdf5de;
    line-height: 40px
}

.cube-fb-feed {
    width: 100%;
    height: 561px;
    display: table
}

.cube-fb-feed .vm,
.paw-top .vm {
    display: block
}

.cube-fb-feed h3 {
    line-height: 30px;
    font-size: 26px
}

.mini-footer-bar {
    background-color: #d52b1e;
    padding: 60px 0
}

.mfb-mid {
    margin-top: 25px
}

.mfb-right {
    font-size: 15px;
    color: #fff;
    text-align: right
}

.mfb-right a {
    color: #fff;
    text-decoration: none
}

.mfb-right p {
    margin: 0 0 5px
}

.footer-page-list {
    background-color: #ce1203;
    padding: 30px 15px
}

.footer-page-list ul {
    margin: 0;
    padding: 0
}

.footer-page-list ul li {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.footer-page-list ul li:last-child {
    margin: 0
}

.footer-page-list ul li a {
    font-size: 17px;
    line-height: 17px;
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative
}

.footer-page-list ul li a:hover {
    color: #fcb31c
}

.footer-page-list ul li a:before {
    position: absolute;
    right: 0;
    top: 0;
    content: ">";
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700
}

.dv-mod ul li,
.paw-bot,
.paw-box h3,
.pawdate-day,
.pawdate-month,
.sidebar-graybox h3 {
    font-family: Amiri, serif
}

.mini-spirit-cube-fb-feed {
  /*  height: 892px */
  height:auto;
}

.sidebar-graybox {
    background-color: #e1e1e1;
    color: #555;
    margin: 40px 0;
    padding: 30px 30px 15px
}

.paw-box,
.paw-header {
    color: #fff;
    text-align: center
}

.sidebar-graybox h3 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px
}

.sidebar-graybox ul {
    padding: 0;
    margin: 0 0 25px 16px
}

.sidebar-graybox ul li {
    list-style: disc;
    padding: 0 0 0 10px;
    margin: 0
}

.heading-italic {
    font-size: 22px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 25px
}

.btn-yew-clickhere {
    margin-left: 80px
}

.position-available-wrap {
    padding-top: 70px;
    max-width: 700px
}

.paw-header {
    background-color: #353535;
    padding: 9px 15px;
    font-size: 25px;
    line-height: normal;
    margin-bottom: 40px;
    text-transform: uppercase
}

.paw-box {
    background-color: #707070;
    margin-bottom: 30px
}

.paw-box h3 {
    font-size: 60px;
    line-height: 60px;
    color: #db980d;
    font-weight: 400;
    margin-bottom: 30px
}

.imba-listing,
.semi-bold {
    font-weight: 600
}

.paw-top {
    position: relative;
    min-height: 425px;
    padding: 35px 15px 60px
}

.paw-content {
    max-width: 525px;
    margin: 0 auto 40px
}

.paw-appclose {
    font-style: italic;
    margin-bottom: 20px
}

.pawdate-day {
    font-size: 57px;
    line-height: 57px
}

.pawdate-month {
    font-size: 24px;
    line-height: 25px
}

.paw-bot {
    height: 74px;
    line-height: 74px;
    font-size: 29px;
    color: #fff
}

.paw-bot a {
    text-decoration: none;
    color: #fff
}

.color-solid,
.imba-listing {
    color: #464646
}

.paw-line {
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(/yvg-site/images/new-images/img-sidebar-pblog-img-line.png);
    height: 50px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.imba-listing {
    font-size: 22px
}

.sidebar-links h3,
.subscribe-pop h3 {
    font-family: Amiri, serif;
    font-weight: 400
}

.banner-mini-dv {
    border: 0
}

.v2-detail .banner-mini-dv {
    border-bottom: 20px solid #be1c07
}

.body-mini-dv {
    background-color: #fff
}

.mini-dv-sidebar {
    padding: 0 0 0 39px;
    float: left
}

.mini-dv-content {
    padding: 55px 30px 50px 80px;
    float: right
}

.mini-dv-content h1 {
    font-size: 36px;
    line-height: 36px;
    color: #c33304
}

.pvm {
    height: 100%;
    display: table;
    width: 100%
}

.dv-mod {
    overflow: hidden;
    padding-top: 20px
}

.dv-mod ul {
    margin: 0 -10px;
    padding: 0
}

.dv-mod ul li {
    list-style: none;
    float: left;
    margin: 0 0 20px;
    padding: 0 10px;
    width: 25%;
    height: 215px;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    color: #fff
}

.dv-mod ul li .pvm {
    background-color: #d52b1e;
    padding: 0 15px
}

.dv-mod ul li a {
    text-decoration: none;
    color: #fff
}

.sidebar-links h3 {
    color: #fff;
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 40px
}

.dv-sidebar-links {
    padding-left: 100px
}

.banner-mini-dv .bmc-logo {
    background: 0;
    padding: 40px 50px 0
}

.detail-comm .banner-mini-dv .bmc-logo,
.new-white-bg .banner-mini-dv .bmc-logo,
.v2-detail .banner-mini-dv .bmc-logo {
    background-color: #d52b1e;
    padding: 40px 30px;
    margin-bottom: 40px
}

.pop-gart {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
    padding: 0 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.banner-button .btn,
.banner-button-mobile a,
.itube-overlay,
.select-regular {
    background-attachment: scroll;
    background-repeat: no-repeat
}

.subscribe-pop {
    background-color: #444;
    border: 2px solid #fff;
    padding: 30px 15px;
    overflow: hidden;
    max-width: 1550px;
    margin: 0 auto
}

.fc-dark {
    background-color: #2c2c2c;
    border: 0;
    height: 38px;
    color: #fff
}

.fc-dark::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.fc-dark:-ms-input-placeholder {
    color: #fff
}

.fc-dark::-webkit-input-placeholder {
    color: #fff
}

.sp-form {
    max-width: 430px;
    margin: 0 auto
}

.subscribe-pop .form-control {
    margin-bottom: 7px
}

.btn-sp-searchsub {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    color: #fff
}

.subscribe-pop h3 {
    color: #fff;
    font-size: 29px;
    line-height: 29px;
    margin: 0;
    text-align: right
}

.banner-button .btn,
.btn.btn-footer-ourlocation {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

body.pop-gart-open {
    overflow: hidden
}

.colored-box-content {
    margin: 0 -10px;
    padding: 0;
    overflow: hidden
}

.colored-box-content li {
    margin: 0 0 20px;
    padding: 0 10px;
    list-style: none
}

.colored-box-content .mm-pic {
    height: 250px
}

.colored-box-content .mm-con {
    height: 215px
}

.colored-box-content .mm-con a {
    color: #fdf5de;
    text-decoration: none
}

.banner-mini-inner h1 {
    color: #fff;
    font-size: 50px;
    line-height: 50px
}

.banner-mini-inner .bmc-text {
    padding-top: 80px
}

#mobile_facebookz,
#tablet_facebookz {
    display: none
}

a.itube {
    position: relative;
    display: block
}

.itube-overlay {
    background-image: url(/yvg-site/images/play-icon.png);
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: 1;
    opacity: 1;
    overflow: hidden;
    text-indent: -9999px
}

a.itube:hover .itube-overlay {
    background-color: rgba(0, 0, 0, .5)
}

.btn.btn-footer-ourlocation {
    font-size: 16px;
    color: #d0cfcf !important;
    width: 199px;
    text-align: right;
    padding: 8px 20px;
    letter-spacing: 1px;
    position: relative;
    margin: 7px 30px 15px 0
}

.btn-footer-ourlocation img {
    position: absolute;
    left: 16px;
    top: -7px;
    z-index: 1
}

.banner-button {
    position: absolute;
    right: 0;
    bottom: 160px;
    z-index: 9999;
    width: 285px
}

.banner-button .btn {
    display: block;
    width: 100%;
    border: 0;
    height: 51px;
    line-height: 51px;
    color: #fff;
    padding: 0 0 0 75px;
    text-align: left;
    background-position: 24px center;
    box-shadow: 1px 1px 5px #212020;
    -webkit-box-shadow: 1px 1px 5px #212020
}

.sendsms-pop h3,
.sendsms-pop h4 {
    font-weight: 400;
    font-family: Amiri, serif
}

.btn-bb-applynow {
    background-image: url(/yvg-site/images/sept-9-2016/icon-button-slider-applynow.jpg) !important;
    background-color: #d52b1e
}

.btn-bb-booktour {
    background-image: url(/yvg-site/images/sept-9-2016/icon-button-slider-booktour.jpg) !important;
    background-color: #353535
}

.sendsms-pop {
    background-color: #353535;
    max-width: 320px;
    margin: 12px auto 0;
    text-align: center;
    position: relative;
    border-bottom: 8px solid #d52b1e
}

.sendsms-pop .padbox {
    padding: 15px 15px 5px
}

.sendsms-pop h4 {
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    color: #fff;
    background-color: #1e1c1c;
    margin: 0
}

.sendsms-pop h3 {
    color: #d0c5c5;
    font-size: 31px;
    line-height: 30px
}

.sendsms-pop h3 span {
    color: #d52b1e
}

.sendsms-pop .form-control {
    font-family: Amiri, serif;
    margin-bottom: 15px;
    background-color: #eaeaea;
    text-align: center;
    height: 31px;
    color: #5a5959
}

.banner-button-mobile a,
.btn-sendsms {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

.sendsms-pop textarea.form-control {
    height: 130px;
    max-width: 100%;
    min-width: 100%
}

.sendsms-pop .form-control::-webkit-input-placeholder {
    color: #5a5959
}

.sendsms-pop .form-control:-moz-placeholder {
    color: #5a5959
}

.sendsms-pop .form-control::-moz-placeholder {
    color: #5a5959
}

.sendsms-pop .form-control:-ms-input-placeholder {
    color: #5a5959
}

.btn-sendsms {
    width: 100%;
    display: block;
    background-color: #1e1c1c;
    border: 0;
    color: #fff !important;
    height: 34px;
    line-height: 34px;
    padding: 0
}

.select-regular {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-position: 98% center;
    background-image: url(/yvg-site/images/icon-arrow-select.png)
}

.btn-close-sendsms {
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: -11px
}

.banner-button-mobile {
    width: 218px;
    position: absolute;
    left: 50%;
    margin-left: -109px;
    bottom: 12px;
    z-index: 3;
    display: none
}

.banner-button-mobile a {
    background-position: center -3px;
    background-color: rgba(194, 194, 194, .3);
    line-height: 16px;
    padding-top: 40px;
    color: #fff;
    display: block;
    width: 103px;
    height: 83px;
    text-decoration: none;
    text-align: center
}

.btn-bbm-sendusmsg {
    background-image: url(/yvg-site/images/sept-9-2016/icon-button-mobile-sendmsg.png);
    float: left
}

.btn-bbm-callusnow {
    background-image: url(/yvg-site/images/sept-9-2016/icon-button-mobile-callus.png);
    float: right
}

.sticky-script #bot-header {
    background-color: #272626;
    height: 50px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0
}

.sticky-script #menu {
    padding: 0
}

.sticky-script #menu>ul>li>a {
    line-height: 50px
}

.sticky-script #logo {
    background: url(/yvg-site/images/img-logo-v2.png) center top no-repeat;
    height: 43px;
    width: 173px;
    margin-left: -80px;
    top: 5px
}

.sticky-script #logo a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px
}

.sports-box1-v2 {
    position: relative
}

.sports-box1-v2 .sports-calendar-mod,
.sports-box1-v2 .sports-photo-gallery-mod {
    height: 446px
}

.sports-box1-v2 .svi-pic {
    height: 325px
}

.sports-box1-v2 .cf-logos {
    max-width: 400px;
    padding-top: 55px
}

.sports-box1-v2 .ra-logo-mod {
    margin: 0;
    padding: 55px 15px 0 0
}

.sports-box1-v2 .ra-logo-loop {
    float: left;
    width: 33.33%;
    font-size: 20px
}

.bg-diagonal-1 {
    background-image: url(/yvg-site/images/bg-diagonal-1.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 629px;
    height: 300px;
    position: absolute;
    right: 0;
    bottom: 0
}

.sports-adds,
.sports-box1-v2 .cf-logos,
.sports-box1-v2 .ra-logo-mod {
    height: 257px;
    overflow: hidden
}

.pblog-fb-feeds {
    padding-top: 30px
}

.pblog-text-area .vm {
    display: block
}

.principal-blog-box {
    padding-bottom: 30px
}
.mini-cubes-wrap .container.v2 .icons-box .icon-img-box,
.comm-gen-qlinks .icon-img-box{width:100%;height:122px;display:block;}
.comm-gen-qlinks .cube-item{margin-bottom:40px;}
@media(min-width:1023px) and (max-width:1024px) {
    .school-tour-item {
        width: 52.6%
    }
}

@media(min-width:1200px) {
    .new-menu ul.nav li:hover>ul.dropdown-menu {
        display: block
    }
    .new-menu ul ul {
        background-color: #be1c07;
        border: 0;
        border-top: 10px solid #f6c721;
        border-radius: 0;
        display: none
    }
    .new-menu ul {
        margin: 0;
        padding: 0;
        float: none
    }
    .new-menu {
        padding: 30px 0 0;
        border: 0;
        margin: 0
    }
    .new-menu ul li a {
        font-size: 14px;
        color: #9a9999;
        text-decoration: none;
        padding: 0;
        background-color: transparent !important
    }
    .new-menu ul li {
        list-style: none;
        float: left;
        height: 50px;
      /*  margin: 0 45px 0 0; */
		 margin: 0 34px 0 0;
        padding: 0
    }
    .new-menu ul ul li {
        float: none !important;
        margin: 0 !important;
        height: auto
    }
    .new-menu ul ul li a,
    .webform td {
        text-align: left
    }
    .new-menu ul ul li a {
        padding: 5px 25px 5px 10px;
        color: #fff;
        background: #be1c07
    }
    .new-menu ul ul li.dropdown1>a,
    .new-menu ul ul li.dropdown>a {
        background-attachment: scroll;
        background-position: 99% center;
        background-repeat: no-repeat;
        background-image: url(/yvg-site/images/new-images/topright-arrow.png)
    }
    .new-menu ul ul li a:hover,
    .new-menu ul ul li.open:hover>a {
        background-color: #272526 !important;
        color: #fff !important
    }
    .new-menu ul ul ul {
        left: 100%;
        top: 0;
        border: 0
    }
    .dropdown1 {
        position: relative
    }
    .new-menu ul li:nth-child(4) {
        margin-right: 370px
    }
    .new-menu ul li:last-child {
        margin: 0;
        /*float: right*/
    }
    .new-menu ul li:nth-child(5),
    .new-menu ul li:nth-child(6),
    .new-menu ul li:nth-child(7) {
        margin-right: 65px
    }
    .sticky-script .new-menu {
        padding: 0
    }
    .sticky-script .new-menu>ul>li>a {
        line-height: 50px
    }
    .sidebar-links ul ul {
        font-size: 21px;
        line-height: 21px
    }
    #menu ul ul li a {
        background: #be1c07
    }
    #menu ul ul li a:hover,
    #menu ul ul li.open:hover>a {
        background-color: #272526
    }
    #menu ul ul li.dropdown>a {
        background-attachment: scroll;
        background-position: 99% center;
        background-repeat: no-repeat;
        background-image: url(/yvg-site/images/new-images/topright-arrow.png)
    }
    .dropdown-menu {
        animation-name: slidenavAnimation;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        -webkit-animation-name: slidenavAnimation;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: slidenavAnimation;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: forwards
    }
    @keyframes slidenavAnimation {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-webkit-keyframes slidenavAnimation {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    .tour-detail-form label {
        float: none;
        text-align: left
    }
}

@media(min-width:1300px) {
    .container {
        width: 1300px
    }
	.mini-cubes-wrap .container.v2{width:95%;}
}

@media(min-width:1560px) {
    .container {
        width: 1560px
    }
	.mini-cubes-wrap .container.v2{
		width:100%;
	}
    .pblog-img-holder {
        overflow: hidden
    }
    .sidebar-pblog-img-area .pblog-img-holder {
        height: auto
    }
}

@media(max-width:1600px) {
    .mini-mod-3col .mm-con,
    .mini-mod-3col .mm-pic {
        height: 21vw
    }
    .mini-mod-wrap.mini-mod-3col ul li:nth-child(2n) .mm-pic {
        top: 21vw
    }
}

@media(max-width:1559px) {
    .new-menu ul li:nth-child(4) {
        margin-right: 275px
    }
    .new-menu ul li:nth-child(5),
    .new-menu ul li:nth-child(6),
    .new-menu ul li:nth-child(7) {
        margin-right: 50px
    }
    .new-menu ul li a {
        font-size: 13px
    }
    .new-menu ul li {
        margin-right: 25px
    }
    #logo {
        width: 200px;
        margin-left: -100px;
        top: -60px
    }
    #menu ul li {
        margin-right: 25px
    }
    #menu ul li a {
        font-size: 13px
    }
    #menu ul li:nth-child(4) {
        margin-right: 275px
    }
    #menu ul li:nth-child(5),
    #menu ul li:nth-child(6),
    #menu ul li:nth-child(7) {
        margin-right: 50px
    }
    .sidebar-enrolment-col .enrolment-item-label,
    .sidebar-enrolment-col .school-tour-reserve ul li {
        padding-left: 30px;
        padding-right: 30px
    }
    .sidebar-enrolment-col .school-tour-reserve ul li {
        margin-bottom: 10px;
        padding-bottom: 10px
    }
    .sidebar-enrolment-col .enrolment-item-label {
        height: 50px;
        font-size: 35px
    }
    .sidebar-enrolment-col .school-tour-reserve-date {
        margin-right: 30px
    }
    .sidebar-enrolment-col .school-tour-reserve-date span {
        font-size: 52px;
        line-height: 52px
    }
    .sidebar-enrolment-col .school-tour-reserve ul li a {
        font-size: 25px;
        line-height: 25px
    }
    .sidebar-links {
        padding-left: 30px
    }
    .el-date {
        height: 190px;
        width: 190px
    }
    .sbb-img {
        height: auto
    }
    .boys-girls-dl {
        margin-bottom: 50px
    }
    .bgdl {
        margin-bottom: 20px
    }
    .mc-row {
        padding: 0
    }
    .cube-update-details {
        height: 228px
    }
    .mini-spirit-cube-fb-feed {
        /*height: 819px */
		height:auto;
    }
    .pblog-text-area h2 {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 30px
    }
    .pblog-text-area {
        font-size: 14px;
        line-height: 21px;
        padding-top: 50px;
        display: table;
        height: 443px
    }
    .pblog-text-area .btn {
        margin-top: 20px
    }
}

@media(max-width:1440px) {
    .sitemap-about-yarra,
    .sitemap-curriculum-program {
        width: 240px
    }
    .sitemap-enrolments {
        width: 175px
    }
    .sitemap-internation-student {
        width: 195px
    }
    .sitemap-out-community {
        width: 175px
    }
    .sitemap-news-events {
        width: 150px
    }
    .sitemap-col {
        height: 294px
    }
    .result-archive-mod h4 {
        font-size: 16px
    }
    .icon-ruby {
        left: 20px
    }
    .sport-calendar-loop h4 {
        font-size: 26px;
        line-height: 26px;
        padding: 10px 15px
    }
    .pbb-wrapper {
        width: 100% !important;
        padding-left: 0
    }
    .fbot-rbox {
        font-size: 12px
    }
    .pblog-text-area {
        height: 35.3vw
    }
    .bg-diagonal-1 {
        right: -60px
    }
}

@media(max-width:1299px) {
    #menu ul li a,
    .new-menu ul li a {
        font-size: 12px
    }
    .new-menu ul li:nth-child(4) {
        margin-right: 235px
    }
    .new-menu ul li:nth-child(5),
    .new-menu ul li:nth-child(6),
    .new-menu ul li:nth-child(7) {
        margin-right: 45px
    }
    #menu ul li,
    .new-menu ul li {
        margin-right: 20px
    }
    #menu ul li:nth-child(4) {
        margin-right: 235px
    }
    #menu ul li:nth-child(5),
    #menu ul li:nth-child(6),
    #menu ul li:nth-child(7) {
        margin-right: 45px
    }
    .sidebar-enrolment-col .school-tour-reserve ul li a {
        font-size: 17px;
        line-height: 17px;
        margin-top: 14px
    }
    .sidebar-enrolment-col .school-tour-reserve-date span {
        font-size: 34px;
        line-height: 34px
    }
    .sidebar-enrolment-col .school-tour-reserve-date {
        font-size: 14px;
        line-height: 14px;
        margin-right: 25px
    }
    .sidebar-enrolment-col .enrolment-item-label {
        font-size: 22px
    }
    .sbb-result {
        padding-top: 75px
    }
    .cube-fb-feed {
       /* height: 476px*/
	   height:auto;
    }
    .mini-spirit-cube-fb-feed {
        /*height: 734px*/
		height:auto;
    }
    .btn.btn-footer-ourlocation {
        margin-right: 20px;
        font-size: 14px;
        width: 180px
    }
    .btn.btn-footer-ourlocation img {
        left: 13px
    }
}
@media(min-width:1200px) and (max-width:1600px){
	.mini-cubes-wrap .container.v2{
	width:100%;
	}
	.mini-cubes-wrap .container.v2 .icons-box{
	width:66%;
	}
	.mini-cubes-wrap .container.v2 .fb-feed-box{
	 width: 33%
	}
}
@media(max-width:1199px) {
    .my-yvg-mobile {
        display: block !important;
        position: absolute;
        left: 47%;
        top: 9px
    }
    .my-yvg-mobile a {
        color: #e79f09;
        font-family: Amiri, serif;
        font-size: 20px
    }
    .btn-imba-1 {
        font-size: 19px
    }
    .desktop-menu {
        display: none
    }
    .mobile-menu {
        display: block
    }
    #header .container {
        width: auto
    }
    #top-header {
        height: 43px;
        overflow: hidden
    }
    #top-header>.container:before {
        right: -50px
    }
    .top-header-search {
        margin-left: 5px
    }
    .top-header-search img {
        width: 15px
    }
    #bot-header {
        height: 76px
    }
    #header-quicklinks-trigger,
    #top-header-myyvg {
        font-size: 12px;
        margin-top: 6px
    }
    #header-quicklinks-trigger img {
        width: 12px
    }
    #top-media-box {
        margin: 6px 58px 0 0
    }
    #top-media-box .social-media ul li a {
        font-size: 18px
    }
    #top-media-box .social-media ul li {
        margin-right: 12px
    }
    #logo {
        width: 130px;
        margin-left: -65px;
        top: -38px
    }
    .navbar-toggle {
        display: block;
        height: 34px;
        width: 64px;
        float: none;
        background: 0 0 !important;
        margin: 0 0 0 15px;
        padding: 0;
        border: 0;
        color: #fff;
        font-size: 14px
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
        clear: both;
        float: right;
        width: 18px
    }
    .menu-toggle-text {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -14px;
        height: 28px
    }
    .navbar-collapse.collapse {
        display: none !important
    }
    .navbar-collapse.collapse.in {
        display: block !important
    }
    .menu-search {
        display: block
    }
    #menu-wrap {
        background-color: #be1c07;
        position: absolute;
        left: 0;
        top: 42px;
        width: 100% !important;
        padding: 0
    }
    #menu {
        padding: 0
    }
    #menu ul li {
        float: none !important;
        margin: 0 !important;
        height: auto
    }
    #menu ul li a {
        font-size: 16px;
        font-weight: 700;
        padding: 8px 15px
    }
    #menu ul li a:hover,
    #menu ul li.open>a:hover,
    #menu ul ul li a:hover,
    #menu ul ul li.open:hover>a,
    #menu ul ul li:hover {
        background-color: #f6c621;
        color: #3e3c3b
    }
    #menu ul li.open>a {
        background-color: #f5d569;
        color: #3e3c3b
    }
    #menu ul ul {
        background-color: #f5d569;
        position: relative;
        top: auto;
        text-align: center;
        min-width: inherit;
        box-shadow: none;
        border-radius: 0;
        float: none;
        border: 0
    }
    #menu ul ul ul {
        left: auto
    }
    #menu ul ul li a {
        text-align: left;
        color: #3e3e3e;
        padding: 8px 15px;
        font-weight: 400
    }
    #menu ul ul ul li a {
        padding-left: 25px;
        padding-right: 25px
    }
    #menu ul li.dropdown>a {
        background-attachment: scroll;
        background-position: 99% center;
        background-repeat: no-repeat;
        background-image: url(/yvg-site/images/new-images/topright-arrow.png)
    }
    #menu ul li.dropdown.open>a,
    #menu ul li.dropdown:hover>a,
    #menu ul ul li.dropdown>a {
        background-image: url(/yvg-site/images/new-images/topright-arrow-2.png)
    }
    #menu>ul>li>a {
        background-color: #272626;
        color: #fff
    }
    #menu>ul {
        border: 1px solid #111;
        border-bottom: 0
    }
    #menu>ul>li {
        border-bottom: 1px solid #111
    }
    #header-quicklinks-box {
        height: 77px
    }
    #header-quicklinks-box ul {
        width: 810px;
        margin: 0 auto;
        overflow: hidden
    }
    #header-quicklinks-box ul li {
        padding: 0 25px;
        height: 77px;
        float: left
    }
    #header-quicklinks-box ul li a {
        font-size: 8px;
        padding-top: 10px
    }
    #header-quicklinks-box ul li a img {
        width: 30px;
        height: 35px
    }
    #header-quicklinks-box ul li:before {
        background: url(/yvg-site/images/bg-li-header-quicklinks-tablet.png) left center no-repeat;
        left: -4px
    }
    #header-quicklinks-box ul li:first-child:before,
    #header-quicklinks-box ul li:last-child:after {
        display: none
    }
    #banner-home {
        height: 480px
    }
    .banner-content {
        font-size: 28px;
        line-height: 28px;
        bottom: 60px
    }
    .flex-control-paging {
        bottom: 30px
    }
    .flex-control-paging li {
        margin: 0 7px
    }
    .flex-control-paging li a {
        width: 12px;
        height: 12px
    }
    .tag-line-area {
        padding: 25px 0
    }
    .tag-line-area h2 {
        font-size: 15px
    }
    .pblog-img-caption {
        font-size: 17px;
        line-height: 17px;
        right: 30px;
        bottom: 30px
    }
    .pblog-img-caption h3 {
        font-size: 28px;
        line-height: 28px
    }
    .pblog-img-readmore {
        font-size: 14px;
        bottom: 0;
        right: 30px
    }
    .pblog-img-line {
        background-image: url(/yvg-site/images/oct-24-2017/img-pblog-img-line-tablet.png);
        height: 38px;
        bottom: 27px
    }
    .pblog-text-area {
        padding: 30px 30px 0 40px;
        display: table;
        height: 35.8vw
    }
    .pblog-text-area h2 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 20px
    }
    .pblog-text-area .btn {
        margin: 0;
        padding: 5px 15px
    }
    .video-box {
        padding-top: 35px
    }
    .video-box h2 {
        font-size: 27px;
        line-height: 27px;
        margin-bottom: 10px
    }
    .enrolment-row,
    .latestnews-row,
    .vidbox-row {
        margin-left: -15px;
        margin-right: -15px
    }
    .enrolment-col,
    .latestnews-col,
    .vidbox-col {
        padding: 0 15px
    }
    .enrolment-col,
    .eventsbox-col,
    .latestnews-col,
    .vidbox-col {
        margin-bottom: 20px
    }
    .vidbox-obj {
        margin-bottom: 10px
    }
    .vidbox-label {
        font-size: 15px;
        margin: 0
    }
    .vidbox-date {
        font-size: 11px
    }
    .latestnews-header h2 {
        font-size: 23px;
        line-height: 23px;
        margin: 0 15px 12px 0
    }
    .latestnews-header h2 span {
        padding: 0 10px
    }
    .latestnews-header:before {
        top: 10px
    }
    .tungoy {
        width: 25px;
        background-size: 25px auto;
        top: -13px;
        left: 70px
    }
    .latestnews-content {
        font-size: 11px;
        line-height: 14px;
        padding: 12px 25px
    }
    .latestnews-date {
        margin-bottom: 10px
    }
    .latestnews-content h3 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px
    }
    .latestnews-content p {
        margin-bottom: 18px
    }
    a.btn-readmore-latestnews {
        font-size: 11px;
        padding-top: 5px
    }
    .events-item-date {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 25px
    }
    .events-item-date span {
        font-size: 47px;
        line-height: 47px
    }
    .events-item h3 {
        font-size: 23px;
        line-height: 28px
    }
    .events-item-footer {
        font-size: 11px;
        bottom: 25px
    }
    .events-item-footer img {
        width: 20px
    }
    .events-item,
    .events-item-calendar {
        height: 260px
    }
    .events-item {
        padding-top: 20px
    }
    .events-item-time {
        margin-right: 20px
    }
    .events-item-calendar .custom-header {
        height: 40px;
        padding-top: 14px
    }
    .events-item-calendar .custom-header h2,
    .events-item-calendar .custom-header h3 {
        font-size: 17px;
        line-height: 17px
    }
    .events-item-calendar .custom-header h2 {
        margin-left: 0
    }
    .events-item-calendar .fc-calendar .fc-head {
        font-size: 11px;
        line-height: 16px;
        height: 25px
    }
    .events-item-calendar .fc-calendar .fc-row>div>span.fc-date {
        font-size: 10px
    }
    .events-item-calendar .fc-calendar-container {
        padding: 10px;
        height: calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: -webkit-calc(100% - 40px)
    }
    .events-item-calendar .fc-calendar .fc-body {
        height: calc(100% - 25px);
        height: -webkit-calc(100% - 25px);
        height: -moz-calc(100% - 25px)
    }
    .events-item-calendar .custom-header nav span {
        height: 25px;
        width: 25px;
        font-size: 25px;
        line-height: 25px;
        margin-top: 5px;
        background-size: 10px auto
    }
    .breadc ul li,
    .sidebar-links ul li a {
        background-size: 7px auto
    }
    .events-item-calendar .custome-pager {
        margin-right: -10px
    }
    .enrolment-box {
        padding-top: 15px
    }
    .enrolment-box h2 {
        font-size: 33px;
        line-height: 33px;
        margin-left: 40px
    }
    .enrolment-item-label {
        font-size: 17px;
        line-height: 17px;
        padding: 0 15px;
        height: 48px
    }
    .enrolment-item-label img {
        width: 20px
    }
    .school-tour-reserve {
        padding: 5px 25px 0 30px
    }
    .school-tour-reserve ul li {
        margin: 0
    }
    .school-tour-reserve ul li a {
        font-size: 14px;
        line-height: 14px
    }
    .school-tour-reserve-date {
        font-size: 12px;
        line-height: 12px;
        margin-right: 15px;
        margin-top: -5px
    }
    .school-tour-reserve-date span {
        font-size: 30px;
        line-height: 30px
    }
    .yarraspitit-col {
        height: 225px
    }
    .yarraspirit-content {
        font-size: 11px;
        line-height: 14px;
        padding-top: 30px;
        padding-bottom: 0
    }
    .yarraspirit-logo {
        margin-bottom: 15px
    }
    .yarraspirit-logo img {
        width: 155px
    }
    .yarraspirit-content p {
        margin-bottom: 20px
    }
    .yarraspirit-content .btn {
        font-size: 8px;
        max-width: 155px;
        padding-bottom: 8px;
        padding-top: 8px
    }
    .sitemap-col {
        width: 25% !important;
        margin-bottom: 25px
    }
    .sitemap-news-events,
    .sitemap-out-community,
    .sitemap-yarra-sports {
        height: auto !important
    }
    .sitemap {
        padding-top: 30px
    }
    .imba-header-text,
    .sidebar {
        padding-right: 15px
    }
    .imba-header {
        margin-top: -44px
    }
    .imba-header-text h3 {
        line-height: 44px;
        font-size: 18px
    }
    .breadc ul li {
        font-size: 15px;
        line-height: 15px;
        margin-top: 15px
    }
    .sidebar-links {
        padding: 25px 30px;
        font-size: 16px;
        line-height: 16px
    }
    .sidebar-links ul li {
        margin-bottom: 18px
    }
    .sidebar-pblog-img-area .pblog-img-caption h3 {
        font-size: 20px;
        line-height: 20px
    }
    .sidebar-pblog-img-area .pblog-img-caption {
        font-size: 12px;
        line-height: 12px;
        bottom: 20px
    }
    .sidebar-pblog-img-area .pblog-img-readmore {
        font-size: 11px;
        line-height: 11px;
        bottom: 3px
    }
    .sidebar-pblog-img-area .pblog-img-line {
        background-image: url(/yvg-site/images/new-images/img-sidebar-pblog-img-line-tablet.png);
        height: 27px;
        bottom: 17px
    }
    .sidebar-enrolment-col,
    .sidebar-latestnews-col {
        padding: 0
    }
    .breadc,
    .rbox {
        padding-left: 15px
    }
    .latestnews-content-head {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 15px
    }
    .sidebar-latestnews-col .latestnews-content h3 {
        font-size: 19px;
        line-height: 21px
    }
    .sidebar-latestnews-col a.btn-readmore-latestnews {
        width: 85px
    }
    .sidebar-latestnews-col .latestnews-content {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .rbox {
        font-size: 13px;
        line-height: 19px;
        padding-top: 25px
    }
    .rbox p {
        margin-bottom: 20px
    }
    .ilatest_spansx,
    h1 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 15px
    }
    .rbox h2,
    .sub-heading {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px
    }
    .sub-heading {
        margin-bottom: 15px
    }
    .sidebar-enrolment-col .enrolment-item-label,
    .sidebar-enrolment-col .school-tour-reserve ul li {
        padding-left: 20px;
        padding-right: 20px
    }
    .img-content span {
        font-size: 18px;
        line-height: 11px;
        padding: 5px
    }
    #banner-inner {
        height: 268px
    }
    .el-date,
    .tourdate-style .el-date {
        height: 125px;
        width: 125px;
        margin-right: 20px
    }
    .el-day {
        font-size: 67px;
        line-height: 67px
    }
    .el-month {
        font-size: 13px;
        line-height: 13px
    }
    .tourdate-style h3.el-title,
    h3.el-title {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px
    }
    .el-side,
    .el-time-location,
    .tourdate-style .el-time-location span {
        font-size: 11px;
        line-height: 17px
    }
    .el-time-location {
        margin-bottom: 10px
    }
    .el-time-location img,
    .tourdate-style .el-time-location span img {
        width: 13px;
        margin-right: 6px
    }
    .btn-el {
        font-size: 13px;
        line-height: 14px;
        min-width: 100px
    }
    .category-menu {
        margin-bottom: 20px
    }
    .category-menu ul {
        margin: 0 -5px
    }
    .category-menu ul li {
        padding: 0 5px
    }
    .category-menu ul li a {
        font-size: 10px;
        min-width: 96px
    }
    .el-detail-box h1 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px
    }
    .el-detail-right .el-time-location {
        margin: 8px 0 15px
    }
    .latest-news-listing {
        margin: 0 -10px
    }
    .lnl-col {
        padding: 0 10px;
        margin-bottom: 20px
    }
    .lnl-col .latestnews-date {
        font-size: 11px
    }
    .lnl-col .latestnews-content h3 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px
    }
    .lnl-col a.btn-readmore-latestnews {
        bottom: 20px;
        width: 100px;
        margin-left: -50px
    }
    .lnl-col .latestnews-content {
        padding-bottom: 50px
    }
    .ilatest_spansx,
    .latestnews-detail-box h1,
    .latestnews-detail-box h2,
    .mobile_hiddenheader {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 15px
    }
    .lnl-date-bar {
        font-size: 11px;
        line-height: 11px;
        margin: 0;
        padding: 10px
    }
    .tour-header-bar {
        font-size: 11px;
        padding: 10px 10px 12px
    }
    .tourdate-style .el-date {
        padding-left: 20px
    }
    .tourdate-style .el-day {
        font-size: 80px;
        line-height: 65px
    }
    .tourdate-style .el-month {
        font-size: 18px;
        line-height: 18px;
        margin-top: -4px
    }
    .el-day-label {
        font-size: 11px;
        margin-bottom: 8px
    }
    .tour-type-label {
        font-size: 11px;
        height: 27px;
        width: 124px;
        border-width: 7px;
        padding-top: 2px;
        margin-right: 10px
    }
    a.btn-tourtype-reserve {
        padding: 6px;
        font-size: 11px;
        width: 160px;
        height: 27px
    }
    .tour-type-box {
        padding-top: 21px
    }
    .tourdate-style {
        margin-bottom: 30px
    }
    .tourdate-style .el-time-location span {
        margin-bottom: 5px
    }
    .tour-dates-detail .el-detail-left {
        float: none !important
    }
    .tour-dates-detail .el-content {
        font-size: 11px;
        line-height: 17px;
        display: block !important
    }
    .tour-dates-detail .tour-header-bar {
        margin: 0 0 20px
    }
    .btn-submit-registration {
        height: 40px;
        padding: 8px
    }
    .btn-tour-reg-back {
        font-size: 15px;
        height: 40px;
        line-height: 28px;
        width: 115px
    }
    .tour-dates-detail .el-time-location span {
        display: block;
        margin: 0 0 5px
    }
    .tour-dates-detail .el-day {
        margin-left: -15px
    }
    .tour-dates-detail .tour-type-label {
        margin-bottom: 25px
    }
    #header-quicklinks-box ul li a::before {
        margin-right: -7px;
        border-width: 7px
    }
    .sbb-result-header {
        line-height: 24px;
        font-size: 14px
    }
    .sbb-result h3 {
        font-size: 24px;
        line-height: 24px;
        margin-right: 30px
    }
    .download {
        font-size: 13px;
        line-height: 22px;
        height: 22px;
        padding-right: 20px;
        background-size: 18px auto
    }
    .download span {
        width: 80px
    }
    .sbb-result h4 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px
    }
    .sbb-img-footer,
    .sbb-result-footer {
        height: 44px
    }
    .sbb-result-footer {
        font-size: 15px;
        line-height: 39px
    }
    .icon-ruby {
        width: 40px;
        height: 40px;
        bottom: 10px;
        background-size: 40px auto
    }
    .sbb-img-footer h3 {
        font-size: 18px;
        line-height: 18px;
        line-height: 44px
    }
    .sbb-result {
        padding: 55px 20px 0
    }
    .boys-girls-dl {
        margin-bottom: 30px
    }
    .sports-calendar-mod h3 {
        font-size: 67px;
        line-height: 67px;
        margin-bottom: -16px
    }
    .sport-calendar-loop span {
        font-size: 14px
    }
    .cf-date {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 20px
    }
    .confirmed-fixture-mod h3 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 30px
    }
    .confirmed-fixture-mod {
        padding-top: 50px;
        height: auto;
        font-size: 18px;
        line-height: 18px
    }
    .btn-cf-more-information a {
        font-size: 18px;
        line-height: 20px
    }
    .btn-cf-more-information {
        padding-bottom: 100px
    }
    .fu-header {
        font-size: 18px;
        line-height: 18px;
        padding-top: 10px;
        margin-bottom: 21px
    }
    .fu-header h3 {
        font-size: 25px;
        line-height: 25px
    }
    .fu-boysgirls h4,
    .fu-boysgirls ul li a {
        font-size: 17px;
        line-height: 17px
    }
    .fu-boysgirls ul li a {
        padding-top: 8px
    }
    .fu-boysgirls ul li {
        margin-bottom: 20px
    }
    .red-dl {
        font-size: 16px;
        line-height: 16px;
        padding-right: 0
    }
    .red-dl ul {
        width: 220px;
        margin: 0 auto;
        position: relative;
        left: -5px
    }
    .red-dl ul li {
        background-size: 20px auto;
        padding: 6px 40px 0 0;
        min-height: 25px
    }
    .result-archive-mod h3 {
        font-size: 23px;
        line-height: 23px;
        margin-bottom: 20px
    }
    .result-archive-mod h4 {
        font-size: 13px;
        margin-bottom: 10px
    }
    .ra-bg {
        font-size: 11px;
        line-height: 11px
    }
    .ra-sports-result-loop {
        margin-bottom: 25px
    }
    .ra-website-link .ra-logo {
        width: 65px
    }
    .ra-sports-records .ra-logo {
        width: 85px
    }
    .ra-sports-fixture .ra-logo {
        width: 57px
    }
    .ra-logo-loop {
        margin-bottom: 40px;
        font-size: 17px;
        line-height: 17px
    }
    .result-archive-mod {
        padding: 30px 20px 0
    }
    .ra-logo-mod {
        margin-top: -20px
    }
    .btn-sportsphoto-mod a,
    .svi-label .btn {
        font-size: 19px;
        line-height: 20px
    }
    .btn-sportsphoto-mod a {
        max-width: 220px
    }
    .fu-boysgirls,
    .sports-adds>img {
        max-width: none
    }
    .sports-box1-col3 {
        width: 100%
    }
    .sports-box1-col1,
    .sports-box1-col2,
    .sports-box1-col4,
    .sports-box1-col5 {
        width: 50%
    }
    .sports-calendar-mod {
        height: 360px;
        margin-bottom: 10px
    }
    .scm {
        bottom: 20px;
        padding-right: 40px
    }
    .sport-calendar-loop {
        margin-bottom: 15px
    }
    .fixture-update-mod,
    .result-archive-col {
        width: 50%;
        float: left;
        padding: 0 10px
    }
    .ra-sports-result,
    .result-archive-col {
        padding-right: 0
    }
    .sports-photo-gallery-mod {
        height: 370px
    }
    .svi-pic {
        height: 260px
    }
    .svi-label {
        height: 110px;
        padding-top: 33px
    }
    .banner-mini-pic {
        float: none;
        position: relative
    }
    .banner-mini-content {
        padding: 0;
        border-top: 15px solid #e79f09
    }
    .banner-mini:before {
        display: none
    }
    .bmc-heading,
    .bmc-logo {
        margin-bottom: 25px
    }
    .bmc-logo {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .mc-row {
        padding: 0
    }
    .cube-update-details {
        height: 150px
    }
    .cube-fb-feed {
        /*height: 424px*/
		height:auto;
    }
    .bmc-text {
        padding: 0 15px
    }
    .mini-spirit-cube-fb-feed {
        height: 604px
    }
    .btn-yew-clickhere {
        margin-left: 30px
    }
    .paw-box h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px
    }
    .paw-content {
        margin-bottom: 30px
    }
    .sidebar-graybox h3 {
        font-size: 21px;
        line-height: 26px
    }
    .paw-top {
        min-height: 320px
    }
    .sidebar-graybox {
        padding-top: 25px;
        font-size: 13px;
        line-height: 19px
    }
    .sidebar-graybox p,
    .sidebar-graybox ul {
        margin-bottom: 20px
    }
    .position-available-wrap {
        padding-top: 20px
    }
    .paw-header {
        font-size: 18px;
        margin-bottom: 30px
    }
    .heading-italic {
        font-size: 14px;
        margin-bottom: 15px
    }
    .pawdate-day {
        font-size: 45px;
        line-height: 45px
    }
    .pawdate-month {
        font-size: 20px;
        line-height: 20px
    }
    .paw-bot {
        font-size: 20px;
        height: 50px;
        line-height: 50px
    }
    .imba-listing {
        font-size: 14px
    }
    .rbox ul {
        margin-bottom: 20px
    }
    .mini-dv-sidebar {
        padding: 0
    }
    .mini-dv-content {
        font-size: 13px;
        line-height: 19px;
        padding: 30px 15px 30px 30px
    }
    .sidebar-links h3 {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 25px
    }
    .mini-dv-content h1 {
        font-size: 32px;
        line-height: 32px
    }
    .dv-mod ul li {
        font-size: 18px;
        line-height: 18px;
        height: 145px
    }
    .subscribe-pop {
        padding-left: 0;
        padding-right: 0
    }
    .subscribe-pop,
    .subscribe-pop h3 {
        text-align: center
    }
    .sp-form {
        margin: 30px auto 20px
    }
    .banner-mini-inner .bmc-text {
        padding-top: 20px
    }
    .banner-mini-inner h1 {
        font-size: 40px;
        line-height: 40px
    }
    #tablet_facebookz {
        display: block
    }
    #desktopz_facebookz,
    .bg-diagonal-1 {
        display: none
    }
    .btn.btn-footer-ourlocation {
        margin-right: 0;
        margin-top: 0
    }
    .banner-button {
        bottom: 60px;
        width: 220px
    }
    .banner-button .btn {
        height: 48px;
        line-height: 48px
    }
    .sticky-script #menu-wrap {
        top: 50px
    }
    .sticky-script #menu>ul>li>a {
        line-height: normal
    }
    #header {
        height: 119px
    }
    .sports-box1-v2 .ra-logo-mod {
        background-color: #383838;
        position: absolute;
        right: -100%;
        top: 0;
        width: 100%;
        height: 435px;
        padding: 140px 0 0
    }
    .sports-box1-v2 .cf-logos {
        margin: 0 auto
    }
	.mini-cubes-wrap .container.v2 .icons-box .cube-col .cube-icon{
		margin-bottom:10px;
	}
	.mini-cubes-wrap .container.v2 .new-cubes-btn-box{
		height:72px;
	}
}

@media(min-width:993px) and (max-width:1199px){
	.mini-cubes-wrap .container.v2{
	width:100%;
	}
	.mini-cubes-wrap .container.v2 .icons-box{
	width:66%;
	}
	.mini-cubes-wrap .container.v2 .icons-box .cube-col{
		width:50%;
	}
	.mini-cubes-wrap .container.v2 .fb-feed-box{
	 width: 33%
	}
}
@media(min-width:767px) and (max-width:991px){
	#fb_listdisplay{margin-top:50px;}
}
@media(max-width:991px) {
    .my-yvg-mobile {
        left: 46%
    }
    .desktop-footer,
    .sitemap,
    .sitemap-line .sitemap-desktop-toggle {
        display: none
    }
    .lnl-detail-btn-back,
    .mini-mod-wrap ul#comm-groups li:nth-child(4) .mm-pic,
    .mini-mod-wrap ul#comm-groups li:nth-child(6) .mm-con,
    .sitemap-line {
        position: absolute
    }
    .pblog-fb-feeds {
        padding-top: 10px;
        padding-right: 0
    }
    .principal-blog-box {
        padding-top: 8px
    }
    .pbb-wrapper {
        padding: 0 30px
    }
    #banner-home {
        height: 336px
    }
    .footer-bottom {
        padding: 20px 0
    }
    .sitemap-line .sitemap-mobile-toggle {
        display: inline-block
    }
    .mobile-footer {
        display: block
    }
    .circos,
    .footer-contact-details,
    .yvg-estalish-date {
        line-height: 20px;
        margin: 10px 0
    }
    .circos,
    .footer-contact-details,
    .site-design,
    .yvg-estalish-date {
        font-size: 12px
    }
    .mobile-footer p {
        margin-bottom: 0
    }
    .footer-social-media {
        margin-bottom: 20px
    }
    .footer-social-media ul {
        float: none;
        text-align: center
    }
    .footer-social-media ul li {
        float: none;
        display: inline-block
    }
    #tablet_facebookz,
    .sitemap-line:before {
        display: none
    }
    .footer-social-media ul li a {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 26px
    }
    .sitemap-line {
        left: 0;
        top: 0
    }
    .logo-confidence-archives {
        position: absolute;
        right: 0;
        top: 7px;
        width: 190px
    }
    .container {
        width: auto
    }
    .imba-header-text,
    .sidebar {
        padding-left: 0
    }
    .content-img-set {
        float: none !important
    }
    .lnl-detail-btn-back {
        left: 15px;
        top: 0
    }
    .lnl-detail-right {
        padding: 0 15px 0 140px
    }
    .cfl {
        padding: 0 15px
    }
    #header-quicklinks-box ul {
        width: auto;
        width: 760px
    }
    #header-quicklinks-box ul li {
        padding: 0 22px
    }
    .yvg-logo-1 {
        margin-bottom: 10px
    }
    .mm-con,
    .mm-pic {
        height: 44vw
    }
    .mini-mod-wrap ul li:nth-child(2n) .mm-pic,
    .mini-mod-wrap ul#comm-groups li:nth-child(2n) .mm-pic {
        top: 44vw
    }
    .mini-mod-wrap ul#comm-groups li:nth-child(4) .mm-con,
    .mini-mod-wrap ul#comm-groups li:nth-child(5) .mm-con {
        position: relative
    }
    .mini-mod-wrap ul#comm-groups li:nth-child(5) .mm-pic {
        top: 0;
        position: relative
    }
    .mfb-right,
    .mini-footer-bar {
        text-align: center
    }
    .mini-footer-bar {
        padding: 20px 0
    }
    .mfb-mid {
        margin: 35px 0
    }
    .cubes-btn-box a {
        font-size: 22px;
        max-width: 225px;
        height: 60px;
        line-height: 52px
    }
    .cubes-btn-box a:after {
        bottom: 18px;
        margin-left: -47.5px;
        width: 95px
    }
    .mini-cubes-wrap {
        padding: 30px 0 0
    }
    .cubes-btn-box {
        bottom: 30px
    }
    .mini-spirit-cube-fb-feed {
        height: 424px
    }
    #desktopz_facebookz {
        /*display: block;*/
		display:none;
    }
	#tablet_facebookz{display:block;margin:auto;width:500px;}
    .pblog-img-area {
        background-color: #363636;
        width: 100%
    }
    .pblog-img-area .pblog-img-holder {
        width: 310px;
        float: left
    }
    .pblog-img-area .pblog-img-caption,
    .pblog-img-area .pblog-img-readmore {
        position: relative;
        right: auto;
        bottom: auto;
        overflow: hidden
    }
    .pblog-img-area .pblog-img-caption {
        padding-top: 120px
    }
    .pblog-img-area .pblog-img-readmore {
        font-size: 17px
    }
    .pblog-text-area {
        width: 60%;
        display: block;
        padding-top: 50px;
        padding-left: 0
    }
    .pblog-text-area h2 {
        margin-bottom: 30px
    }
    .pblog-fb-feeds {
        width: 40%
    }
	
}

@media(max-width:767px) {
    .my-yvg-mobile {
        left: 45%
    }
    #top-header:before,
    .flex-control-paging,
    .sitemap-line {
        display: none
    }
    #logo {
        margin: 0;
        text-align: center;
        left: 0;
        top: -57px;
        width: 100%
    }
    #top-header {
        height: 85px
    }
    #bot-header {
        height: 160px
    }
    #menu-wrap {
        top: 115px
    }
    .menu-search .form-control,
    .navbar-toggle {
        height: 45px
    }
    .logo-confidence-archives {
        position: relative;
        top: auto;
        margin: 0 auto 15px
    }
    .enrolment-box {
        background: 0 #afafaf
    }
    .tag-line-area {
        padding: 10px 0
    }
    .tag-line-area h2 {
        font-size: 17px;
        line-height: 21px;
        border: 0
    }
    .tag-line-area h2 span {
        padding: 0;
        background: 0
    }
    .enrolment-box {
        padding-top: 30px
    }
    .enrolment-row-mobile .enrolment-col {
        margin-bottom: 30px
    }
    .circos span {
        display: block
    }
    #banner-inner {
        height: 230px
    }
    .rbox {
        float: none;
        margin-bottom: 20px
    }
    .imba-header .row,
    .sidebar-links {
        margin: 0
    }
    .imba-header:before {
        height: 44px
    }
    .breadc {
        min-height: 44px;
        float: none
    }
    .imba-header .container,
    .imba-header-text,
    .sidebar {
        padding: 0
    }
    .el-content {
        display: none
    }
    .el-time-location span {
        display: block;
        margin: 0 0 5px
    }
    .el-date {
        margin-right: 15px
    }
    .category-menu ul li {
        width: 50%;
        margin-bottom: 10px
    }
    .category-menu ul li.catmenu-view-category {
        display: block
    }
    .banner-button,
    .banner-container,
    .paw-content br {
        display: none
    }
    .sidebar-calendar.events-item-calendar .fc-calendar .fc-row>div>span.fc-date {
        font-size: 12px
    }
    .sidebar-calendar.events-item-calendar .custom-header h3,
    .sidebar-calendar.events-item-calendar h2 {
        font-size: 22px;
        line-height: 22px
    }
    .el-detail-left {
        float: none !important
    }
    .el-detail-box h1 {
        font-size: 20px;
        line-height: 21px
    }
    .lnl-col {
        float: none;
        width: auto
    }
    .lnl-col:last-of-type {
        margin-bottom: 0
    }
    .lnl-col .latestnews-content {
        height: auto !important
    }
    .lnl-col .latestnews-content h3 {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 15px
    }
    .lnl-col .latestnews-date {
        font-size: 13px;
        margin-bottom: 15px
    }
    .lnl-detail-right {
        padding: 0 15px
    }
    .lnl-detail-btn-back {
        position: relative;
        left: auto;
        top: auto
    }
    .latestnews-detail-box h2,
    .mobile_hiddenheader {
        font-size: 20px;
        line-height: 20px
    }
    .lnl-detail-left .latestnews-pic {
        margin-bottom: 15px
    }
    .lnl-date-bar {
        font-size: 14px;
        line-height: 14px
    }
    .tour-dates-detail .tour-header-bar {
        font-size: 11px
    }
    .btn-submit-registration {
        font-size: 15px;
        width: 158px;
        float: right;
        margin: 0 0 0 15px
    }
    .btn-group-reg {
        float: left
    }
    .sbb-left,
    .tour-type-label {
        float: none;
        width: auto
    }
    .tdf-w1,
    .tdf-w2 {
        width: auto;
        text-align: left
    }
    .tour-type-label {
        border: 0;
        text-align: left;
        height: auto;
        margin-bottom: 20px;
        padding: 0
    }
    .sbb-result {
        position: relative;
        height: auto;
        width: auto;
        padding: 55px 15px 70px
    }
    .sbb-img-footer h3 {
        width: auto
    }
    .fixture-update-mod,
    .result-archive-col,
    .sports-box1-col1,
    .sports-box1-col2,
    .sports-box1-col3,
    .sports-box1-col4,
    .sports-box1-col5 {
        float: none !important;
        width: auto
    }
    .ra-logo-box,
    .ra-sports-result,
    .result-archive-col,
    .scm {
        padding: 0
    }
    .result-archive-mod {
        padding-left: 10px;
        padding-right: 10px
    }
    .ra-subbox {
        margin: 0
    }
    .ra-sports-result {
        width: 60%
    }
    .ra-logo-box {
        width: 40%
    }
    .result-archive-col,
    .sports-photo-gallery-mod,
    .sports-venue-info-mod {
        margin-bottom: 10px
    }
    .sports-box1-col4,
    .sports-box1-col5 {
        padding: 0 20px
    }
    .sports-photo-gallery-mod {
        height: 100vw
    }
    .svi-pic {
        height: 51vw
    }
    .btn-cf-more-information {
        padding: 40px 0
    }
    .confirmed-fixture-mod {
        padding-top: 30px
    }
    .sports-banner-box {
        margin-bottom: 0
    }
    .sbb-result-footer {
        text-indent: inherit
    }
    .mini-mod-wrap ul li {
        height: auto !important
    }
    .mini-mod-3col .mm-con,
    .mini-mod-3col .mm-pic,
    .mm-con,
    .mm-pic {
        position: relative !important;
        top: 0 !important;
        height: auto
    }
    .mm-pic {
        height: 80vw
    }
    .mm-con {
        padding: 30px 15px
    }
    .mini-mod-3col .mm-pic {
        height: 65vw
    }
    .cube-item {
        margin-bottom: 20px
    }
    .mini-cubes-wrap>.container {
        padding: 0;
        overflow: hidden
    }
    .mini-cubes-wrap {
        padding: 0
    }
    .cube-item-calendar.events-item-calendar .fc-calendar .fc-row>div>span.fc-date {
        font-size: 12px
    }
    .cube-item-calendar {
        height: 260px !important;
        position: relative
    }
    .events-item-calendar .custom-header h2,
    .events-item-calendar .custom-header h3 {
        font-size: 22px;
        line-height: 22px
    }
    .cube-item-calendar .custom-header h3 {
        margin-left: 10px
    }
    .position-available-wrap {
        max-width: none
    }
    .mini-dv-content,
    .mini-dv-sidebar {
        float: none
    }
    .mini-dv-content {
        padding: 25px 15px 30px
    }
    .dv-mod {
        padding-top: 5px
    }
    .btn-sp-searchsub {
        float: none !important;
        min-width: inherit;
        width: 100%
    }
    .subscribe-pop h3 {
        font-size: 24px;
        line-height: 24px
    }
    .colored-box-content .mm-con {
        height: auto
    }
    .colored-box-content .mm-pic {
        height: 80vw
    }
    .banner-button-mobile {
        display: block
    }
    .sticky-script #logo {
        left: 50%
    }
    #header {
        height: 245px
    }
    .sports-adds {
        padding: 0 10px;
        margin-bottom: 10px;
        height: auto
    }
    .sports-adds>img {
        max-width: 100%;
        width: 100%
    }
    .new-white-bg .cube-item {
        margin-bottom: 70px;
        margin-top: 50px
    }
    .new-white-bg .cube-item.notop-sm {
        margin-bottom: 70px;
        margin-top: 0
    }
	.mini-cubes-wrap .container.v2 .new-white-bg .cube-item{
		margin-bottom:0;
	}
}
@media(min-width:400px) and (max-width:767px){
	.mini-cubes-wrap .container.v2 .icons-box .cube-col{
		width:50%;
		float:left;
	} 
}
@media(min-width:767px) and (max-width:991px){
	.mini-mod-wrap ul li.flip .mm-pic{top:44vw;}
}

@media(max-width:600px) {
    .my-yvg-mobile {
        left: 43%
    }
	#tablet_facebookz{display:none;}
	#mobile_facebookz{display:block;width:320px;margin:auto;}
}

@media screen and (max-width:320px) {
    .showcrumbs li:nth-child(3) {
        height: 15px;
        overflow: hidden;
        width: 99px
    }
}

@media(max-width:480px) {
    .menu-search.menu-search-open .form-control {
        width: 110px
    }
    #banner-home {
        height: 220px
    }
    .banner-content {
        font-size: 25px;
        line-height: 25px;
        bottom: 10px
    }
    .fu-boysgirls,
    .fu-boysgirls .col-10 {
        padding: 0 5px
    }
    .btn-yew-clickhere {
        margin: 20px 0 0;
        display: block
    }
    .paw-line {
        background-image: url(/yvg-site/images/new-images/img-sidebar-pblog-img-line-tablet.png);
        height: 27px
    }
    .paw-top {
        padding-bottom: 40px;
        min-height: inherit
    }
}

@media(max-width:479px) {
    .tour-type-box {
        padding-top: 10px
    }
    a.btn-tourtype-reserve {
        display: block;
        width: auto
    }
}

.color-red {
    color: red
}

.img-content a {
    color: #fff
}

.img-content a:hover {
    text-decoration: none;
    color: #fff
}

.editable>p:first-of-type {
    font-size: 19px;
    line-height: 21px;
    margin-bottom: 21px;
    position: relative;
    top: -2px
}

.connect .field-box input[type=submit],
.connect .field-box label,
.connect .form-group input[type=submit],
.connect .form-group label {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px
}

@media screen and (max-width:1000px) {
    .editable {
        margin: 0 4%;
        width: 92%
    }
    .editable h4 {
        margin-left: 0
    }
    .editable table {
        overflow: hidden;
        max-width: 100%
    }
    .editable+p {
        margin: 4%
    }
    #modal-content.editable {
        width: auto
    }
    #modal-content .page-heading+p,
    #modal-content h4 {
        margin-left: 0
    }
}

.editable table {
    position: relative;
    top: -10px
}

.editable table tbody tr:nth-of-type(even) {
    background: #f5f5f5
}

#colorbox #modal-content {
    display: none;
    visability: hidden;
    padding: 35px;
    margin: 0 64px;
    background: #fff
}

#colorbox #modal-content h1.page-heading {
    margin-top: 0;
    padding-top: 0
}

#colorbox #modal-content .center-image {
    float: left;
    width: 175px
}

#colorbox #modal-content figcaption dl,
#colorbox #modal-content figcaption h1,
#colorbox #modal-content figcaption h3 {
    margin-left: 210px
}

#colorbox #modal-content figcaption h1 a {
    background: 0
}

#colorbox #modal-content figcaption h4 {
    margin-bottom: 0
}

#colorbox #cboxLoadedContent #modal-content {
    display: block;
    visibility: visible
}

.connect-cont {
    padding-left: 45px;
    padding-right: 45px
}

.hconnect {
    margin-bottom: 30px
}

.connect .form-group {
    margin-bottom: 0
}

.connect .field-box,
.connect .form-group {
    text-align: left;
    padding: 0
}

.connect .field-box input[type=email],
.connect .field-box input[type=text],
.connect .form-group input[type=email],
.connect .form-group input[type=text] {
    padding: 12px;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    color: #000
}

.connect .field-box label {
    color: #fff
}

.connect .form-group>label {
    display: none
}

.connect .checkbox,
.connect .field-box .cbox {
    margin-bottom: 5px;
    text-align: left;
    min-height: auto;
    padding: 0
}

.connect .checkbox label {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 14px
}

.connect .field-box input[type=submit],
.connect .form-group button[name=form_page_submit] {
    background: #eeaf00;
    border: 0;
    padding: 10px 25px;
    margin-top: 30px
}

@media(max-width:800px) {
    .dv-mod ul li {
        width: 33.33%
    }
}

@media screen and (max-width:400px) {
    .my-yvg-mobile {
        left: 42%
    }
    #colorbox #modal-content {
        margin: 10px;
        width: auto
    }
    .dv-mod ul li {
        float: none;
        width: 100%;
        height: 90px
    }
    .dv-mod ul li:last-child {
        margin-bottom: 0
    }
}

table td,
table th {
    line-height: 21px;
    padding: 10px .875em 11px 11px;
    text-align: left
}

table.hasborder td,
table.hasborder th {
    border: 1px solid
}

table td p,
table th p {
    margin-bottom: 0
}

table:not(.nobg) tr:nth-child(even) {
    background-color: #f5f5f5
}

.apresult,
.apresult2 {
    width: 345px
}

table.date td,
table.date th {
    line-height: 21px;
    padding: 10px 20px 11px 0;
    text-align: left;
    vertical-align: top
}

@media(max-width:767px) {
    .apresult,
    .apresult2 {
        width: 170px
    }
    .apresult2 {
        background-color: #c63434;
        color: #fff;
        margin-right: 2px;
        padding: 0 16px
    }
}

@media(max-width:768px) {
    .apresult {
        width: 207px !important
    }
    .apresult2 {
        width: 207px;
        padding: 0 23px !important;
        font-size: 14px
    }
}

@media(min-width:800px) {
    .apresult {
        width: 260px
    }
    .apresult2 {
        width: 178px
    }
}

@media(min-width:768px) {
    .apresult,
    .apresult2 {
        width: 178px
    }
    .sbb-result-header2 {
        font-size: 14px;
        line-height: 24px
    }
}

@media(min-width:800) {
    .apresult,
    .apresult2 {
        width: 260px
    }
}

@media(min-width:1000) {
    .apresult,
    .apresult2 {
        width: 260px
    }
}

@media screen and (min-width:1280px) {
    .apresult,
    .apresult2 {
        width: 345px
    }
    .sbb-result-header2 {
        font-family: Amiri, serif;
        font-size: 24px;
        line-height: 40px
    }
    .apresult2 {
        background-color: #c63434;
        color: #fff;
        display: inline-block;
        margin-right: 5px;
        padding: 0 25px;
        line-height: 40px
    }
}

@media(max-width:640px) {
    .apdate {
        font-size: 15px
    }
}

@media(max-width:360px) {
    #mobile_facebookz {
        display: block
    }
    #desktopz_facebookz {
        display: none
    }
    .banner-mini-pic .orcaption-image img {
        max-width: 70px
    }
}

.slides-wrap {
    background: #FFF url(/images/loader.gif) no-repeat center 40%
}

/* 3-3-2021 CSS 
.yogiframe-formdiv{ background-color: #fbeae9; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-flex-direction: column;  flex-direction: column;}
.yogiframe-container{max-width: 640px; width: 100%; margin: 0 auto; }
.yogiframe-bannertitle{border: 1px solid #dadce0; border-radius: 8px;   margin-top: 12px; overflow: hidden;}
.yogiframe-bannertitle img{max-width: 100%; display: block;}
.yogiframe-titledivinfo{ margin-top: 12px;  background-color: #fff;  border: 1px solid #dadce0;  border-top: 10px solid rgb(213, 43, 30);  border-radius: 8px;  overflow: hidden; margin-bottom: 12px; padding: 24px;  padding-top: 22px;  position: relative;}
.yogiframe-titledivinfo h2{font-family: 'Google Sans',Roboto,Arial,sans-serif;font-size: 32px;  font-weight: 400;  line-height: 40px; color: #202124;  line-height: 135%;   max-width: 100%;  min-width: 0%;}
.yogiframe-titledivinfo p{ font-family: Roboto,Arial,sans-serif;  font-size: 14px;  font-weight: 400;  letter-spacing: .2px;  line-height: 20px;  color: #202124; margin-bottom: 0px; margin-top: 12px;}
.yogiframe-formdiv .form-group{    -webkit-transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);  transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);  background-color: #fff;  border: 1px solid #dadce0;  border-radius: 8px;  margin-bottom: 12px;  padding: 24px;  page-break-inside: avoid;  word-wrap: break-word;}
.yogiframe-formdiv .form-group label{ margin-bottom: 23px; font-family: 'Google Sans',Roboto,Arial,sans-serif; font-size: 16px; letter-spacing: .1px;  line-height: 24px;  color: #202124;  font-weight: 400;   width: 100%;  word-break: break-word;}
.yogiframe-formdiv .form-group label .required-span{    color: #d93025; margin-left: 3px;}
.yogiframe-formdiv .form-group .form-control{ width: 50% !important; background: transparent !important; border-radius: 0px !important;  font-family: Roboto,Arial,sans-serif; font-size: 14px; padding: 0 !important;  font-weight: 400; outline: none;  margin-bottom: 8px !important; letter-spacing: .2px;  line-height: 20px;  color: #202124; border: none !important; border-bottom: 1px solid #dadce0 !important; height: 30px !important;}
.yogiframe-formdiv .form-group .error-msg{display: none;}
.yogiframe-formdiv .checkbox-ul{list-style: none; margin: 0; padding: 0;}
.yogiframe-formdiv .checkbox-ul li{position: relative;}
.yogiframe-formdiv .styled-checkbox {  position: absolute; top: 0; left: 0; margin: 0; opacity: 0;}
.yogiframe-formdiv .styled-checkbox + label {margin-bottom: 15px; display: block; font-family: Roboto,Arial,sans-serif; font-size: 14px; font-weight: 400;  letter-spacing: .2px;  line-height: 20px;  color: #202124;  min-width: 0; position: relative;  cursor: pointer;  padding: 0 0 0 30px;}
.yogiframe-formdiv .styled-checkbox + label:before { content: "";  margin-right: 10px; display: inline-block; vertical-align: text-top;    width: 20px;   height: 20px;   background: white; border: 2px solid #5f6368; border-radius: 4px;  position: absolute;   top: 0;  left: 0;}
.yogiframe-formdiv .styled-checkbox:checked + label:after { content: "";  position: absolute;  left: 5px;  top: 9px;  background: #fff;  width: 2px; height: 2px;  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;  transform: rotate(45deg);}
.yogiframe-formdiv .styled-checkbox:checked + label:before { background: rgb(213, 43, 30); border-color: rgb(213, 43, 30);}

.yogiframe-formdiv .radio-ul{list-style: none; margin: 0; padding: 0;}
.yogiframe-formdiv .radio-ul li{position: relative;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) {  position: absolute;   left: -9999px;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label {
    position: relative;  padding-left: 28px;  cursor: pointer;  line-height: 20px;  display: inline-block;  color: #666;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:before, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label:before { content: '';  position: absolute; left: 0; top: 0;  width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 100%;  background: #fff;}
.yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label:after { opacity: 0;  -webkit-transform: scale(0);  transform: scale(0);}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:after, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label:after { content: '';  width: 12px;  height: 12px;  background: rgb(213, 43, 30);  position: absolute; top: 4px;  left: 4px;  border-radius: 100%; -webkit-transition: all 0.2s ease;  transition: all 0.2s ease;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:after { opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:before{border-color: rgb(213, 43, 30);}

.qualifications-wrap .qualifications-title{    background-color: rgb(213, 43, 30);  color: rgba(255, 255, 255, 1);     border-top-left-radius: 8px;   border-top-right-radius: 8px; padding: 12px 24px; font-family: 'Google Sans',Roboto,Arial,sans-serif;   font-size: 16px;  letter-spacing: .1px;  line-height: 24px;  font-weight: 400; }
.qualifications-wrap .qualifications-content{  font-family: Roboto,Arial,sans-serif;  font-size: 12px;  font-weight: 400; letter-spacing: .3px; line-height: 16px; color: #70757a;  color: #202124;  background-color: #fff;  border: 1px solid #dadce0;  border-radius: 0 0 8px 8px;  margin-bottom: 12px;  padding: 24px;  margin-top: 0;  padding-left: 17px;}
.qualifications-wrap .qualifications-content p{margin: 0;}
.yogiframe-formdiv .form-group select.form-control{ background: url(/yvg-site/images/select-arrow.svg) no-repeat right 15px center #fff !important;   border: 1px solid #dadce0 !important;  padding: 15px 35px 15px 20px !important; border-radius: 5px !important;  color: #000;  line-height: 1;  height: 55px !important; width: auto !important;}
.yogiframe-formdiv .form-group.border-radiours-none{border-radius: 0 0 8px 8px;}
.addfile-buttondiv input[type="file"]{height: 0;  overflow: hidden;  width: 0;}
.addfile-buttondiv{    border: 1px #e8eaed solid;    -webkit-border-radius: 4px;  border-radius: 4px;  color: #5f6368;  cursor: pointer;  display: inline-block; text-decoration: none; text-transform: none;  min-width: auto;  outline: none;  overflow: hidden;  position: relative;  text-align: center;}
.yogiframe-formdiv .form-group .addfile-buttondiv label{color: #1a73e8; margin: 0; padding: 0 15px; font-family: 'Google Sans',Roboto,Arial,sans-serif; font-size: 14px;  font-weight: 500;  letter-spacing: .25px;  line-height: 34px;}
.yogiframe-formdiv .form-group .addfile-buttondiv label svg{    position: relative;  top: 4px;  margin-right: 2px;}
.yogiframe-formdiv .form-group .addfile-buttondiv label svg path{fill: #1a73e8;}
.formsubmit-divbtn {margin-bottom: 30px;}
.formsubmit-divbtn .formsubmit-btn{display: inline-block;     font-family: 'Google Sans',Roboto,Arial,sans-serif; font-size: 14px;  font-weight: 500; letter-spacing: .25px;  line-height: 36px; color: #fff; background: rgb(213, 43, 30); border: none;   padding:  0 20px;  border-radius: 5px; }

@media (max-width: 1199px) {
    .yogiframe-container { max-width: 90%;}
    .yogiframe-formdiv .form-group .form-control{width: 100% !important;}
}
@media (max-width: 767px) {
    .yogiframe-formdiv .form-group{    padding: 20px;}
    .yogiframe-formdiv .form-group label { margin-bottom: 18px;}

}
*/

.yogiframe-formdiv{ background-color: #fbeae9; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-flex-direction: column;  flex-direction: column;}
.yogiframe-container{max-width: 640px; width: 100%; margin: 0 auto; }
.yogiframe-bannertitle{border: 1px solid #dadce0; border-radius: 8px;   margin-top: 12px; overflow: hidden;}
.yogiframe-bannertitle img{max-width: 100%; display: block;}
.yogiframe-titledivinfo{ margin-top: 12px;  background-color: #fff;  border: 1px solid #dadce0;  border-top: 10px solid rgb(213, 43, 30);  border-radius: 8px;  overflow: hidden; margin-bottom: 12px; padding: 24px;  padding-top: 22px;  position: relative;}
.yogiframe-titledivinfo h2{font-family: 'Google Sans',Roboto,Arial,sans-serif;font-size: 32px;  font-weight: 400;  line-height: 40px; color: #202124;  line-height: 135%;   max-width: 100%;  min-width: 0%;}
.yogiframe-titledivinfo p{ font-family: Roboto,Arial,sans-serif;  font-size: 14px;  font-weight: 400;  letter-spacing: .2px;  line-height: 20px;  color: #202124; margin-bottom: 0px; margin-top: 12px;}
.yogiframe-formdiv .form-group{    -webkit-transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);  transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);  background-color: #fff;  border: 1px solid #dadce0;  border-radius: 8px;  margin-bottom: 12px;  padding: 24px;  page-break-inside: avoid;  word-wrap: break-word;}
.yogiframe-formdiv .form-group label{ margin-bottom: 23px; font-family: 'Google Sans',Roboto,Arial,sans-serif; font-size: 16px; letter-spacing: .1px;  line-height: 24px;  color: #202124;  font-weight: 400;   width: 100%;  word-break: break-word;}
.yogiframe-formdiv .form-group label .required-span{    color: #d93025; margin-left: 3px;}
.yogiframe-formdiv .form-group .form-control{ width: 50% !important; background: transparent !important; border-radius: 0px !important;  font-family: Roboto,Arial,sans-serif; font-size: 14px; padding: 0 !important;  font-weight: 400; outline: none;  margin-bottom: 8px !important; letter-spacing: .2px;  line-height: 20px;  color: #202124; border: none !important; border-bottom: 1px solid #dadce0 !important; height: 30px !important;}
.yogiframe-formdiv .form-group.show-error-border{border-color: #d93025;}
.yogiframe-formdiv .form-group .error-msg{display: none; position: relative; font-size: 12px; font-weight: 400; letter-spacing: .3px;    line-height: 21px;   color: #d93025; margin-bottom: 0; padding-left: 30px;}
.yogiframe-formdiv .form-group .error-msg:before{content: ""; position: absolute; top: 0; left: 0; background: url(/yvg-site/images/error-icon-red.svg) no-repeat; background-size: 21px;  height: 21px;  width: 21px;}
.yogiframe-formdiv .form-group.show-error-border .error-msg{display: block !important;}
.yogiframe-formdiv .checkbox-ul{list-style: none; margin: 0; padding: 0;}
.yogiframe-formdiv .checkbox-ul li{position: relative;}
.yogiframe-formdiv .styled-checkbox {  position: absolute; top: 0; left: 0; margin: 0; opacity: 0;}
.yogiframe-formdiv .styled-checkbox + label {margin-bottom: 15px; display: block; font-family: Roboto,Arial,sans-serif; font-size: 14px; font-weight: 400;  letter-spacing: .2px;  line-height: 20px;  color: #202124;  min-width: 0; position: relative;  cursor: pointer;  padding: 0 0 0 30px;}
.yogiframe-formdiv .styled-checkbox + label:before { content: "";  margin-right: 10px; display: inline-block; vertical-align: text-top;    width: 20px;   height: 20px;   background: white; border: 2px solid #5f6368; border-radius: 4px;  position: absolute;   top: 0;  left: 0;}
.yogiframe-formdiv .styled-checkbox:checked + label:after { content: "";  position: absolute;  left: 5px;  top: 9px;  background: #fff;  width: 2px; height: 2px;  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;  transform: rotate(45deg);}
.yogiframe-formdiv .styled-checkbox:checked + label:before { background: rgb(213, 43, 30); border-color: rgb(213, 43, 30);}

.yogiframe-formdiv .radio-ul{list-style: none; margin: 0; padding: 0;}
.yogiframe-formdiv .radio-ul li{position: relative;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) {  position: absolute;   left: -9999px;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label {
    position: relative;  padding-left: 28px;  cursor: pointer;  line-height: 20px;  display: inline-block;  color: #666;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:before, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label:before { content: '';  position: absolute; left: 0; top: 0;  width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 100%;  background: #fff;}
.yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label:after { opacity: 0;  -webkit-transform: scale(0);  transform: scale(0);}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:after, .yogiframe-formdiv .radio-ul [type="radio"]:not(:checked) + label:after { content: '';  width: 12px;  height: 12px;  background: rgb(213, 43, 30);  position: absolute; top: 4px;  left: 4px;  border-radius: 100%; -webkit-transition: all 0.2s ease;  transition: all 0.2s ease;}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:after { opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}
.yogiframe-formdiv .radio-ul [type="radio"]:checked + label:before{border-color: rgb(213, 43, 30);}

.qualifications-wrap .qualifications-title{    background-color: rgb(213, 43, 30);  color: rgba(255, 255, 255, 1);     border-top-left-radius: 8px;   border-top-right-radius: 8px; padding: 12px 24px; font-family: 'Google Sans',Roboto,Arial,sans-serif;   font-size: 16px;  letter-spacing: .1px;  line-height: 24px;  font-weight: 400; }
.qualifications-wrap .qualifications-content{  font-family: Roboto,Arial,sans-serif;  font-size: 12px;  font-weight: 400; letter-spacing: .3px; line-height: 16px; color: #70757a;  color: #202124;  background-color: #fff;  border: 1px solid #dadce0;  border-radius: 0 0 8px 8px;  margin-bottom: 12px;  padding: 24px;  margin-top: 0;  padding-left: 17px;}
.qualifications-wrap .qualifications-content p{margin: 0;}
.yogiframe-formdiv .form-group select.form-control{ background: url(/yvg-site/images/select-arrow.svg) no-repeat right 15px center #fff !important;   border: 1px solid #dadce0 !important;  padding: 15px 35px 15px 20px !important; border-radius: 5px !important;  color: #000;  line-height: 1;  height: 55px !important; width: auto !important;}
.yogiframe-formdiv .form-group.border-radiours-none{border-radius: 0 0 8px 8px;}
.addfile-buttondiv input[type="file"]{height: 0;  overflow: hidden;  width: 0;}
.addfile-buttondiv{    /* border: 1px #e8eaed solid; */  color: #5f6368;  cursor: pointer;  display: inline-block; text-decoration: none; text-transform: none;  min-width: auto;  outline: none;  overflow: hidden;  position: relative;  text-align: center;}
.yogiframe-formdiv .form-group .addfile-buttondiv .btn{ cursor: pointer; border-radius: 4px; color: #1a73e8; margin: 0; padding: 0 15px; font-family: 'Google Sans',Roboto,Arial,sans-serif; font-size: 14px;  font-weight: 500; border-color: #e8eaed;  letter-spacing: .25px;  line-height: 34px; min-width: 100px; margin-right: 15px;}
.yogiframe-formdiv .form-group .addfile-buttondiv .btn svg{    position: relative;  top: 4px;  margin-right: 2px;}
.yogiframe-formdiv .form-group .addfile-buttondiv .btn svg path{fill: #1a73e8;}
.yogiframe-formdiv .form-group .addfile-buttondiv .file-selected{font-size: 16px;}
.formsubmit-divbtn {margin-bottom: 30px;}
.formsubmit-divbtn .formsubmit-btn{display: inline-block;     font-family: 'Google Sans',Roboto,Arial,sans-serif; font-size: 14px;  font-weight: 500; letter-spacing: .25px;  line-height: 36px; color: #fff; background: rgb(213, 43, 30); border: none;   padding:  0 20px;  border-radius: 5px; }

.add-qualification-btndiv{ margin-bottom: 12px; text-align: right;}
.add-qualification-btndiv a{ color: rgb(213, 43, 30); font-family: 'Google Sans',Roboto,Arial,sans-serif;  font-size: 16px;
    letter-spacing: .1px; text-decoration: none; line-height: 24px;}

.careerBytes-loader { opacity: 0; visibility: hidden; position: fixed; z-index: 9999;  top: 0; left: 0;  height: 100%;  width: 100%;  display: flex;  align-items: center;  justify-content: center; background: rgba(255,255,255,0.5); transition: all 0.2s;}
.form-group.video-file-div p{padding: 10px 15px; border-radius: 8px; font-size: 14px; line-height: 20px; color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb;}

@media (max-width: 1199px) {
    .yogiframe-container { max-width: 90%;}
    .yogiframe-formdiv .form-group .form-control{width: 100% !important;}
}
@media (max-width: 767px) {
    .yogiframe-formdiv .form-group{    padding: 20px;}
    .yogiframe-formdiv .form-group label { margin-bottom: 18px;}

}