﻿/***** Media Quries *****/
@media only screen and (max-width: 1366px) {
	.wrap{
		width:95%;
	}
	.header-box {width:20%;margin-top:10px;}
	.slider h2,.slider h1 {
		font-size: 1.8em;
		margin-top:-30px;
	}
	.slider h2 {
		font-size: 1.8em;
		margin-top: 0px;
	}
	#nav > ul > li > a {
		font-size: 1em;
		padding: 0 8px;
		line-height: 55px;
	}

}
@media only screen and (max-width: 1280px) {
	.wrap{
		width:95%;
	}
	.header-box {width:25%;margin-top:10px;}
	.slider h2 {
		font-size: 1.6em;
		margin-top: 0px;
	}

	.slider h3, .slider h1 {
		margin-top: 0px;
	}
     .ads_nav li {
       margin-right: 0px;
    }
	#nav > ul > li > a {
		font-size: .9em;
		padding: 0 8px;
		line-height: 55px;
text-align: center;
	}
}
@media only screen and (max-width: 1024px) {
	.wrap{
		width:95%;
	}
	.header-box {width:23%;margin-top:10px;font-size:12px;padding-top:10px;padding-right:50px;}
	.phone-back,.mail-back{background-size:32px;background-position:calc(100% - 10px) 15px;}
	.slider h2 {
		font-size: 1.5em;
		margin-top: 0px;
	}
	.slider h3, .slider h1 {
		margin-top: 0px;
	}
	.span1_of_4 h4 {
		font-size: 1em;
	}
	.menu li {
		margin-left: 8px;
	}
	.menu li a {
		padding: 8px 12px;
		font-weight: 400;
	}
    .ads_nav li {
        width: 98%;
        margin-right: 5px;
    }
    .da-slide h2{font-size:40px;}
	#nav > ul > li > a {
		font-size: .73em;
		padding: 0 8px;
		line-height: 55px;
	}
    
}
@media only screen and (max-width: 800px) {
	.wrap{
		width:95%;
	}
	.logo{
		float:none;
		margin:20px 0;
		text-align:center;
	}
	.header-box {width:33%;margin-top:0;}
	#nav {
		background:#ECF0F1; /*#19BD9B;*/
		/*height: 44px;*/
		float:none;
	}
	.menu {
		display: none;
	}
	.slider h3, .slider h2, .slider h1 {
		margin-top: 0px;
	}
	.nav {
	    display: inline-block;
	}
	.sb-search {
        margin-top:0px;
		top: 0px;
		min-width: 44px;
		height: 44px;
	}
	.sb-icon-search, .sb-search-submit {
		width: 44px;
		height: 44px;
		line-height:38px;
	}
	.sb-icon-search {
		color: #fff;
		background: #19BD9B url('../images/search_h.png') no-repeat 10px 10px;
		z-index: 90;
	}
	.sb-search-input {
		width: 90%;
		height: 28px;
		padding: 10px 20px;
	}
	.header_btm {
		padding: 0 4% 4%;
		text-align: center;
	}
	.h_right {
		float: none;
	}
	.soc_icons {
		margin-top:3%;
		float: none;
	}
	.soc_icons ul li {
		float: none;
		display: inline-block;
		margin-right: 5px;
	}
	.content {
		margin-top: -70px;
	}
	.span1_of_4 {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.span1_of_4 h4 {
		margin:4% 0 2%;
	}
	.span1_of_4 span {
		margin-top: 2%;
	}
	.span1_of_4 p.top {
		margin-top: 1%;
	}
	.f_icons {
		margin: 2% 0 0%;
	}
	.f_nav li a img {
		width: 100%;
	}
	.footer_top {
		text-align: center;
	}
	.f_nav1 {
		float: none;
	}
	.f_nav1 li {
		display: inline-block;
		float: none;
		margin-right: 10px;
	}
	.copy {
		float: none;
		margin: 2% 0;
	}
	.blog_right {
		float: none;
		width: 100%;
	}
	.blog_sidebar {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.social_network_likes {
		clear: both;
	}
	.ca-item h4 span.quote {
		width: 14.333%;
	}
	.ca-item h4 span {
		font-size: 1.2em;
	}
	.ca-item span.quote_text {
		width: 80.333%;
	}
	.pagination li a {
		padding: 8px 14px;
	}
	.ca-nav span {
		top: 84%;
		right: 86%;
	}
	.blog_list li a {
		padding: 10px 4px;
	}
     .ads_nav li {
        width: 48.3333%;
    }
     .col25{width:48.333%;}
}
@media only screen and (max-width: 640px){
	.wrap{
		width:95%;
	}
	.slider h3, .slider h2, .slider h1 {
		margin-top: 0px;
	}
	#nav > ul > li > a {font-size: 1.2em;}
	.header-box {width:33%;margin-top:0;}
	#filters li {
		display: inline-block;
		margin: 0 5px;
	}
	.text-title {
		font-size: 0.8725em;
	}
	#filters li span {
		font-size: 0.8125em;
		padding: 4px 0px;
	}
	.content {
		margin-top: -50px;
	}
	.cont-grid-img {
		margin-left: 0%;
		float: none;
		width: 100%;
	}
	.cont-grid {
		float: none;
		width: 100%;
	}
	.cont-grid h4 {
		font-size: 1.2em;
	}
	.folio_list li h3 {
		font-size: 1em;
	}
	.folio_list li {
		float:right;
		width: 44.3333%;
	}
	.folio_list li:nth-child(3) {
		margin-right: 0;
	}
	.blog_right {
		float: none;
		width: 100%;
	}
	.b_left h4 {
		font-size: 1em;
	}
	.blog_list li a {
		font-size: 0.8125em;
		padding: 10px 0px;
	}
	.blog_list {
		float: none;
	}
	.blog_art {
		float: none;
	}
	.b_right {
		width: 12.333333%;
	}
	.b_left {
		float: right;
		width: 84.333333%;
	}
	.tag_nav {
		margin: 4% 0;
	}
	.contact_right {
		float: none;
		margin-left: 0%;
		width: 100%;
	}
	.map {
		margin: 2% 0%;
	}
	.contact_left {
		float: none;
		width: 100%;
	}
   .da-slide h2{font-size:30px;width:83%;top:200px;}
    .da-slide p {width: 73%;top: 270px;}
   .da-slide .da-img{top: 10px;}
    .da-slide .da-link {top:80px;right: 50%;width:150px;font-size:15px;}
   /*.da-slide{width:20px; border:1px solid #19BD9B;}*/
   .col25{width:100%;}
