/*======================================
			RESPONSIVE CSS
=======================================*/
/* Large */
@media(max-width:1024px) {
#intro .intro-sec h5 {
	margin: 0px;
	font-size: 14px;
}
.flex-direction-nav {
	margin-top: 15%;
}
.flex-control-thumbs li {
	width: 120px;
}
#testimonials .carousel-indicators{
	margin-top:0px;
}
}
@media (max-width: 600px) {
.flex-control-thumbs li {
	width: 80px !important;
}
#testimonials .flexslider .slides {
	margin-top: 180px;
}
.comas {
	display: none;
}
#slides .text h1 {
	font-size: 50px !important;
}
}
@media(max-width:540px) {
.contact-form form {
	width: 100%;
	padding: 0px;
}
.over a.expand {
}
.flex-control-thumbs li {
	width: 70px !important;
}
.flex-direction-nav {
	top: 20%;
}
#team .owl-prev {
	left: 10px;
}
#team .owl-next {
	right: 10px;
}
.go-down {
	bottom: 20px;
}
header nav {
	background: #fff;
}
header nav li {
	width: 100%;
	margin: 0px;
	padding: 2px 0;
}
#home .btn {
	padding: 10px 20px;
}
.modal-body .owl-img {
	height: 200px !important;
}
#clients .owl-next {
	right: 0px;
}
#clients .owl-prev {
	left: 0px;
}
#team .team {
	padding: 0px;
}
#team .owl-prev {
	left: 0px;
}
#team .owl-next {
	right: 0px;
}
.color-switcher {
	display: none;
}
#loader {
	display: none !important;
}
.mfp-close-btn-in .mfp-close {
	right: 0px;
	left: 0px;
}
.top-bor {
	padding-top: 55px;
}
.port-inner img {
	width: 100%;
	margin-bottom: 20px;
}
.com-form input {
	width: 100%;
}
}
@media(max-width:400px) {
.filter li a {
	padding: 7px 19px !important;
}
.portfolio .item {
	width: 100% !important;
}
.flex-control-thumbs li {
	width: 50px !important;
}
#slides .text h1 {
	font-size: 50px !important;
}
}
@media(max-width:320px) {
.portfolio .item {
	width: 100% !important;
}
#slides .text h1 {
	font-size: 30px !important;
}
.filter li a {
	padding: 7px 10px !important;
}
.go-down {
	bottom: 50px;
}
#home .btn {
	padding: 10px 20px;
}
.flex-control-thumbs li {
	width: 50px !important;
}
}
/* Extra Small */
@media(max-width:980px) {
}



