/*
Build responsive
Author: Ryan (Lynh) Nguyen
*/

@media screen and (min-width: 768px) {
    body.sml-body-content header .sml-logo {
        width: 150px;
    }
    body.sml-body-content .sml-media .sml-content {
        flex-direction: row;
    }
    body.sml-body-content header nav .sml-hamburger {
        display: none;
    }
    .sml-blog-posts {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 992px) {
	/*
    body.sml-body-content .sml-blog-column {
        width: 31.1%;
    }
	*/
    body.sml-body-content a.sml-blog-column-block-link {
        width: 46%;
    }
}
@media (min-width: 1024px) {

}

@media (min-width: 1124px) {
    body.sml-body-content .sml-tag-cloud h1.title {
        font-size: 38px;
    }
    body.sml-body-content.page-template-about-us section.sml-faq {
        min-height: 525px;
    }
}

@media (min-width: 1920px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 1123px) {
    footer .sml-copyright {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media (max-width: 1092px) {

}

@media (max-width: 1023px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 991px) {

}

@media (max-width: 782px) {
    body.logged-in.sml-body-content .sml-header-wrapper {
        top: 46px;
    }
}

@media (max-width: 767px) {
    body.sml-body-content .navbar-menu-main {
        display: none
    }
    body.sml-body-content header .sml-logo {
        margin-left: 20px;
        width: 120px;
    }
    body.sml-body-content .navbar-hamburger {
        margin-right: 20px;
    }
    .sml-flex-row {
        flex-flow: row wrap;
    }
    .sml-body-content .sml-film-posts .sml-flex-row .article-content-wrap,
    .sml-body-content .sml-film-posts .sml-flex-row .featured-video-single,
    body.sml-body-content .sml-footer-content .footer-sidebar,
    .sml-blog-posts .article-content-wrap .blog-thumbnail,
    .sml-blog-posts .article-content-wrap .blog-content {
        width: 100%;
    }
    body.sml-body-content .sml-copyright .sml-content-primary {
        padding: 0 20px;
    }
    .sml-blog-posts .article-content-wrap .flex-push-left,
    .sml-blog-posts .article-content-wrap .flex-push-right {
        position: relative;
        left: auto;
        right: auto;
    }
    .sml-blog-posts .article-content-wrap .blog-content .post-entry,
    .sml-blog-posts .article-content-wrap .blog-content.flex-push-left .post-entry {
        padding: 0;
    }
    .sml-body-content .sml-partners .sml-partner {
        width: 49%;
    }
	
	.sml-brand-video
	{
		position: absolute;
		top: 115px !important;
	}
	body.sml-body-content header nav .sml-hamburger
	{
		background-color: #555;
	}
	
	.rp-image-text-item-row
	{
		flex-direction: column;
	}
	.rp-image-text-item-img, .rp-image-text-item-text
	{
		width: 100%;
	}
	.rp-image-text-item-img
	{
		text-align: center;
		margin-bottom: 20px;
	}
	.rp-image-text-item-row:nth-child(2n+1) .rp-image-text-item-img
	{
		order: 0;
		text-align: center;
	}
	.nav-sm-block
	{
		display: none;
	}
}

@media (max-width: 579px) {
    .sml-footer-content nav{
        flex-wrap: wrap;
    }
    .sml-footer-content nav .footer-sidebar{
        width: 50%;
    }
    body.sml-body-content header.sml-content-primary, .footer .sml-content-primary{
        height: auto;
    }
    body.sml-body-content header.sml-content-primary{
        flex-wrap: wrap;
    }
    #menu-footer-menu{
        flex-wrap: wrap;
    }
    body.sml-body-content .sml-footer-content{
        margin-bottom: 0;
    }
    body.sml-body-content .sml-content-primary{
        padding: 0 20px;
    }
    body.sml-body-content section .sml-content-primary,
    body.sml-body-content footer .sml-content-primary {
        padding: 0;
    }
    .sml-video-bg {
        height: 30vh;
        /*margin-top: -105px;*/
    }
    #nav-below > div > a{
        position: relative;
        color: transparent;
    }
    #nav-below > div > a:before,
    #nav-below > div > a:after{
        position: absolute;
        top: 50%;
        font-family: FontAwesome;
        color: #000;
        font-size: 30px;
        line-height: 1;
    }
    #nav-below > .nav-next > a:after{
        content: "\f054";
        right: 0;
    }
    #nav-below > .nav-previous > a:after{
        left: 0;
        content: "\f053";
    }
}

@media (max-width: 479px) {

}

@media (max-width: 359px) {

}