/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {


/* ================= Blog Post and Sidebar ================= */
	.blog_post .right_side .published { /*display:inline-block; */
}
.content {
	width:488px;
	margin-right:20px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:488px;
}
.blog_post .delimiter_vertical {
	float:left;
	height:13px;
	display:inline-block;
	padding:4px 5px 0 5px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:466px;
}
.sidebar {
	width:240px;
}
.sidebar .widget .recent_post .text {
	width:158px;
}
.content .pages {
	margin-left:0;
}

/* ================= Container and Columns ================= */
	.container {
	width: 748px;
}
.col_1_2 {
	width: 364px;
}
.col_1_3 {
	width: 236px;
}
.col_2_3 {
	width: 492px;
}
.col_1_4 {
	width: 172px;
}
.col_1_5 {
	width: 133px;
}
.col_3_4 {
	width: 556px;
}
.content .col_1_2 {
	width:239px;
	margin:0 10px 0 0;
}
.content .col_1_3 {
	width:156px;
	margin:0 10px 0 0;
}
.content .col_2_3 {
	width:322px;
	margin:0 10px 0 0;
}
.content .col_1_4 {
	width:114px;
	margin:0 10px 0 0;
}
.content .col_1_5 {
	width:89px;
	margin:0 10px 0 0;
}
.content .col_3_4 {
	width:362px;
	margin:0 10px 0 0;
}


/* ================= Footer ================= */
	.footer .col_1_3 {
	width:226px;
	margin:40px 10px 0 10px;
}
.footer .col_1_3.last {
	width:226px;
	margin:40px 10px 0 10px;
}

}


/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display:block;
	float:none;
	text-align:center;
	width:100%;
}
.header_bg {
	height: auto;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
	width:100%;
}
.main-menu ul {
	position:static !important;
	padding:0 !important;
}
.main-menu li {
	box-shadow:none !important;
	border:0 !important;
	border-top:1px solid #d9d9d9 !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.main-menu li.submenu > a {
	cursor:pointer;
}
.main-menu li a {
	padding:0 16px;
	line-height:33px;
}
.main-menu li ul li a {
	padding-left:32px !important;
}
.main-menu li ul li ul li a {
	padding-left:48px !important;
}
.main-menu li ul {
	display:none !important;
}
.main-menu li:hover > ul {
	display:block !important;
}
/* ================= Blog Post and Sidebar ================= */
	.blog_post .left_side {
	display:none;
}
.blog_post .right_side .published { /*display:inline-block; */
}
.sidebar {
	margin-top:20px;
	float:none;
}
.content {
	float:none;
	margin-right:0;
	width:300px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:300px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:280px;
}
.blog_post .delimiter_vertical {
	padding:0 1px 0 1px;
	margin:0;
	text-indent:-9999px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}


/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:300px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:300px;
}
/* ================= Contact Page ================= */
	.inputText {
	width:285px;
}
.inputTextarea {
	width:285px;
	height:150px;
}
.submit {
	margin:0;
}
/* ================= Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}

}



/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
}
/* ================= Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {
	display:block;
}
.blog_post .right_side .media_query_invisible {
	display:none;
}
.content {
	width:420px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:420px;
}
.content .blog_post .block_post .delimiter_vertical {
	padding:0 1px 0 1px;
	margin:0;
	text-indent:-9999px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:400px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.sidebar {
	float:none;
	width:420px;
}
.sidebar .widget .recent_post .text {
	width:338px;
}

/* ================= Container and Columns ================= */
	.companies .cbody {
	width:420px;
	margin:0 auto;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:420px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:420px;
}



/* ================= Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}



/* ================= Contact page ================= */
	.inputText {
	width:250px;
}
.inputTextarea {
	width:250px;
	height:150px;
}





/* ================= Footer ================= */
	.footer .col_1_3 {
	width:420px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
}


/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 317px) {
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float:none;
	margin:0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:226px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:226px;
}


