/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 240px) and (max-width : 640px) {
    /* Styles */
    .nav-arrows{
        top: 9% !important;
    }
    .sl-slider h2{
        display: none !important;
    }
    .nav-dots{
        display: none !important;
    }
	
	article.post{
        max-width: 90%;
	}
	
	.bg-img {
			background-size: 71.5%  !important;
	}
	
}
/* iPads ----------- */
@media only screen and (min-width : 640px) and (max-width : 768px) {
    /* Styles */
    .nav-arrows{
        padding-top: 19% !important;
        left: 5%;
    }
    .sl-slider h2{
        padding-top: 25% !important;
        margin-left: 5% !important;
    }
	
	article.post{
        max-width: 90%;
	}
	
	.list_view{
        width: 90%;
        float: left;
    }
	
	.bg-img {
			background-size: 73.5%  !important;
	}
}
/* iPads (portrait) ----------- */
@media only screen and (min-width : 769px) and (max-width : 1024px){
    /* Styles */
    .nav-arrows{
        padding-top: 11.4% !important;
    }
    .sl-slider h2{
        padding-top: 16% !important;
        max-width: 440px;
        font-size: 28px;
        line-height: 57px;
    }
}
/* Notebooks ----------- */
@media only screen and (min-width : 1399px) and (max-width : 1500px) {
    /* Styles */
    .nav-arrows{
        padding-top: 12.6% !important;
    }
    .sl-slider h2{
        padding-top: 16% !important;
        max-width: 600px;
        font-size: 30px;
        line-height: 40px;
    }
	
	.bg-img {
			background-size: 79% !important;
	}
}
@media only screen and (min-width : 1289px) and (max-width : 1398px) {
    /* Styles */
    .nav-arrows{
        padding-top: 12.6% !important;
    }
    .sl-slider h2, .sl-slider span.desc {
        padding-top: 20% !important;
        max-width: 600px;
        font-size: 30px;
        line-height: 40px;
		margin: 20% 30px 30px 55%;
    }
	
	bg-img {
			background-size: 77.5%  !important;
	}
}

@media only screen and (min-width : 1025px) and (max-width : 1288px) {
    /* Styles */
    .nav-arrows{
        padding-top: 12.3% !important;
    }
    .sl-slider h2, .sl-slider span.desc {
        padding-top: 31% !important;
        max-width: 600px;
        font-size: 30px;
        line-height: 30px;
		margin: 15% 30px 30px 50%;
    }
	
	.bg-img {
		background-size: 76.5%  !important;
	}
}

@media only screen and (min-width : 320px) and (max-width : 1024px) {
    /* Styles */
    .bg-img {
        background-size: auto 100% !important;
    }
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (max-width : 900px) {
    /* Styles */
    .nav-arrows{
        top: 80% !important;
        left: auto !important;
        right: 95px;
        display: block;
    }
    .sl-slider h2{
        display: none !important;
    }
    .nav-dots{
        display: none !important;
    }
}

/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
    .demo-1 .deco {
        width: 130px;
        height: 130px;
        margin-left: -65px;
        margin-bottom: 50px;
    }

    .demo-1 [data-icon]:after {
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 40px;
        margin: -55px 0 0 -55px;
    }

    .demo-1 .sl-slide span.desc {
        margin-bottom: -120px;
    }

    .demo-1 .sl-slide h2 {
        line-height: 22px;
        font-size: 18px;
        margin-bottom: -40px;
        letter-spacing: 8px;
    }

    .demo-1 .sl-slide span.desc p:before {
        line-height: 10px;
        width: 40px;
        height: 40px;
        font-size: 120px;
        left: -45px;
    }

    .demo-2 .sl-slider-wrapper {
        height: 500px;
    }

    .demo-2 .sl-slider h2 {
        font-size: 36px;
    }

    .demo-2 .sl-slider span.desc {
        font-size: 16px;
    }

}

@media only screen and (max-width: 767px) {
	.searchform #searchform { float: left; margin-bottom: 10px;}
	.searchform #searchform p.button {clear: none!important;}
	.searchform #searchbox input.input:focus {width: 180px;}	
}

@media screen and (min-width:960px) {
	.vertical div.entry-meta .entry-author a { max-width: 106px;}
}
@media screen and (min-width:768px) {
	.vertical div.entry-meta .entry-author a { max-width: 66px;}
}

