/*********** SMARTPHONE **************/

@media only screen and (max-width: 767px){


#nav-holder li{
	display: block;
	margin-left: 0;
	padding: 11px;
}

#nav-holder li:last-child{
	margin-bottom: 22px;
}

.sub li:last-child{
	margin-bottom: 0px !important;
}

.dropdown-container .sub{
	position: static;
	width: 100%;
	margin-top: 0px !important;
}

ul.sub {
	margin: 0;
}

.dropdown-container:hover .sub{
	margin-top: 11px !important;
}

#main-nav{
	overflow: hidden;
}

.odd-tri-up, .odd-tri-down, .even-tri-up, .even-tri-down{
	display: none;
}

.ft-work{
	width: 80%;
	margin: 0px auto;
	margin-bottom: 22px;
}

/*#home-slider .btn{
	display: none;
}*/

.hero-h1{
	font-size: 58px;
}

#home-slider .slides li{
	height: 450px;
}

.slide-bg{
	object-fit: cover;
	top: 0;
	left: 0px;
	transform: none;
	min-width: 100%;
	max-width: 300%;
	min-height: 100%;
	max-height: 300%;
}

/*.flexslider .slides img{
	width: 170%;
}*/

.slides .row{
	padding-top: 166px;
}

.filters{
	padding: 10px;
}

.filters li{
	margin-bottom: 11px;
}

.team-member span{
	display: block;
}

#clients{
	text-align: center;
}

#clients img{
	width: 50%;
	
}

.related-works{
	text-align: center;
}

.related-works img{
	max-width: 60%;
	padding-bottom: 11px;
}

.blog-date h4{
	font-size: 13px;
}

.blog-img-holder{
	height: 190px;
}

.blog-pagination{
	padding-left: 44px;
	padding-right: 44px;
	padding-bottom: 22px;
}

.blog-single-img{
	height: 230px;
}

.author-img{
	margin-bottom: 11px;
}

#footer span{
	display: block;
}

#footer .btn{
	margin-top: 75px;
	display: inline-block;
}

.scrImg {
    left: -200px;
}


}

/******** PORTRAIT TABLET ************/


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#nav-holder li{
	width: 100px;
}



}