/* =================  Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {
	display:block;
}
.blog_post .right_side .media_query_invisible {
	display:none;
}
.content {
	width:488px;
	margin-right:20px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:226px;
}
.content .delimiter_vertical {
	display:none;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:206px;
}

.sidebar {
	width:226px;
	float:none;
}
.sidebar .widget {
	width:226px;
}
.sidebar .widget .recent_post .text {
	width:138px;
}
.content .pages {
	margin:0;
}


/* =================  Contact page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:226px;
	height:280px;
}
.inputText {
	width:210px;
}
.inputTextarea {
	width:210px;
	height:70px;
}
.submit {
	margin:0;
}


/* =================  Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
.page_info .search .inputText {
	width:90px;
}



/* =================  Footer ================= */
	.footer .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3.last {
	width:226px;
	margin:40px auto 0 auto;
}



/* =================  Banner ================= */


.MT0 {
	margin-top:0px !important;
}


}





/************************************************************************************
responsive image header
*************************************************************************************/
    /* small mobile */

    @media only screen and (min-width: 240px) and (max-width: 320px) {
		
.bannerbg {
	background-image: none;
	background-color: #497d8e;
	height: 100px;
	width: auto;
	padding: 0;
}
.MT0 {
	margin-top:0px !important;
}

      #banner {
        background-image: url(../images/bannermobile.jpg);
		background-repeat: no-repeat;
        background-color: #497d8e;
        height: 100px;
        width: 300px;
		margin-left: auto;
 		margin-right: auto;
      }
	  


	  /* ================= Header Menu ================= */
	.main-menu {
	margin:0;
	float:right;
	text-align: center;
	padding-bottom:5px;
	}



    }

    /* small image for mobile */

    @media only screen and (min-width: 321px) and (max-width: 480px) {
		
.bannerbg {
	background-image: none;
	background-color: #497d8e;
	height: 100px;
	width: auto;
	padding: 0;
}
.MT0 {
	margin-top:0px !important;
}

      #banner {
        background-image: url(../images/bannermobile.jpg);
		background-repeat: no-repeat;
        background-color: #497d8e;
        height: 100px;
        width: 300px;
		margin-left: auto;
 		margin-right: auto;
      }
	  


	  /* ================= Header Menu ================= */
	.main-menu {
	margin:0;
	float:right;
	text-align: center;
	padding-bottom:5px;
	}


    }

/* medium image for retina displays */

    @media (min-width: 481px) and (max-width: 767px) {
		
.bannerbg {
	background-image: none;
	background-color: #497d8e;
	height: 100px;
	width: auto;
	padding: 0;
}
.MT0 {
	margin-top:0px !important;
}

      #banner {
        background-image: url(../images/bannersmll.jpg);
		background-repeat: no-repeat;
		background-color: #497d8e;
        height: 117px;
        width: 320px;
		margin-left: auto;
 		margin-right: auto;
      }
	  

	    /* ================= Header Menu ================= */
	  /* ================= Header Menu ================= */
	.main-menu {
	margin:0;
	float:right;
	text-align: center;
	padding-bottom:5px;
	}
	
	#videoArea {
		width: auto;
		float: none;
	}

    }
	
	/* medium image for tablets */

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

.bannerbg {
	background-image: url(../images/bannerbgmed.jpg);
	background-position: top center;
	background-color: #497d8e;
	height: 271px;
	width: auto;
	padding: 0;
}
.MT0 {
	margin-top:0px !important;
}
      #banner {
        background-image: url(../images/bannermed.jpg);
		background-repeat: no-repeat;
		background-color: #497d8e;
        height: 271px;
        width: 750px;
		margin-left: auto;
 		margin-right: auto;
      }
	  
	  .main-menu li a {
	display: block;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-top: 0;
	width: auto;
	text-shadow: none;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	z-index:100;
	list-style: none;
}
.main-menu > ul > li {
	float:left;
	margin-right:2px;
	margin-left: 5px;
	list-style: none;
}

    }
	
	
		
	/* large image for desktop */

    @media (min-width: 951px) {

#banner {
        background-image: url(../images/bannerlge.jpg);
		background-repeat: no-repeat;
		background-color: #497d8e;
		height: 271px;
        width: 940px;
		margin-left: auto;
 		margin-right: auto;
}


    }