@media only screen and (min-width: 768px){
    h1{
        font-size: 1.8em;
    }
    h2{
        font-size: 1.6em;
    }
    h3 {
        font-size : 1.4em;
    }
    h4{
        font-size : 1.2em;
    }
    h6{
        font-size: .8em;
    }
}

@media only screen and (min-width: 1400px){
    figure.videoArrow {
        position: absolute;
        margin-top: 1.6%;
        margin-left: 3.3%;
    }
}

@media only screen and (min-width: 1600px){
    figure.videoArrow {
        position: absolute;
        margin-top: 1.4%;
        margin-left: 3.1%;
    }
}

@media only screen and (min-width: 1800px){
    figure.videoArrow {
        position: absolute;
        margin-top: 1.3%;
        margin-left: 2.5%;
    }
}

@media only screen and (min-width: 2000px){
    figure.videoArrow {
        position: absolute;
        margin-top: 1.1%;
        margin-left: 2.4%;
    }
}

@media only screen and (min-width: 2200px){
    figure.videoArrow {
        position: absolute;
        margin-top: 1%;
        margin-left: 2.1%;
    }
}

@media only screen and (min-width: 2400px){
    figure.videoArrow {
        position: absolute;
        margin-top: 0.8%;
        margin-left: 2%;
    }
}

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

    .site-header .pm_container {  
        max-width: 960px;
        margin: 0 auto; 
        padding: 0 15px; 
    }

    #content{
        max-width: 960px;
        margin: 0 auto;
        background-color: rgba(255,255,255,.6);
        padding: 0 15px 20px 15px;
    }

    #content-subscribe,#content-subscr {
        max-width: 960px;
        margin: 0 auto;
    }

    footer#footer{
        max-width: 960px;
        margin: 0 auto;
        margin-top: 15px;
        padding: 3px 0 30px;
        border-top: 1px solid #cadfba;
    }
}

@media only screen and (max-width:320px){
    #featuredWrap{
        overflow: hidden;
        height: auto !important;
    }

    .pm_header_search{
        margin-bottom: 10px;
    }

    #featuredWrap .hp-slide{
        width: 100%;
    }

    .featured-bureau,.featured-dc{
        width: 100%;
    }

    #sliderBureau .title, #sliderDc .title{
        width: 260px;
        top: 75px;
    }

    section#main{
        width: 100% !important;
        float: unset !important;
    }

    .archive-div-title,.archive-div-title{
        width: 100% !important;
    }

    #single-post .entry{
        width: 100%;
        float: unset;
    }

    .right-sidebar #primary {
        width: 100% !important;
        float: unset;
    }

    .right-sidebar #sidebar {
        width: 100% !important;
        float: unset;
    }

    .thumb{
        display: unset !important;
    }

    .thumb img {
        height: 65px;
        width: 125px;
    }

    .thumb .videoPlay{
        width: 100% !important;
    }

    .thumb h3{
        width: 100% !important;
    }

    figure.videoArrow {
        position: absolute;
        margin-top: 5.5%;
        margin-left: 14.5%;
    }

    #content-subscribe .banner{
        display: block !important;
    }

    #content-subscribe .banner p{
        margin-bottom: 10px;
    }

    #content-subscr ul li{
        display: block !important;
    }

    #content-subscr ul li a{
        width: 100%;
        display: block;
    }

    .videoDimension{
        width: 125px !important;
    }

    #footer ul{
        display: block !important;
    }

    #footer .menu li{
        float: unset !important;
    }

    #footer-search .pm_header_search{
        width: 50%;
    }

    p.comment-form-comment{
        width: 100%;
    }

    .comments-area .comment-form textarea {
    	width: 100%;
	}

}

