/*

Media Queries

---------------------------------------------------------------------------------------------------- */



#mobile_menu {

    border-radius: 5px 5px 5px 5px;

    display: none;

    height: 40px;

    margin: 20px auto;

    overflow: hidden;

    padding: 0 4px;

    width: 90%;

}

.menu_title {

    float: none !important;

    font-family: "ModernPictogramsNormal";

    font-size: 42px;

    line-height: 41px;

    padding: 0 !important;

    text-align: center !important;

}





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

	

	.site-container{		

		width: 100%;

	}





}



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

	.site-header .wrap{

		width: 100%;

		padding: 0;	

	}



	.top {

		width: 100%;

	}	

	nav{

		width: 100%;

	}

	.site-container{

		width: 98%;

	}

	.page_title_wrap{

		width: auto;

		padding: 0 10px;	

	}

	.site-header .widget-area {

   	 	width: auto;

	}	

	.wrap {

		margin: 0 auto;

		width: 100%;

	}	

	#home_gallery, .intro, #home-wrap{

		width: auto;

		height: auto !important;	

	}

	.latest_blog_description{

		width: 22.92%;	

	}

	

	.latest_blog .flex_container{

		width: 75%;	

	}

	.sidebar-content .content, 

	.content-sidebar .content,

	.content-sidebar-sidebar .content,

	.sidebar-sidebar-content .content,

	.sidebar-content-sidebar .content{

		width: 70%;

	}

	.sidebar-content .sidebar-primary , 

	.content-sidebar .sidebar-primary, 

	.content-sidebar-sidebar  .sidebar-primary, 

	.sidebar-sidebar-content .sidebar-primary, 

	.sidebar-content-sidebar .sidebar-primary{

		width: 30%;	

	}

	.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap{

		width: 80%;	

	}

	.content-sidebar-sidebar .sidebar-secondary, .sidebar-content-sidebar .sidebar-secondary, .sidebar-sidebar-content .sidebar-secondary{

		width: 20%;

	}

	

	.portfolio_image img {

		max-width: none; !important;

		width: auto !important;

	

	}

	.element-4col, .gallery-4col {

		width: 23.8%;

	}

	.element-3col, .gallery-3col {

		width: 32.2%;

	}

	.element-2col, .gallery-2col {

		width: 48.8%;

	}

	

	.latest_blog .flexslider .slides > li	{

		width: 218px !important;

	}

	.carousel_item .element-2col,

	.carousel_item .element-3col,

	.carousel_item .element-4col{

		width: 218px !important;

	}

	.blog_shortcode .flex_container.full {

		width: 100%;

	}

	.folio-entry{

		width: 65%;	

	}

	.metaItem{

		width: 30%;	

	}

	.site-footer .wrap	{

		width: auto;	

	}

	#top-link{

		bottom: 90px;	

		right: 40px;

	}

}



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

	.site-container{

		width: 98%;

		

	}

	.page_title_wrap{

		width: auto;

		padding: 0 10px;	

	}

	.top-left, .top-right{

		padding-left: 20px;

		padding-right: 20px;

	}

	.site-header .wrap{

		padding: 0;

		width: 100%;	

	}

	nav{

		width: 100%;

	}

	.title-area {

		float: left;

		width: auto;

	}

	.site-header .widget-area {

   	 	width: auto;

	}

	#home_gallery{

		height: auto !important;	

	}

	.nav-primary .genesis-nav-menu li a{

		padding: 1.4rem 1.1rem;

	}

	.nav-primary .genesis-nav-menu .sub-menu{

		padding: 0;	

	}

	.latest_blog .flex_container {

		width: 73%;

	}	

	.latest_blog_description {

		width: 25%;

	}	

	.widget .flickr_badge_image {

	    width: 82px;

	}

	.client_carousel img{

		width: 200px;	

	}

	#footer_nav .genesis-nav-menu .menu-item {

		float: left;

		width: auto;

	}

 	.element-4col, .gallery-4col {

		height: 110px !important;

		width: 23.4% !important;

	}	

	.element-4col .icon h4 a, .gallery-4col .icon h4 a {

		margin-top: 40px;

	}

	 .element-3col, .gallery-3col {

		width: 31.7% !important;

		height: 127px !important;



	}	

	.element-3col .icon h4 a, .gallery-3col .icon h4 a {

	    margin-top: 45px;

	}



	 .element-2col, .gallery-2col {

		width: 48% !important;

		height: 250px !important;

	}	

	.element-2col .icon h4 a, .gallery-2col .icon h4 a {

		margin-top: 110px;

	}	

	.flickr_badge_image img{

		width: 64px;

		height: 64px;	

	}

	.widget .flickr_badge_image{

		width: 64px;

	}	

	.carousel_item .element-2col,

	.carousel_item .element-3col,

	.carousel_item .element-4col{

		height:100% !important;

	}

	.creds{

		margin-top: 10px;	

	}

	

}



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

	

	.site-container{

		width: 98%;

	}

	.top-left, .top-right{

		padding-left: 20px;

		padding-right: 20px;

	}	

	.site-header .widget-area	{

		width: 100%;

	}

	.site-header{

		width: auto;

		margin: 0 auto;	

	}

	.site-header .wrap, nav,.page_title_wrap{

		width:auto;

	}

	

	#home_gallery, .intro, #home-wrap{

		width: auto;	

	}

	.nav-primary{

		background: #f5f5f4;

		margin: 20px auto;

		width: 94%;

		float: none;

	}

	.nav-primary ul{

		display:none;

	}

	.wrap {

		margin: 0 auto;

		width: 100%;

	}

	.title-area {

		float: none;

		padding: 20px 0;

		text-align: center;

		width: 100%;

	}	

	#home_gallery{

		height: auto !important;	

	}

	.flex-caption h3{

		font-size: 1.4rem;	

	}

	.nav-primary .select-menu{

		border: 1px solid #CCC;

		display: block;

		margin: 0 auto;

	}



	.sidebar-content .content, 

	.content-sidebar .content,

	.content-sidebar-sidebar .content,

	.sidebar-sidebar-content .content,

	.sidebar-content-sidebar .content{

		width: 100%;

	}

	.sidebar-content .sidebar-primary , 

	.content-sidebar .sidebar-primary, 

	.content-sidebar-sidebar  .sidebar-primary, 

	.sidebar-sidebar-content .sidebar-primary, 

	.sidebar-content-sidebar .sidebar-primary{

		width:100%;	

	}

	#flickr_badge_wrapper{

		width: 100%; 

	}

	

	.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap{

		width: 100%;	

	}

	.content-sidebar-sidebar .sidebar-secondary, .sidebar-content-sidebar .sidebar-secondary, .sidebar-sidebar-content .sidebar-secondary{

		width: 100%;

	}

		

	.element-4col, .gallery-4col,

	.element-3col, .gallery-3col,

	.element-2col, .gallery-2col{

   		width: 47.8% !important;

	}	

	.element-4col, .gallery-4col {

		height: 165px !important;

	}	

	.element-3col, .gallery-3col{

		height:200px !important;

	}

	.element-4col .icon h4 a, .gallery-4col .icon h4 a{

		margin-top: 65px;	

	}

	.element-3col .icon h4 a, .gallery-3col .icon h4 a {

		margin-top: 85px;

	}

	#options ul{

		float: left;	

	}

	.one-fourth, .one-third, .one-half, .two-third, .three-fourth{

		width: 47.8% !important;

		margin-bottom: 20px;	

	}

	.latest_blog_description {

		width: 100%;

	}	

	.latest_blog .flex_container {

		float: left;

		margin: 20px 0 0;

		width: 100%;

	}	

	.latest_blog .flexslider .slides > li	{

		width: 215px !important;	

	}

	.carousel_item .element-2col,

	.carousel_item .element-3col,

	.carousel_item .element-4col{

		width: 215px !important;

		height:100% !important;

	}

	

	.footer-widgets-1,.footer-widgets-2,

	.footer-widgets-3,.footer-widgets-4{

		width: 47.8% !important;	

	}

	

	.site-footer .wrap {

    	text-align: center;

	}

	

	.creds, #footer_nav {

		float: none;

		padding: 5px 0;

		width: 335px;

		margin: 0 auto;

	}

	#top-link{

		display: none !important;	

	}

	.top-left p.highlight, .top-right p.highlight{

		float: left;	

	}

	#comments, #respond{

		padding:20px;

	}	

	.folio-entry{

		width: 100%;

		margin: 20px 0 0;

	}	

	.header-widget-area .zp_social_icons{

		float: none !important;

		width: 78% !important;

		margin: 20px auto 0 !important;

	}

	.metaItem{

		width: 100%;	

	}

	.slider_shortcode .slides li .flex-caption h2{

		font-size: 15px;	

	}

}



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

	.wrap {

		margin: 0 auto;

	}	

	.top-left, .top-right{

		float: left !important;

	}

	.top-left, .top-right{

		padding-left: 20px;

		padding-right: 20px;

		width: 100%;	

	}

	.intro {

		margin-top: 0;

	}	

	.call_to_action_box{

		padding: 30px 0;	

	}	

	#home-wrap {

    	padding: 0 0 2.4rem;

	}	

	.one-fourth, .one-third, .one-half, .two-third, .three-fourth{

		width: 100% !important;

		margin-bottom: 20px;	

	}

	.one-fourth, .one-third, .one-half, .two-third, .three-fourth{

		width: 100% !important;

		margin-bottom: 20px;	

	}

	#options li{

		margin-bottom: 15px;	

	}

	.portfolio_image img {

		max-width: none;

		width: 100% !important;

		height: inherit;

	}

	.latest_blog .flexslider .slides > li	{

		width: 200px !important;	

	}

	.carousel_item .element-2col,

	.carousel_item .element-3col,

	.carousel_item .element-4col{

		width: 200px !important;

		height:100% !important;

	}

	.footer-widgets-1,.footer-widgets-2,

	.footer-widgets-3,.footer-widgets-4{

		padding: 0 20px;

  	  width: 100% !important;	

	}		

	.client_carousel img{

		width: 160px;	

	}

	.flex-direction-nav li .flex-prev{

		-moz-transform: rotate(-180deg) scale(0.5) !important;

		-ms-transform: rotate(-180deg) scale(0.5) !important;

		-o-transform: rotate(-180deg) scale(0.5) !important;

		-webkit-transform: rotate(-180deg) scale(0.5) !important;

		transform: rotate(-180deg) scale(0.5) !important;

	}



	 .element-4col, .gallery-4col {

		height: 243px !important;

		width: 100% !important;

	}	

	.element-4col .icon h4 a, .gallery-4col .icon h4 a {

		margin-top: 120px;

	}

	 .element-3col, .gallery-3col {

		height: 218px !important;

		width: 100% !important;

	}	

	.element-3col .icon h4 a, .gallery-3col .icon h4 a {

	    margin-top: 110px;

	}



	 .element-2col, .gallery-2col {

		height: 287px !important;

		width: 100% !important;

	}	

	.element-2col .icon h4 a, .gallery-2col .icon h4 a {

		margin-top: 135px;

	}

	.call_to_action_box{

		text-align: center;	

	}

	.cta_button{

		float: none !important;	

	}

	.call_to_action_box h1{

		text-align: left;	

	}

	.breadcrumb{

		width: 100%;	

	}

	.entry{

		margin-bottom: 0;	

	}

	.page-description h2{

		line-height: 30px;	

	}

	.comment-list li, .ping-list li{

		padding: 10px;	

	}

	.comment-list li li{

		margin-right: 0;	

	}

}



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

	.wrap {

		margin: 0 auto;

		width: 100%;

	}	



	.top .widget {

		text-align: left;

		float: right;

		padding-top: 10px;

		padding-left: 10px;

	}		

	.call_to_action_box h1{

		font-size: 22px;

		line-height: 26px;	

	}

	.nav-primary{

		margin-bottom: 30px;	

	}

	.breadcrumb {

		width: 100%;

		padding-left: 20px;

	}	

	#page-title{

		padding: 20px;	

	}

	.page_title_wrap {

		padding: 0;

	}

	.home .call_to_action_box{

		padding: 30px 0;	

	}

	.call_to_action_box{

		padding: 30px;	

		text-align: left;

	}

	.cta_button.button {

		display: block;

		margin: 0 0 20px;

		text-align: center;

		width: 100%;

	}	

	.call_to_action_box h2{

		font-size: 2rem;	

	}

	#home-wrap {

    	padding: 0 0 2.4rem;

	}

		

	.latest_blog .flexslider .slides > li	{

		width: 270px !important;	

	}

	.carousel_item .element-2col,

	.carousel_item .element-3col,

	.carousel_item .element-4col{

		width: 270px !important;

		height: 100% !important;

	}

	.top-left p.highlight, .top-right p.highlight{

		float: left;	

	}

	.client_carousel img {

		width: 110px;

	}	

	 .element-4col, .gallery-4col {

		height: 145px !important;

		width: 96% !important;

	}	

	 .element-3col, .gallery-3col {

		height: 145px !important;

		width: 96% !important;

	}	

	 .element-2col, .gallery-2col {

		height: 173px !important;

		width: 96% !important;

	}

	.element-3col .icon h4 a, .gallery-3col .icon h4 a {

		margin-top: 60px;

	}	

	

	.element-2col .icon h4 a, .gallery-2col .icon h4 a {

		margin-top: 75px;

	}	

	

	.element-4col .icon h4 a, .gallery-4col .icon h4 a {

    	margin-top: 60px;

	}

	#footer_nav .genesis-nav-menu .menu-item {

		float: left;

		margin: 5px 0;

		width: auto;

	}

	.creds, #footer_nav{

		width: auto;	

	}

}

