@media only screen and (orientation:landscape) {
body {
	-webkit-text-size-adjust: none
}
}

@media only screen and (orientation:portrait) {
body {
	-webkit-text-size-adjust: none
}
}
@media (min-width: 1200px)  {
.footer {
	position: static;
	padding: 45px 0;
}
.wrapper {
    margin-bottom: 0;
}
}
@media (max-width: 1024px) {
.info-w {
    width: 48%;
    margin-top: 30px;
    margin-left: 10px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    padding: 12px;
}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
body {
	overflow-x: none
}
.wrapper-inner p {
	font-weight: 300
}
.inner-right {
	max-width: 590px;
}
.contact-form label {
	max-width: 278px;
	font-weight: 300
}
.footer-bot p {
	font-weight: 300
}
.wrapper {
    margin-bottom: 116px;
}
}

@media (min-width: 769px) and (max-width: 991px) {
body {
	overflow-x: none
}
.wrapper {
	margin-bottom: 0
}
.grid figure figcaption {
	padding: 3%
}
.grid figure figcaption p {
	line-height: 15px
}

.wrapper-inner p {
	font-weight: 300
}
.inner-left, .inner-right, .wrapper-inner {
	float: none;
	max-width: 100%
}
.main-wrapper-inner {
	margin-bottom: 0
}
.contact-wrapper {
	margin: 30px 0
}
.contact-wrapper .phone, .contact-wrapper .email {
	display: inline-block;
	text-align: center;
	width: 45%
}
.contact-form label, .footer-bot p {
	font-weight: 300
}
.contact-wrapper header h4 {
	text-align: center
}
.wrapper-inner {
	padding-top: 20px
}
.post figure, .post {
	margin-bottom: 20px
}
.wrapper-inner p.cat-pan {
	padding-bottom: 0
}
.footer {
	position: static;
	padding: 45px 0
}
.wrapper {
    margin-bottom: 0;
}
}

@media only screen and (max-width:768px) {
body {
	overflow-x: none
}
.wrapper {
	margin-bottom: 0;
}
.wrapper-inner {
	padding-top: 20px
}
.grid figure figcaption h2 {
	font-size: 20px
}
.grid figure figcaption p {
	line-height: 15px
}
.wrapper-inner p {
	font-weight: 300
}
.main-menu ul li.active::after, .main-menu ul li:hover::after {
	width: 50%
}
.footer {
	position: static;
	padding: 45px 0
}
.inner-left, .inner-right, .wrapper-inner {
	float: none;
	max-width: 100%
}
.main-wrapper-inner {
	margin-bottom: 20px
}
.details-image {
	margin-bottom: 20px
}
.contact-wrapper {
	margin: 30px 0
}
.contact-form label {
	max-width: 100%;
	font-weight: 300
}
.contact-wrapper .phone, .contact-wrapper .email {
	display: inline-block;
	text-align: center;
	width: 100%
}
.contact-wrapper header h4 {
	text-align: center
}
.footer-bot p {
	font-weight: 300
}
.post figure, .post {
	margin-bottom: 20px
}
.wrapper-inner p.cat-pan {
	padding-bottom: 0
}
.comments-pan h3 {
	padding-bottom: 15px
}
.comments-reply li section {
	width: 100%;
	padding-left: 0
}
.reply-pan {
	margin-left: 3%
}
.commentys-form input[type="text"], .commentys-form input[type="email"], .commentys-form input[type="url"], .commentys-form textarea {
	margin-top: 10px
}
.wrapper {
    margin-bottom: 296px;
}
}

@media (min-width:480px) and (max-width:768px) {
.grid figure figcaption {
	padding: 3%
}

.contact-wrapper .phone, .contact-wrapper .email {
	display: inline-block;
	text-align: center;
	width: 45%
}
.contact-form label {
	max-width: 45%;
}

.info-m, .info-w {
    width: 47.6%;
	padding: 5px 10px 0px;
} 
.info-w {
	margin-left: 6px;
}
.wrapper {
    margin-bottom: 0;
}
}

@media only screen and (max-width:414px) {
.wrapper {
    margin-bottom: 0;
}	
.fv {
    margin: 30px 0 0 0;
}
.web-works {
    margin: 0;
	padding:0;
 
}
h3.mgn-TB {
    font-size: 18px;
 
}
p.description {
    margin-top: 10px;
    line-height: 140%;
    font-size: 12px;
}
.info-m {
    width: 45%;
	padding: 5px 10px 0px;
} 

.info-w {
    width: 45%;
	margin-left: 8px;
	padding: 5px 10px 0px 5px;
} 
.info-m, .info-w {
	margin-top: 10px;
}

}
@media only screen and (max-width:400px) {
.small-block-grid-2 > li {
	width: 100%
}
}

@media only screen and (max-width:320px) {
h3.mgn-TB {
    font-size: 16px;
}
p.description {
    margin-top: 10px;
    line-height: 140%;
    font-size: 8px;
}
.info-m, .info-w {
    width: 44%;
    margin-top: 10px;
}

}