@media only screen and (min-width : 321px) and (max-width : 375px){
    #featuredWrap{
        overflow: hidden;
        height: auto !important;
    }

    .pm_header_search{
        margin-bottom: 10px;
    }

    #featuredWrap .hp-slide{
        width: 100%;
    }

    .featured-bureau,.featured-dc{
        width: 100%;
    }

    #sliderBureau .title, #sliderDc .title{
        width: 305px;
        top: 95px;
    }

    section#main{
        width: 100% !important;
        float: unset !important;
    }

    #single-post .entry{
        width: 100%;
        float: unset;
    }

    .archive-div-title,.archive-div-title{
        width: 100% !important;
    }

    .right-sidebar #primary {
        width: 100% !important;
        float: unset;
    }

    .right-sidebar #sidebar {
        width: 100% !important;
        float: unset;
    }

    .thumb{
        display: unset !important;
    }

    .thumb img {
        height: 65px;
        width: 125px;
    }

    .thumb .videoPlay{
        width: 100% !important;
    }

    .thumb h3{
        width: 100% !important;
    }

    figure.videoArrow {
        position: absolute;
        margin-top: 5.5%;
        margin-left: 14.5%;
    }

    #content-subscribe .banner{
        display: block !important;
    }

    #content-subscribe .banner p{
        margin-bottom: 10px;
    }

    #content-subscr ul li{
        display: block !important;
    }

    #content-subscr ul li a{
        width: 100%;
        display: block;
    }

    .videoDimension{
        width: 125px !important;
    }

    #footer ul{
        display: block !important;
    }

    #footer .menu li{
        float: unset !important;
    }

    #footer-search .pm_header_search{
        width: 50%;
    }

    p.comment-form-comment{
        width: 100%;
    }

    .comments-area .comment-form textarea {
    	width: 100%;
	}

}


@media only screen and (min-width : 376px) and (max-width : 624px){
    #featuredWrap{
        overflow: hidden;
        height: auto !important;
    }

    .pm_header_search{
        margin-bottom: 10px;
    }

    #featuredWrap .hp-slide{
        width: 100%;
    }

    .featured-bureau,.featured-dc{
        width: 100%;
    }

    #sliderBureau .title, #sliderDc .title{
        width: 355px;
        top: 125px;
    }

    section#main{
        width: 100% !important;
        float: unset !important;
    }

    .archive-div-title,.archive-div-title{
        width: 100% !important;
    }

    #single-post .entry{
        width: 100%;
        float: unset;
    }

    .right-sidebar #primary {
        width: 100% !important;
        float: unset;
    }

    .right-sidebar #sidebar {
        width: 100% !important;
        float: unset;
    }

    .thumb .videoPlay{
        width: unset !important;
    }

    .thumb h3{
        margin-left: 5px;
    }

    figure.videoArrow {
        position: absolute;
        margin-top: 5.5%;
        margin-left: 10.5%;
    }

    #content-subscribe .banner{
        display: block !important;
    }

    #content-subscribe .banner p{
        margin-bottom: 10px;
    }

    #content-subscr ul li a{
        width: 70%;
    }

    a.videoPlay{
        width: 30% !important;
    }

    #footer ul{
        display: block !important;
    }

    #footer .menu li{
        float: unset !important;
    }

    #footer-search .pm_header_search{
        width: 50%;
    }

    p.comment-form-comment{
        width: 100%;
    }

    .comments-area .comment-form textarea {
    	width: 100%;
	}

}


@media only screen and (min-width : 625px) and (max-width : 767px){
    #featuredWrap{
        overflow: hidden;
        height: auto !important;
    }

    #sliderBureau .title, #sliderDc .title{
        width: 280px;
        top: 100px;
    }

    section#main{
        width: 100% !important;
        float: unset !important;
    }

    .archive-div-title,.archive-div-title{
        width: 100% !important;
    }

    .pm_header_search{
        margin-bottom: 10px;
    }

    .right-sidebar #primary {
        width: 100% !important;
        float: unset;
    }

    .right-sidebar #sidebar {
        width: 100% !important;
        float: unset;
    }

    .thumb .videoPlay{
        width: unset !important;
    }

    .thumb h3{
        margin-left: 5px;
    }

    figure.videoArrow {
        position: absolute;
        margin-top: 5.5%;
        margin-left: 10.5%;
    }

    #content-subscribe .banner{
        display: block !important;
    }

    #content-subscribe .banner p{
        margin-bottom: 10px;
    }

    #content-subscr ul li a{
        width: 70%;
    }

    a.videoPlay{
        width: 30% !important;
    }

    #footer ul{
        display: block !important;
    }

    #footer .menu li{
        float: unset !important;
    }

    #footer-search .pm_header_search{
        width: 50%;
    }

    p.comment-form-comment{
        width: 100%;
    }

    .comments-area .comment-form textarea {
    	width: 80%;
	}

}

@media only screen and (min-width : 768px) and (max-width : 991px){
    #sliderBureau .title, #sliderDc .title{
        width: 350px;
        top: 125px;
    }
}