/*******************************************
***          YT Framework: css          ***
*******************************************/


/* Large devices Desktops  // ------------------*/

@media (min-width: 1400px) {
    #yt_spotlight1 {
        background: url(../images/bg/bg-activities.jpg) repeat-x center fixed;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight3 {
        background: url(../images/demo/bg-video.jpg) repeat-x center scroll;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight5 {
        background: url(../images/bg/bg-counter.jpg) center center no-repeat fixed;
        position: relative;
        padding: 110px 0;
    }
	
#yt_spotlight10 {
    background: url(../images/bg/bg-footer.jpg) no-repeat 0 0;
    background-size: cover;
}

#yt_breadcrumb {
    background: url(/images/bg/bg-breadcrumb.jpg) center center no-repeat;
    background-size: cover;
}
	
}


@media (min-width: 1200px) and (max-width: 1399px) {
    #yt_spotlight1 {
        background: url(../images/bg/bg-activities-l.jpg) repeat-x center fixed;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight3 {
        background: url(../images/demo/bg-video-l.jpg) repeat-x center scroll;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight5 {
        background: url(../images/bg/bg-counter-l.jpg) center center no-repeat fixed;
        position: relative;
        padding: 110px 0;
    }
	
#yt_spotlight10 {
    background: url(../images/bg/bg-footer-l.jpg) no-repeat 0 0;
    background-size: cover;
}

#yt_breadcrumb {
    background: url(/images/bg/bg-breadcrumb-l.jpg) center center no-repeat;
    background-size: cover;
}
	
}


/* Medium devices Desktops  
// ------------------*/

@media (min-width: 980px) and (max-width: 1199px) {
    #yt_spotlight1 {
        background: url(../images/bg/bg-activities-m.jpg) repeat-x center fixed;
        background-size: cover;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight3 {
        background: url(../images/demo/bg-video-m.jpg) repeat-x center scroll;
        background-size: cover;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight5 {
        background: url(../images/bg/bg-counter-m.jpg) center center no-repeat fixed;
        background-size: cover;
        position: relative;
        padding: 110px 0;
    }
	
#yt_spotlight10 {
    background: url(../images/bg/bg-footer-m.jpg) no-repeat 0 0;
    background-size: cover;
}

#yt_breadcrumb {
    background: url(/images/bg/bg-breadcrumb-m.jpg) center center no-repeat;
    background-size: cover;
}
	
}


/* Small devices Tablets	
// ------------------*/

@media (min-width: 768px) and (max-width: 979px) {
    #yt_spotlight1 {
        background: url(../images/bg/bg-activities-sm.jpg) repeat-x center fixed;
        background-size: cover;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight3 {
        background: url(../images/demo/bg-video-sm.jpg) repeat-x center scroll;
        background-size: cover;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight5 {
        background: url(../images/bg/bg-counter-sm.jpg) center center no-repeat fixed;
        background-size: cover;
        position: relative;
        padding: 110px 0;
    }
	
#yt_spotlight10 {
    background: url(../images/bg/bg-footer-sm.jpg) no-repeat 0 0;
    background-size: cover;
}

#yt_breadcrumb {
    background: url(/images/bg/bg-breadcrumb-sm.jpg) center center no-repeat;
    background-size: cover;
}
	
}


/* Extra small devices Phones
// ------------------*/

@media (max-width: 767px) {
    #yt_spotlight1 {
        background: url(../images/bg/bg-activities-xs.jpg) repeat-x center fixed;
        background-size: cover;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight3 {
        background: url(../images/demo/bg-video-xs.jpg) repeat-x center scroll;
        background-size: cover;
        padding: 75px 0 65px;
        position: relative;
    }
    #yt_spotlight5 {
        background: url(../images/bg/bg-counter-xs.jpg) center center no-repeat fixed;
        background-size: cover;
        position: relative;
        padding: 110px 0;
    }
	
#yt_spotlight10 {
    background: url(../images/bg/bg-footer-xs.jpg) no-repeat 0 0;
    background-size: cover;
}

#yt_breadcrumb {
    background: url(/images/bg/bg-breadcrumb-xs.jpg) center center no-repeat;
    background-size: cover;
}
	
}