/*
Media sizes and Navigation
1. Media Sizes
	1.1 media (min-width: 1024px) and (max-width: 1680px)
	1.2 media (min-width: 731px) and (max-width: 1023px)
	1.3 media (min-width: 221px) and (max-width: 730px)
	1.4 media (max-width: 220px)
2. Navigation
	1.1 media screen and (min-width: 730px)
*/		
.LiPage{float:left; height:auto; width:100%; padding:20px 0px; background:#ffffff; position:relative;}
.LiPageRow1{float:left; height:auto; width:100%;  position:relative; padding-bottom:5px;  text-align:center!important;}
.LiPageRow1 img{ position:absolute; top:-31px; width:auto; z-index:1; left:46%;}
.LiPageRow2{float:left; height:auto; width:100%;text-align:center!important;}
.LiPage a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:666666; text-decoration:none; text-transform:uppercase;}
.LiPage a:hover{color:#FF6F6F; text-decoration:none;}


@media (min-width: 1026px) and (max-width: 1680px) {
.bigslider {width: 100% !important;}
.fusion-div-wrapper{width: 95% !important;}		
}	

@media (min-width: 731px) and (max-width: 1025px) {
.Relt_img{ margin-left:14px;}
.container {width:90%;}
.Rgt_blg {width: 30%!important;}
#Middle .Blog h1 {font-size: 150% !important;}
.Img_wdh{width:100%; height:100%;}
/*.Inner_blg_left {width: 60% !important;}*/
.Inner_blg_page {width: 100% !important;}	
.wp-post-image 	{max-width:100%; height: auto !important;}
#Middle .Feature .col img {height: 100% !important;}
.clearfix {/*margin-left: 4% !important;*/}
ul.filterable-grid li {margin-right: /*30px10px;*/margin-bottom: /*30px;10px*/}
.Contact_left {	width:100% /*60%*/;}
.review {width: 95% !important;}
textarea#message.Textbx1 {width: 95% !important;}
.Pad_blg_inr2 {width: 100%;}
.bypostauthor {width: 80%;}
#comment {width: 100% !important;}
#submit {margin-right: 0px !important;}
.Contact_info p {text-align: left;}
.Contact_info {font-size: 17px !important; width: 100% !important; text-align: left !important;}
.Row {width: 77%;}
#header{ height:auto;}
#header .Mid_head .container .Lft_bnr {
    float: left;
    margin-left: 0px;
    width: 55%;}
.Frm_bx { float: right; width: 40%; margin-right: 0%;}
#header .Mid_head .container .intro{ padding:0px 0px 0px 0px; width:-moz-available;}
#header .Mid_head .container .left_arw{ left:-42px; top:90px;}
#header .Mid_head .container .rgt_arw{right:-42px; top:90px;}
#Middle .Feature .col{width:30%; margin-right:5% !important;}
.Flex{width:198px; margin-right:28px;}
/*.Inner_blg_left{ width:450px;}*/
.Share_icon_bx{ padding-left:15px;}
.Rgt_blg{ width:270px;}
.Cont_authr{ width:80%;}
textarea#message.Textbx1{width:	96% !important;}
.bigslider {width: 100% !important;}	
.fusion-div-wrapper{width: 95% !important;}
.bigform{width:80% !important}	
}

@media (min-width: 221px) and (max-width: 730px) {
	
#header .Mid_head .container .left_arw{ top:95px;}	
#header .Mid_head .container .rgt_arw{ top:95px;}
textarea#message.Textbx1 {width: 96% !important;}
.review {width: 95% !important;}
.Contact_info p {text-align: center;}
#Middle .Feature .col{margin-right:5% !important;}
.Contact_info {font-size: 17px !important;width: 100% !important;}
.Row { width: 100% !important;}	
.Blue1 { display: none !important;}
.container {width: auto;}
.container {/*margin-left: 10px; margin-right: 10px;*/ *zoom: 1;}
.Mrgn{ margin-left:0px !important; margin-right:0px !important;}
.Img_wdh{width:100%; height:100%;}
.Location {	width: 30% !important; margin-right: 3% !important;}
.wp-post-image 	{max-width:100%; height: auto !important;}
.blog_page{width: 100% !important; float: left;}
.img {max-width:100%; height:auto}
textarea#message.Textbx1 {width: 96% !important;}
.review {width: 95% !important;}
.Contact_info p {text-align: center;}
.Contact_info {font-size: 17px !important;width: 100% !important; margin-top: 25px !important; text-align: center;}
.Row {width: 100%; !important}
#header .top_head .container .logo{text-align:center; width: 100%;}
#header .top_head .container .call{ 
     position: inherit; 
	 width:100%; background:rgba(0, 0, 0, 0.6); 
	 float:none; 
	 right:0px; 
	 bottom:0px; 
	 border-radius:0px;}