.col70{	width:90%;}
.divkeyword a{font-size:11px;}
}
@media only screen and (max-width: 480px) {
	.wrap{
		width:95%;
	}
	.content {
		margin-top: -40px;
	}
	.h_right h2 {
		font-size: 1.2em;
	}
	#portfoliolist .portfolio {
		width: 45%;
		margin: 10px;
	}
	.header_btm {
		padding: 0% 4% 4%;
	}
	.header-box{width:100%; margin: 0;padding: 0;text-align: center;font-size:15px;min-height: 0;}
.header-box a {min-height:auto;
	.slider h1 {
		font-size: 1.5em;
		font-weight: 400;
		margin-top: 0px;
	}
	.slider h3, .slider h2 {
		font-size: 0.8125em;
		font-weight: 400;
		margin-top: 0px;
	}
	.folio_list li {
		float: none;
		width: 100%;
		text-align: center;
		margin: 2% 0;
	}
	.b_right {
		width: 16.333333%;
	}
	.b_left {
		width: 80.333333%;
	}
	.ca-item h4 span {
		font-size: 0.8125em;
	}
	.ca-nav span {
		top: 85%;
		right: 77%;
	}
	.pagination {
		top: -40px;
	}
	.ca-container {
		height: 180px;
	}
	.contact-form input[type="text"], .contact-form textarea {
		width: 93.3333%;
	}
	.details h2 {
		font-size: 1em;
	}
    .ads_nav li {
        width: 98%;
    }
     .da-slider {height:300px;}
    .da-slide h2{font-size:25px;width:83%;top:45%;}
    .da-slide p {width: 73%;top:60%;font-size:15px;}
   .da-slide .da-img{top:10px;height:auto;line-height: 10px;}
    .da-slide .da-link {top:40px;right:45%;font-size:15px;border:3px solid rgba(255,255,255,0.8);width: 100px; }
.col70{	width:90%;}
.footer video {width:100%;}
}
@media only screen and (max-width: 320px) {
	.wrap{
		width:95%;
	}
	.header {
		padding: 4% 4%;
	}
	.header-box {width:100%;margin-top:0;}
	.content {
		margin-top: -20px;
	}
	.cont-grid h4 {
		font-size: 1em;
	}
	#portfoliolist .portfolio {
		width: 100%;
		margin: 10px 0px;
	}
	.h_right h2 {
		font-size: 1em;
	}
	.soc_icons h2 {
		font-size: 1em;
	}
	.b_right {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.b_left {
		margin-top: 4%;
		width: 100%;
	}
	.ca-container {
		height: 250px;
	}
	.ca-nav span {
		top: 75%;
		right: 65%;
	}
	.pagination {
		top: -15px;
	}
	.resp-tab-item {
		font-size: 0.8125em;
	}
	.contact-form input[type="text"], .contact-form textarea {
		width: 90.3333%;
	}
   .da-slider {height:250px;}
.col70{	width:90%;}
.footer video {width:100%;}
}
