/*IPhone and Samsung Galaxy S1 and S2 Portrait (both 320px) */	

@media only screen and (max-width: 375px) { 
	.wrap,.menu-main-menu-container{width:290px!important;}
	.textintro{display:none;}
	.socials{ padding: 16px 0 0;}
	.footer-block{width:100% !important; margin:0 0 20px 0;}
	.footer-block.last{float:left!important; text-align:left!important;}
	.footer-block.last .menu li a{padding-left:0;padding-right:8px;}
	.footer-block.last .menu li:first-child a{padding-left:0;}
	#footer{padding:40px 0 0 0;}
	#mainbody{padding: 40px 0 30px;}
	.slides-home{display:none;}
	.logo-home{position:relative;}
	.logo-home img{padding:35px 0 0 0; border-radius:0; top:0;}
	h1{font-size:36px;} h2{font-size:26px;}
	.homewidget ul li,.homewidget ul li:last-child{float:none; margin:0 auto 15px!important;max-width:100%!important;}
	.colleft,.colright{width:100%; margin:0 0 15px 0;}
	ul.sub-menu{display:block!important;position: relative!important; left:0!important;}
	.content-inner p{padding:0 0 20px;}
    .content-inner img{margin-left: 0; max-width: 100%;}
	.homewidget ul li{max-width:100%;}
			.othersinner img{ width:100%;}

.othersinner span{ width:100%; }
}





/*Phone 4 (480px) Landscape and Samsung Galaxy S3 Portrait (360px)*/	

@media only screen and (min-width: 376px) and (max-width: 480px){
	.wrap,.menu-main-menu-container{width:450px!important;min-width:300px!important;}
	.textintro{display:none;}
	.socials{ padding: 16px 0 0;}
	.footer-block{width:100% !important; margin:0 0 20px 0;}
	.footer-block.last{float:left!important; text-align:left!important;}
	.footer-block.last .menu li a{padding-left:0; padding-right:15px;}
	.footer-block.last .menu li:first-child a{padding-left:0;}
	#footer{padding:40px 0 0 0;}
	#mainbody{padding: 40px 0 30px;}
	.slides-home{display:none;}
	.logo-home{position:relative;}
	.logo-home img{padding:35px 0 0 0; border-radius:0; top:0;}
	.homewidget ul li,.homewidget ul li:last-child{float:none; margin:0 auto 15px!important;max-width:100%!important;}
	h1{font-size:36px;} h2{font-size:26px;}
	.colleft,.colright{width:100%; margin:0 0 15px 0;}
	ul.sub-menu{display:block!important;position: relative!important; left:0!important;}
	.content-inner p{padding:0 0 20px;}
    .content-inner img{margin-left: 0; max-width: 100%;}
			.othersinner img{ width:100%;}

.othersinner span{ width:100%; }
}




/*Iphone 5 (568px) and Samsung Galaxy S1 and S2 (533px) Landscape */	

@media only screen and (min-width: 481px) and (max-width: 568px){
	.wrap,.menu-main-menu-container{width:550px!important;min-width:300px!important;}
	.textintro{display:none;}
	.socials{ padding: 16px 0 0;}
	.footer-block{width:100% !important; margin:0 0 20px 0;}
	.footer-block.last{float:left!important; text-align:left!important;}
	.footer-block.last .menu li a{padding-left:0; padding-right:15px;}
	.footer-block.last .menu li:first-child a{padding-left:0;}
	#footer{padding:40px 0 0 0;}
	#mainbody{padding: 40px 0 30px;}
	.slides-home{display:none;}
	.logo-home{position:relative;}
	.logo-home img{padding:35px 0 0 0; border-radius:0; top:0;}
	.homewidget ul li,.homewidget ul li:last-child{float:none; margin:0 auto 15px!important;max-width:100%!important;}
	h1{font-size:36px;} h2{font-size:26px;}
	.colleft,.colright{width:100%; margin:0 0 15px 0;}
	ul.sub-menu{display:block!important;position: relative!important; left:0!important;}
	.content-inner p{padding:0 0 20px;}
    .content-inner img{margin-left: 0; max-width: 100%;}
			.othersinner img{ width:100%;}

.othersinner span{ width:100%; }
}


/*Samsung Galaxy S3 Landscape (640px) */	

@media only screen and (min-width:569px) and (max-width: 667px) { 
    .wrap{width:620px!important;min-width:300px!important;}
	.content-inner p{padding:0 0 20px;}
    .content-inner img{margin-left: 0; max-width: 100%;}
	
		.othersinner img{ width:100%;}

.othersinner span{ width:100%; }
}