@media only screen and (min-width : 1024px) and (max-width : 1280px) {
    .single-div{
        height: 91%;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .single-div{
        height: 89%;
    }
}
@media only screen and (min-width : 240px) and (max-width : 641px) {
    .single-div{
        height: 93%;
    }
} 

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 768px) {
    /* Styles */
    .single-container{
        width: 100%;
        /*right: -110%;*/
    }
    .fixed .single-header {
        width: 100% !important;
    }
    .single-close, .single-next, .single-prev{
    }

    .article-author{
        padding: 0;
    }
	.single-content-all .excerpt .emp{ width:100%}
}
/* iPads ----------- */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    /* Styles */
    .single-container{
        width: 80%;
        /*right: -90%;*/
    }
    .fixed .single-header {
        width: 80% !important;
    }
	.single-content-all .excerpt .emp{ width:100%}
}
/* Notebooks ----------- */
@media only screen and (min-width : 1025px) and (max-width : 1441px) {
    /* Styles */
    .single-container{
        width: 78%;
        /*right: -80%;*/
    }
	
    .fixed .single-header {
        width: 78% !important;
    }
	.single-content-all .excerpt .emp{ width:100%}
	
}

@media only screen and (min-width : 1445px) and (max-width : 9999px) {
    .list_view{
        width: 100%;
        float: left;
    }
    article.post{
        max-width: 100%;
    }

    .single-container article.post{
        max-width: 100%;
    }
	
	.single-container{
        width: 78%;
	 }
	 
	.fixed .single-header {
        width: 78% !important;
    }
	
    .container_width { width: 75%; }
	
	.nav-arrows{ 
		/*margin-top:9% !important;*/
        left: 5%;
    }
    .sl-slider h2{
        padding-top: 10% !important;
        /*margin-left: 75% !important;*/
    }
	.single-content-all .excerpt .emp{ width:100%}
	
	.bg-img {
			background-size: 80%  !important;
	}
}

@media only screen and (min-width : 1024px) and (max-width : 1444px) {
    .thumb_view .entry-title {
        padding-top: 15px;
    }
    .thumb_view .entry-title h4{
        font-size: 13px;
    }
    .thumb_view article div.entry-date{
        font-size: 11px;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .thumb_view .entry-title {
        padding: 10px;
    }
    .thumb_view .entry-title h4{
        font-size: 11px;
    }
    .thumb_view article div.entry-date{
        display: none;
    }
} 

@media only screen and (min-width:1440px ) and (max-width: 1700px){
    .single-meta-details-elem .single-meta-details-title{
        width: auto;
        margin-right: 10px;
    }
    .single-meta-details-content{
        width: 100%;
    }
}

@media only screen and (min-width:760px ) and (max-width: 1440px){
    .page_meta{
        width: 30%;
    }
}

@media only screen and (max-width: 880px){
    .page_meta{
        width: 50%;
    }
}

@media only screen and (max-width: 320px) {
    .page_meta{
        width: 80%;
    }
}

@media only screen and (min-width:760px ) and (max-width: 1240px){
    .single-meta-details-elem .single-meta-details-title{
        width: 100%;
    }

    .single-meta-details-content{
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .row{
        min-width: 0;
    }
    .wrapper{
        padding: 0px 0 30px 0;
    }
}
@media only screen and (max-width: 640px) {
    #nav, #collapse-menu-btn, .branding{
        display: none !important;
    } 

    .list_view .featimg{
        margin-bottom: 30px;
    }

}
@media only screen and (max-width: 768px) {
    #small-device-nav{
        display: block;
		height: 50px;
        /*min-height: 50px;*/
    }
	.mini-logo{
		display: none;
	}
    #main {
        height: 90%;
    }
	
	#main2 {
        height: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {.flickr_badge_image img{ width:65px !important;height: auto !important;}}

@media only screen and (max-width: 1450px){
    #collapsed-menu-elements{
        margin-left: -8px;
    }
}

@media only screen and (max-width: 1290px){
    #collapsed-menu-elements{
        margin-left: -11px;
    }
}

@media only screen and (max-width: 1290px){
    #collapsed-menu-elements{
        margin-left: -11px;
    }
}

@media only screen and (max-width: 1140px){
    #collapsed-menu-elements{
        margin-left: -12px;
    }
}

@media only screen and (max-width: 1030px){
    #collapsed-menu-elements{
        margin-left: -13px;
    }
}

@media only screen and (max-width: 768px){
    #page-header{
        display: none;
    }

    #main{
        width: 100% !important;
    }
	#main2{
        width: 100% !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}
@media only screen and (min-width: 240px) and (max-width: 479px) {}

@media screen and (max-width:768px) {
    .single-container .single-content-all{padding: 0px 15px; }
    .single-container .single-div .post-meta{margin: 30px 0px 30px 0px;}
    .single-content-all .excerpt {margin-right: 0px !important;}

}

@media only screen and (min-device-width : 240px) and (max-device-width : 748px) {
    .content-box .single-content-all-top{
        margin-left: 0;
    }
}