#header{height:auto;}

#header .Mid_head .container .Lft_bnr {
    float: left;
    margin-left: 0px;
    width: 100%;}

.Frm_bx {
    float: left;
    margin-left:0px;
    width: 100%;
	margin-top: 20px;}

#header .Mid_head .container .left_arw {top: 90px; left:-40px;}
#header .Mid_head .container .rgt_arw{top: 90px; right:-40px;}
#header .Mid_head .container .intro {float: left; width: 100%;}	
#Middle .Feature .col{ 
    width:auto; 
	display:block; 
	margin-right:5% !important;}
#Middle .Feature .Abt_cont{ 
    width:100%; 
	padding-right:0px; text-align:left !important;
	background:none;}
#Middle .Feature .Abt_cont h1{ text-align:left !important;}
#Middle .Blog{ padding:0px;}
.Contact_left, .Contact_info{ width:100%;}
.Contact_left{ margin-bottom:40px;}
.Testmnl p{ padding:0px 15px;}
.Flex{ 
    width:100%; 
	margin-right:0px; 
	margin-bottom:20px;}

.Location { width: 100%;}
.Coprgt{ width:50%; margin-bottom:15px;}
.Inner_blg_left{ width:100% !important;}
.Share_icon_bx{ padding-left:15px;}
.Rgt_blg{ width:100% !important;}	
.Cont_authr{ width:70%;}
.Relt_img{ margin-left:20px;}
.Relt_img_dpl{ display:none;}
.Pst_arw_lft, .Pst_arw_rgt { padding-top: 18px;}
ul.filterable-grid.clearfix {/*margin-left:7%;*/}
ul.filter.clearfix {margin-left: 7%;}
.Menubx { width: 100%; text-align: center;}
.toggleMenu {width: 100%;/*96%*/}
.nav { padding: 0px !important; margin-left:7%!important;}
nav#Main_menu { width: 50%;	margin-left: auto; margin-right: auto;}
.top_head .container .call {
background: #f3f3f3 !important;
width: 64% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 20px !important;
margin-top: 5px !important;
border-radius: 5px !important;}
.bigslider {width: 100% !important;}	
#header .Mid_head .container .left_arw{top: 35px;}	
#header .Mid_head .container .rgt_arw{top: 35px;}
.flex-viewport ul li img{height:400px;}
.Cont_authr{ width:66%;}
.Cont_authr2{ width:80% !important;}
.Row {width: 100%; !important}
.social-icon{float: none !important; text-align: center !important; width:100% !important;margin-top:40px !important}
.Coprgt {width: 100% !important;}
.fourcol {
width: 95% !important;
margin-right: 2%;
margin-bottom: 2%;
float: left;}
.threecol {
width: 95% !important;
margin-right: 2%;
margin-bottom: 2%;
float: left;}
.twocol {
width: 95% !important;
margin-right: 2%;
margin-bottom: 2%;
float: left;}
.Location {
width: 100% !important;
margin-right: 3% !important;}
.copyright {
float: none !important;
margin-bottom: 15px !important;
text-align: center !important;}
.Coprgt{text-align: center !important;}
.Contact_info {text-align: center !important;}
ul.filterable-grid.clearfix {/*margin-left:25%;margin-right:25%;*/}
.portfolio-image {height: 110px;}
.fusion-div-wrapper{width: 95% !important;}
.bigform{width:80% !important}
.fusion_heading1 h2:before, .fusion_heading1 h2:after {width:0px !important}
.fusion_heading2 h2:before, .fusion_heading2 h2:after{width:0px !important}
.fusion_heading3 h2:after, .fusion_heading3 h2:before {width:0px !important}
.fusion_heading4 h2:after, .fusion_heading4 h2:before {width:0px !important}
.Row1.Pad_blg_inr.new123 {width: /*88%*/ 100%;}
/*.review-image{width:95%;}
.review-summary{width:95%;}
.review-summary-template{width:95%;float:left}
.review-image-template{width:95%;}
.review{margin:0px !important}
.woahbar{height:auto !important}*/
.portfolio-threecol{margin: 0.9% !important /*2.5%*/;padding: 1.9% !important;float: left !important;margin-bottom: 2% !important;width:95% !important}
}


