@media (max-width:1200px) {
	.portfolio-area li {
	margin: 0px 4px 4px;
}
.quote {
    right: 10px;
}
.clients-list li {
 margin:0px 9px;
}
}
 @media (min-width:768px) and (max-width:980px) {
 .vertical-nav ul li a {
 font-size: 12px;
}
.vertical-nav .h2, .get .h2 {
    font-size: 16px;
}
.clients-list li {
 margin:0px 3px;
 text-align:center;
}
/* nav */
#fdw nav ul li {
 margin-left:3px;
}
#fdw nav ul li a:link, #fdw nav ul li a:visited {
    font: 14px "Dosis";
}
.quote {
    position: absolute;
    left: 255px;
    top: -112px;
    z-index: 999;
}
.portfolio-area li {
	margin: 0px 4px 4px;
}
}
 @media (max-width:767px) {
.top-nav-box {
	float:none;
    text-align: center;
}
.logo {
 float: none;
 width: auto;
 background:url(../images/logo.png) top center no-repeat;
}
.tittle {
 width:100%;
 margin:0 auto;
}
footer p {
  text-align:center !important;
}
/* nav menu ul & select */
#fdw nav ul {
 display:none;
}
 #fdw nav select {
 width:100%;
 display:block;
 cursor:pointer;
 padding:6px;
 background:#1276b5;
 border:1px solid #e3e3e3;
 color:#fff;
}
.welcome h1::after, .welcome h1::before, .services-hm h1::after, .services-hm h1::before, .clients h1::after, .clients h1::before {
 display: none;
}
.carousel-control.left, .carousel-control.right {
 background:none !important;
}
.clients-list {
 text-align:center;
}
.clients-list li {
 margin:8px 3px;
 text-align:center;
}

.inner-banner h1{
	 font-size:20px;
}

 .hidden-desktop {
 display: inherit !important;
}
.visible-desktop {
 display: none !important;
}
.visible-phone {
 display: inherit !important;
}
.hidden-phone {
 display: none !important;
}
}
 @media (max-width:480px) {
}
 @media (max-width:320px) {
}