/* Phone view */

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

    .zp_social_icons {
        display:none;
    }

    .title-area {
        top: 30px;
        left: 0;
    }

    #menu-icon {
        display:inline-block !important;
    }

    #menu-header-navigation, #menu-header-navigation:active {
        display: none;
        position: absolute;
        padding: 5px 20px;
        background: #FAFAFA;
        right: 0;
        top: 50px;
        width: 100%;
        z-index:500;
        border-bottom: 8px solid #55891a;
    }

    #menu-header-navigation li {
        text-align: center;
        width: 100%;
        padding: 3px 0;
        margin: 0;
    }

    #menu-header-navigation li a {
        width: 100%;
        display: block;
    }

    #menu-header-navigation:hover {
        display: block;
    }

    #blogs-logo {
        font-size: 28px;
        top: 15px;
        left: 150px;
    }

    #dal-logo {
        left: 0;
        background-size: 140px;
        width: 140px;
    }

    .breadcrumb {
        padding: 10px 0;
    }
}

.site-container, .top {
    min-width:320px;
}

#menu-icon {
    display: none;
    background:url(../dal/mobile-menu.png) #55891a no-repeat 10px 12px;
    padding-left: 35px;
    position: absolute;
    top: 5px;
    right: 5px;
}

#menu-icon.on {
    background-color: #415E12;
}