/*@media (min-width: 221px) and (max-width: 321px) {
.portfolio-image {height: 60px !important;}

}*/

@media (max-width: 220px) {


textarea#message.Textbx1 {width: 94% !important;}
.Location { width: 100% !important;}	
.social-icon { float: none ; 
			   margin-left: 20% !important;;margin-top:40px !important}	
.Coprgt { float: none; 
		  width: 100%; 
		  margin-left: 15% !important;}
ul.filterable-grid.clearfix { margin-left: 1% !important;}
.Contact_left .inpt_wdh { width: 97% !important;}
.Textbx3 { margin-top: 20px;}
.Contact_info .share_icon { text-align: center;}
.review-summary { width: 95% !important;}
.threecol{
	width: 100% !important;
	margin-right: 2% !important;
	float: left;
	margin-bottom:2% !important;}
.fourcol{
	width: 100% !important;
	margin-right: 2% !important;
	float: left;
	margin-bottom:2% !important;}
.twocol{
	float: left;
	width: 100% !important;
	margin-right: 2%;
	margin-bottom:2% !important;}	
section.col.overover {
	float: left;
	width: 100% !important;
	margin: 2% 2% 2% 0%;}
#header .Mid_head .container .Lft_bnr, .Frm_bx {
width: 100% !important;}
.intro {padding: 0px !important; width: 100% !important;}
img.attachment-bloghome-thumb.wp-post-image{width:	100%; height: auto}	
.toggleMenu {width: 89%;}
.fusion-div-wrapper{width: 95% !important;}
.bigform{width:80% !important}
}


/*----------------------- navigation menu starts here----------------------------*/

ul, li, a  {margin: 0; padding: 0;}

ol,
ul {list-style: none; }

nav,
{
	display: block;
}

.menu-toggle { display: none;}

/* Buttons */

.menu-toggle,
button,
input[type="button"],
input[type="reset"] {
	cursor: pointer;
	
	margin-top: 20px;
	margin-bottom: 3px;
}
button[disabled],
input[disabled] {
	cursor: default;
}


/* Navigation Menu */
.main-navigation {
	text-align: center;
}
.main-navigation li {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}


.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

a {
	outline: none;
	color: #21759b;
}
/*a:hover {
	color: #0f3647;
}*/

/* Navigation Menu */
.main-navigation {
	/*margin-top: 24px;
	margin-top: 1.714285714rem;*/
	text-align: center;
}
.main-navigation li {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	display: block;
	border-bottom: 1px solid #000;
	padding: 8px;
	text-decoration: none;
	}
.main-navigation a:hover {
	/*color: #000;*/
	font-weight:bold;
	background-color:#fff;
	padding: 5px;
	border-top: 3px solid #21a0ce;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
	width:60%;
	font-weight: bold;
	
}

/* =Media queries For Menu
-------------------------------------------------------------- */

/* Minimum width of 769 pixels. */
@media screen and (min-width: 769px) {

.Blue1 {} 
.Blue2 {display: none !important;}

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: right !important;
		width: 70%;
		float:right !important;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #ffffff;
		line-height: 0.9rem ;
		white-space: nowrap;
		padding:15px;
		border-top: 3px solid transparent;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-moz-backface-visibility: hidden;
	}
	.main-navigation li a:hover {
		color: #fff;
		background-color:#fff;
		border-top: 3px solid #21a0ce;
	}
	.main-navigation li {
		margin: 0 10px 0 10px;
		margin: 0 0 0 0;
		position: relative;
		}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 250;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 1.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 6.85714286rem;
		white-space: normal;
		text-align: center;
	}
	.main-navigation li ul li a:hover {
		background-color: #fff !important;
		color: #000 !important;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #fff;
		font-weight: bold;
		border-top: 3px solid #ce2222;
	}
	.main-navigation .current-menu-item > a:hover{color: #000;background-color:#fff;}
	
	.menu-toggle {
		display: none;
	}
	
	.main-navigation ul.nav-menu.toggled-on,
	.menu-toggle {
	width: 60% !important;
	}
	
	.main-navigation a {
	padding: 42px 20px !important;
	display: block !important;
	background: transparent !important;
	}
	
}


@media screen and (max-width : 767px) {
.nav{ margin-left: 0% !important;}
}

/* --------navigation ends here-----------  */	