/* Small */
@media(min-width:768px) and (max-width:991px) {
.item-info {
	margin-top: 50px;
	text-align: center;
}
.item-info span {
	text-align: left;
}
.home-agency .position-center-center{
	width:100%;
	padding:0px;
}
.home-agency  .flex-direction-nav{
}
.home-agency h1{
	font-size:50px;
}
.portfolio .item {
	width: 50%;
}
.flex-control-thumbs li {
	width: 110px;
}
#testimonials .flexslider .slides {
	margin-top: 240px;
}
.comas {
	margin-top: 185px;
}
.flexslider:hover .flex-prev {
	left: 0px;
}
.flex-direction-nav {
	margin-top: 14%;
}
.mission img {
	margin-top: 130px;
}
#about .services li {
	margin: 10px 0;
}
#team .social_icons a {
	width: 28px;
}
#team .owl-prev {
	left: 10px;
}
#team .owl-next {
	right: 10px;
}
#testimonials .flexslider {
	width: 100%;
}
.modal-dialog {
	width: 100%;
}
#team .owl-prev {
	left: 10px !important;
}
#team .owl-next {
	right: 10px !important;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 14px 7px;
	font-size: 13px;
}
.what-we-do .tab-inner .sub-services li {
	margin: 0px;
	margin: 0 5px;
}
.what-we-do .tab-inner .sub-services {
	text-align: center;
	margin-top: 30px;
}
.intro-sec {
	background-size: cover;
	background-position: top center !important;
}
.what-we-do .nav-tabs li{
	width:50%;
}
.what-we-do .nav-tabs li a{
	border:1px solid ;
	border-color:transparent;
}
.what-we-do .nav-tabs li.active a{
    border: 1px solid #8e0c34;
}
.team .team-member{
	margin:0 auto;
	max-width:400px;
	margin-bottom:30px;
}
#featured .fea-sec .video{
	margin-top:30px;
}
#featured h2{
	margin-top:30px;
}
#testimonials .carousel-indicators{
	margin-top:30px;
}
.blog article{
	display:inline-block;
	width:100%;
}
#contact .contact-info li{
	width:100%;
	margin-bottom:30px;
}
#contact .contact-info li .col-xs-2{
	width:auto;
	padding-right:0px;
}
}
@media(min-width:1200px) and (max-width:1400px) {
.slides-pagination {
}
.bnr-text {
	top: 30%;
}
.go-down {
	bottom: 0px;
}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px) {
.sub-services li{
    height: 60px;
    width: 60px;
	line-height:58px;
	font-size:26px;
}
.skills a.btn{
	padding: 12px 25px;
}
.sub-services .toli-tip{
	left:-60px;
}
.tab-content h4{
	margin-top:0px;
	font-size:18px;
	line-height:30px;
}
.what-we-do .tab-inner .sub-services{
	margin-bottom:30px;
}
.tab-inner .tab-content li{
	margin-bottom:20px; 
}
.skills p{
	line-height:30px;
}
.elements .btn{
	padding:15px 20px;
}
}
@media(max-width:767px) {
#slides .position-center-center{
	width:100%;
}
.home-slider .position-center-center{
	width:100%;
	padding:0px;
}
.home-agency p{
	width:100%;
} 
.home-slider .flex-direction-nav{
	display:none !important;
}
header nav {
	width: 100%;
	background: #fff;
}
.header-top header nav{
	border:none;
	background:none;
}
.header-top header .nav{
	padding:20px 30px;
	background: rgba(0,0,0,0.9);
}
.navbar-toggle{
	margin-right:0px;
	padding:10px 20px;
	margin:0px;
}
header nav li {
	width: 100% !important;
}
.nav > li {
	width: 100%;
}
header nav {
	float: left !important;
	width: 100%;
	z-index: 999;
}
header .navbar-default .navbar-nav > li > a {
	padding: 10px 20px;
	margin: 0px;
}
.is-sticky header {
}
.item-info {
	text-align: center;
	margin-top: 50px;
}
.portfolio .item {
	width: 50%;
}
.flexslider:hover .flex-prev {
	left: 0px;
}
.flex-control-thumbs li {
	width: 110px;
}
#testimonials .flexslider {
	width: 100%;
}
.go-down {
	display: none;
}
header .navbar-default .navbar-nav > li > a {
	width: 100%;
	padding: 10px 0;
}
h1 {
	font-size: 2.5em;
	line-height: normal !important;
}
.slides-pagination {
	bottom: 20px;
}
.logo-left {
	left: 50px !important;
	top: 50px !important;
}
#projects .project-detail {
	padding-left: 5% !important;
}
#pricing li {
	margin-bottom: 30px;
}
.blog .img-responsive {
	width: 100%;
	display: inline-block;
}
#blog .b-detail {
	margin-bottom: 30px;
}
.menu-button {
	right: 50px !important;
	top: 50px !important;
}
#about {
	text-align: center;
}
#about img {
	margin-bottom: 20px;
}
.overlay-pop .overlay-close {
	right: 0px;
	left: 0px;
	top: 0px;
}
.may-like li {
	margin-bottom: 60px;
}
.about ul li{
	float:left;
	width:50%;
}
.progress-bars{
	padding:0px;
	margin-bottom:50px;
}
.intro-sec {
	background-size: cover;
	background-position: top center !important;
}
.what-we-do .nav-tabs li{
	width:50%;
}
.what-we-do .nav-tabs li a{
	border:1px solid ;
	border-color:transparent;
}
.what-we-do .nav-tabs li.active a{
    border: 1px solid #8e0c34;
}
.team .team-member{
	margin:0 auto;
	max-width:400px;
	margin-bottom:30px;
}
#featured .fea-sec .video{
	margin-top:30px;
}
#featured h2{
	margin-top:30px;
}
#testimonials .carousel-indicators{
	margin-top:30px;
}
.blog article{
	display:inline-block;
	width:100%;
}
#contact .contact-info li{
	width:33.33333%;
	margin-bottom:30px;
	text-align:center;
}
#contact .contact-info .icon{
	margin-bottom:20px;
}
#contact .contact-info h6 {
    font-weight: bold;
}
.social-panel li{
	width:33.3333%;
	margin-bottom:20px;
}
#contact .contact-info li .col-xs-2{
	width:auto;
	float:none;
	display:inline-block;
	padding:0px;
}
#contact .contact-info li .col-xs-10{
	width:100%;
}

.what-we-do .tab-inner .sub-services{
	text-align:center;
}
.what-we-do .tab-inner .sub-services li{
	margin:0 2.5px;
}
}

@media(max-width:640px) {
h1 {
	font-size: 2em !important;
}
.mfp-close-btn-in .mfp-close {
	right: 0px;
	left: 0px;
}
}
/* Large */
@media(min-width:1200px) {
}