@media only screen and (max-width:768px) {
	.wrap,.menu-main-menu-container{width:715px;min-width:10px;}
	.socials{padding:16px 0 0 0;}
	.navbar-nav,.navbar-nav li:hover ul{display:none;}
	.main-nav{background:none;border-radius:0;}
	.hide-mobile{display:none;}
	.show-mobile{display: inline-block;float: none;}
	#home-area .mainbar{width:100%;margin:0 0 30px 0;}
	#home-area .rightbar{width:100%;margin:0 0 0 0;}
	.main-nav{padding:0;}
	.homewidget ul li{margin: 0 4% 15px 0; max-width: 48%;}
	.homewidget ul li:nth-child(2n){margin-right:0!important;}
	.homewidget ul li img{width:100%;}
	.homewidget ul li:last-child{}
	.logo-home{top:25%;}
	.footer-block,.footer-block.first{width:50%; margin:0 0 15px 0;}
	.footer-block.last{float:left; text-align:left;clear: both;}
	.footer-block.last .menu li:first-child a{padding-left:0;}
	.content-inner p{padding:0 0 20px;}
    .content-inner img{margin-left: 0; max-width: 100%;}
	#header .cl_resp {
    	clear: both;
    	display: block;
	}	
	#header{padding:40px 0 20px 0;}
	.navbar-nav {
    	border-top: 0px solid #e4ebf0;
    	margin: 0;
    	position: relative;
		float:none!important;
	}
	
	
	.navbar-nav ul{position:relative; width:100%;}
	
	.navbar-nav > li{float:none!important;}
	
	.responsive_nav {

  		border: 0px solid #dddddd;

  		box-sizing: border-box;

  		display: block !important;

  		float: left;

  		height: 34px;

  		margin: 0;

  		position: relative;

  		right: 0%;

  		transition: all 0.3s ease-in-out 0s;

  		width: auto;

  		z-index: 99;

	}
	
	.responsive_nav i{
		color: #000;
		font-family: "AvenirLTStd-Light";
    	display: block;
    	font-style: normal;
    	padding: 12px 0 0 45px;
    	text-transform: uppercase;
		float: none;
	}
	
	.responsive_nav i:hover{text-decoration:none;}


	.responsive_nav span {

	    display:block;

	    height:5px;

	    position:relative;

	    width:37px;

	    top:17px;

	    left:0;

	}



	.responsive_nav span:before, 

	.responsive_nav span:after {

	    content:"";

	    display:block;

	    height:5px;

	    left:0;

	    position:absolute;

	    top:9px;

	    width:37px;

	}



	.responsive_nav span:after {

		top:18px;

	}



	.responsive_nav span,

	.responsive_nav span:before,

	.responsive_nav span:after {

		background-color:#525252;

	}

	

	.responsive_nav:hover span,

	.responsive_nav:hover span:before,

	.responsive_nav:hover span:after,

	.responsive_nav.active span,

	.responsive_nav.active span:before,

	.responsive_nav.active span:after {

		-webkit-transition:background-color .3s ease-in-out;

		-moz-transition:background-color .3s ease-in-out;

		-ms-transition:background-color .3s ease-in-out;

		-o-transition:background-color .3s ease-in-out;

		transition:background-color .3s ease-in-out;

	}
	
	.menu-main-menu-container {
    	background: none;
    	display: inline-block;
    	margin: 0 auto;
    	position: absolute;
    	top: 75px;
    	z-index: 99999;
	}
	
	.menu-main-menu-container ul{ background: #e3e3ed; margin: 15px 0; padding: 10px 0;}
	.menu-main-menu-container ul li{background:#e3e3ed;}
	.navbar-nav li a{margin:0!important; padding:5px 10px 3px 15px !important; border-bottom:5px solid #e3e3ed!important; }
	
	.navbar-nav li:hover a, .navbar-nav li a:hover, .navbar-nav li.current-menu-item a, .navbar-nav li.current-page-item a,.nav > li > a:focus, .nav > li > a:hover{background:none!important;border-bottom:5px solid #ca3d1a; }
	
	ul.sub-menu{background:none;border:none;padding: 0; left:15px!important; display:none; margin:0!important;}
	
	ul.sub-menu li{
		background:#e3e3ed!important;
    	float: none;
    	margin: 0;
    	padding: 0;
    	width: 100%;
		
	}
	
	ul.sub-menu li a{
		background: none!important ;
    	padding-left: 20px !important;
		border-bottom:none!important;
	}
	
	ul.sub-menu li a:hover,ul.sub-menu li:hover a{border-bottom:none!important;color:#ca3d1a!important;}
	
	
	ul.sub-menu li ul{background:none!important;padding-top: 0;}
	
	ul.sub-menu li ul li a{color: #fff !important;line-height: normal !important;padding: 5px 15px 5px 35px !important;}
	
	
	.othersinner img{ width:48%;}

.othersinner span{ width:48%; }


}

@media only screen and (min-width:769px) and (max-width:1024px) {
	.wrap,.menu-main-menu-container{max-width:980px;}
	.homewidget ul li{max-width:222px;}
	.footer-block,.footer-block.first{width:50%; margin:0 0 15px 0;}
	.footer-block.last{float:left; text-align:left;clear: both;}
	.footer-block.last .menu li:first-child a { padding-left: 0;}
	#header .cl_resp {
    	clear: both;
    	display: block;
	}	
	#header{padding:40px 0 20px 0;}
	.navbar-nav,.navbar-nav li:hover ul{display:none;}
	.main-nav{background:none;border-radius:0;}
	.navbar-nav {
    	border-top: 0px solid #e4ebf0;
    	margin: 0;
    	position: relative;
		float:none!important;
	}
	
	
	.navbar-nav ul{position:relative; width:100%;}
	
	.navbar-nav > li{float:none!important;}
	
	.responsive_nav {

  		border: 0px solid #dddddd;

  		box-sizing: border-box;

  		display: block !important;

  		float: left;

  		height: 34px;

  		margin: 0;

  		position: relative;

  		right: 0%;

  		transition: all 0.3s ease-in-out 0s;

  		width: auto;

  		z-index: 99;

	}
	
	.responsive_nav i{
		color: #000;
		font-family: "AvenirLTStd-Light";
    	display: block;
    	font-style: normal;
    	padding: 12px 0 0 45px;
    	text-transform: uppercase;
		float: none;
	}
	
	.responsive_nav i:hover{text-decoration:none;}


	.responsive_nav span {

	    display:block;

	    height:5px;

	    position:relative;

	    width:37px;

	    top:17px;

	    left:0;

	}



	.responsive_nav span:before, 

	.responsive_nav span:after {

	    content:"";

	    display:block;

	    height:5px;

	    left:0;

	    position:absolute;

	    top:9px;

	    width:37px;

	}



	.responsive_nav span:after {

		top:18px;

	}



	.responsive_nav span,

	.responsive_nav span:before,

	.responsive_nav span:after {

		background-color:#525252;

	}

	

	.responsive_nav:hover span,

	.responsive_nav:hover span:before,

	.responsive_nav:hover span:after,

	.responsive_nav.active span,

	.responsive_nav.active span:before,

	.responsive_nav.active span:after {

		-webkit-transition:background-color .3s ease-in-out;

		-moz-transition:background-color .3s ease-in-out;

		-ms-transition:background-color .3s ease-in-out;

		-o-transition:background-color .3s ease-in-out;

		transition:background-color .3s ease-in-out;

	}
	
	.menu-main-menu-container {
    	background: none;
    	display: inline-block;
    	margin: 0 auto;
    	position: absolute;
    	top: 75px;
    	z-index: 99999;
	}
	
	.menu-main-menu-container ul{ background: #e3e3ed; margin: 15px 0; padding: 10px 0;}
	.menu-main-menu-container ul li{background:#e3e3ed;}
	.navbar-nav li a{margin:0!important; padding:5px 10px 3px 15px !important; border-bottom:5px solid #e3e3ed!important; }
	
	.navbar-nav li:hover a, .navbar-nav li a:hover, .navbar-nav li.current-menu-item a, .navbar-nav li.current-page-item a,.nav > li > a:focus, .nav > li > a:hover{background:none!important;border-bottom:5px solid #ca3d1a; }
	
	ul.sub-menu{background:none;border:none;padding: 0; left:15px!important; display:none; margin:0!important;}
	
	ul.sub-menu li{
		background:#e3e3ed!important;
    	float: none;
    	margin: 0;
    	padding: 0;
    	width: 100%;
		
	}
	
	ul.sub-menu li a{
		background: none!important ;
    	padding-left: 20px !important;
		border-bottom:none!important;
	}
	
	ul.sub-menu li a:hover,ul.sub-menu li:hover a{border-bottom:none!important;color:#ca3d1a!important;}
	
	
	ul.sub-menu li ul{background:none!important;padding-top: 0;}
	
	ul.sub-menu li ul li a{color: #fff !important;line-height: normal !important;padding: 5px 15px 5px 35px !important;}
	.content-inner p{padding:0 0 20px;}
    .content-inner img{margin-left: 0; max-width: 100%;}
}

@media only screen and (min-width:1025px) and (max-width:1199px) {
	.wrap{max-width:1000px;}
	.homewidget ul li{max-width:227px;}
}


@media only screen and (min-width:1200px) and (max-width:1300px) {
	.wrap{max-width:1100px;}
}