@media (min-width:1200px){. .navbar-header{width:25%;} .dropdown:hover .dropdown-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms}#portfolio .row{margin-left:-10px;margin-right:-10px}}@media (min-width:992px) and (max-width:1199px){.dropdown:hover .dropdown-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms}.navbar-nav>li{margin-left:10px}.navbar-collapse{padding-left:0;padding-right:0}.recent-work-wrap .recent-work-inner h3 a{font-size:20px}.recent-work-wrap .overlay{padding:15px}.services-wrap{padding:40px 10px 40px 30px}.feature-wrap h2,.single-services h2{font-size:18px}.feature-wrap h3,.single-services h3{font-size:14px}.tab-wrap .media .parrent.pull-left{clear:both;width:100%}.tab-wrap .media .parrent.media-body{clear:both}#portfolio .row{margin-left:-10px;margin-right:-10px}.recent-work-wrap .overlay .preview{line-height:inherit}.team-bar .first-arrow{width:21%}.team-bar .second-arrow{width:20%}.team-bar .third-arrow{width:21%}.team-bar .fourth-arrow{width:20%}ul.social_icons li{margin-right:0}}@media (min-width:768px) and (max-width:991px){.dropdown:hover .dropdown-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms}.navbar-collapse{padding-left:0;padding-right:0}.navbar-nav>li{margin-left:0}#main-slider .carousel h1{font-size:25px}#main-slider .carousel h2{font-size:20px}.tab-wrap .media .parrent.pull-left,.media.accordion-inner .pull-left{clear:both;width:100%}.tab-wrap .media .parrent.media-body,.media.accordion-inner .media-body{clear:both}.services-wrap{padding:40px 0 40px 30px}.recent-work-wrap .overlay{padding:15px}.recent-work-wrap .recent-work-inner h3 a{font-size:20px}.sinlge-skill{width:150px;height:150px}.sinlge-skill p em{font-size:25px}.sinlge-skill p{font-size:16px}.team-bar .first-one-arrow{width:2%}.team-bar .first-arrow{width:18%}.team-bar .second-arrow{width:24%}.team-bar .third-arrow{width:15%}.team-bar .fourth-arrow{width:20%}.blog .blog-item .entry-meta>span a{font-size:10px}}@media (max-width:767px){.attachment-post-thumbnail{height:auto;width:100%}.container>.navbar-header,.container>.navbar-collapse{margin-left:0;margin-right:0; width:100%;}.top-number{font-size:14px}input.search-form:hover{width:120px}.navbar-nav>li{margin-left:0!important;padding-bottom:10px!important;text-align:center}.navbar-collapse.navbar-right.in{background:#ccc none repeat scroll 0 0;margin-top:20px}.nav.navbar-nav a{width:95%}#main-slider .carousel h1{font-size:25px}#main-slider .carousel h2{font-size:16px}.feature-wrap h2,.single-services h2{font-size:18px}.feature-wrap h3,.single-services h3{font-size:14px}.media.accordion-inner .pull-left,.media.accordion-inner .media-body{clear:both}.accordion-inner h4{margin-top:10px}.tab-wrap .media .pull-left{clear:both;width:100%}.tab-wrap .media .media-body{clear:both}.nav-tabs>li.active>a:after{display:none}#footer .col-sm-6{text-align:center}#footer .pull-right{float:none!important}.sinlge-skill{margin:0 auto;margin-top:30px;margin-bottom:30px}.team .single-profile-top,.team .single-profile-bottom{margin-bottom:30px}.clients-area{padding:60px 0}.clients-area h1{font-size:25px}.portfolio-item,#recent-works .col-xs-12.col-sm-4.col-md-3{padding:15px}ul.social_icons li{margin-right:0}.blog .blog-item .entry-meta{margin-bottom:20px}.blog .blog-item .blog-content h3{margin-bottom:20px}.post_reply_comments{padding-left:20px}.navbar-brand>img{vertical-align:super;width:174px;height:auto}}@media only screen and(min-width:640px){.inner-header{margin-top:142px;height:auto}}@media only screen and (min-width :641px) and (max-width :768px){.col-xs-8.col-sm-5.wow.fadeInDown.contact-form.animated{width:41%}.col-sm-5{width:29.667%}.col-sm-4{width:32.333%}.col-sm-3{width:38%}#bottom{text-align:center}.col-sm-6.col-md-4{width:50%!important;float:left}.services-wrap{min-height:191px!important;padding:7px!important}.navbar-brand>img{width:174px;height:auto}.top-number p{font-size:12px!important;text-align:center}.pull-right{margin:0 auto!important;width:69%}}@media only screen and (min-width :480px) and (max-width :640px){.col-xs-5{width:100%}.partners ul li{display:inline-block;padding:0 10px;text-align:center}.col-md-3.col-sm-6{float:left;text-align:center;width:48%}#whyus{float:none;margin:0 auto;padding:10px 0 0;width:300px}.col-xs-8{width:66%}.navbar-brand>img{vertical-align:super;width:174px;height:auto}.content>ul li{width:49%}.services-wrap{min-height:191px!important;padding:7px!important}.col-sm-4{width:50%}.inner-header{height:auto;margin-top:155px!important}.single-profile-top{min-height:230px}.inner-header img{height:auto!important}.top-number p{font-size:12px!important}col-md-4{width:50%}.col-sm-6.col-md-4{width:50%!important;float:left}.portfolio-filter.text-center>li{margin-top:10px;text-align:none!important;width:auto!important}.pull-right{margin:0 auto!important;width:83%}}

@media (min-width:768px){
#oline-enquiry-form{width:40%; float:right; overflow:hidden;}	
	.navbar-brand img{width:80%;}

	
}

@media (max-width:640px){
#oline-enquiry-form{width:40%; float:right; overflow:hidden;}	
#oline-enquiry-form {padding: 8px;top: 210px;right: 10px;}
#oline-enquiry-form .form-group {margin-bottom: 0px;}
.help-block {margin-bottom: 3px;}
.form-control {height: 25px;	padding: 6px 12px;font-size: 12px;}
#oline-enquiry-form textarea {height: 45px;}
.top-bar{display:none;}
.navbar-header{ display: flex;
    flex-direction: row-reverse;
    align-content: center;
    justify-content: space-between;
    align-items: center;}
}	

	

@media only screen and (min-width :480px) and (max-width :640px)
{
    .navbar-header {width:100%;}
.hide-mobile{display:none!important;}
.mobile-header{display:block; margin:5px 0 5px 0; height:auto;overflow:hidden;}
.mobile-header ul{padding:0; margin:0;}
.mobile-header ul li {width: 25%;	float: left;	text-align: center;	list-style: none;}

.mobile-header ul li a .fa {  margin-bottom: 5px;    font-size: 30px;
    margin-bottom: 2px;   margin-top: 6px;}
.mobile-header ul li a span {   display: block; font-size: 18px;}

.top-bar {padding: 5px 0;height: auto;overflow: hidden;}
.mobile-header ul li a {	border: 1px solid #fff;	display: block;	margin: 0 2px;
	color: #fff;	border-radius: 3px; padding:5px 0  }
.mobile-header ul li a:hover {border: 1px solid #be2621;color: #fff; background:#be2621;}
#footer ul {float: none;}

.portfolio-filter.text-center {display: none;}

.occIcon-31263-73949 img {
    opacity: 0;
}
.occIcon-31263-73949 {
    height: 50px;
    width: 100%;
    margin: -25px 0;
}

}

@media (max-width:480px){
#oline-enquiry-form{width:100%; float:none; overflow:hidden;}	
#oline-enquiry-form {padding: 20px; top: 210px;right: 10px;}
#oline-enquiry-form .form-group {margin-bottom: 5px;}
.help-block {margin-bottom: 5px;}
.form-control {height: 35px;	padding: 8px 12px;font-size: 12px;}
#oline-enquiry-form textarea {height: 80px;}
#footer ul {float: none;}

.portfolio-filter.text-center {display: none;}

.occIcon-31263-73949 img {
    opacity: 0;
}
.occIcon-31263-73949 {
    height: 50px;
    width: 100%;
    margin: -25px 0;
}
#services .our-services .services-wrap p {min-height: inherit;}
#services .our-services .services-wrap {padding: 5px 5px 10px 5px;min-height: inherit;}

}


@media only screen and (min-width :320px) and (max-width :480px)
{
	
.carousel-indicators{display:none;}	
#oline-enquiry-form {position: relative;	top: inherit;right: 0;width: 95%;float: none !important;
	margin: -70px auto 20px auto !important; overflow:hidden; }	
.col-xs-4{width:100%}.col-xs-8{width:100%}
.social{text-align:center}.navbar-toggle{margin:5px 0 0 0}.navbar-inverse .navbar-brand{width:80%}.navbar{padding:5px 0 0px 0}.col-xs-5{width:100%}.partners ul li{padding:0}#bottom{text-align:center}.top-number{text-align:center}#whyus{margin:0 auto;width:254px;float:none}#portfolio{padding:0px 0 0}.portfolio-filter.text-center>li{margin-top:10px;text-align:center;width:100%}.navbar-brand>img{width:174px;height:auto}.content>ul li{width:100%}.transparent-bg.pattern-bg .pull-right.red-section{margin:0 auto;padding:0;width:273px}.transparent-bg.pattern-bg{background:url(../images/des-bg.jpg) repeat scroll 0 0 rgba(0,0,0,0)!important;height:auto;margin-top:0px;padding:0}.inner-header{height:auto;margin-top:145px}.inner-header>img{height:auto}.col-sm-6.col-xs-4{width:100%!important;float:left}.top-number p{font-size:12px!important}.pull-right{margin:0 auto!important;width:93%}

.hide-mobile{display:none!important;}
.mobile-header{display:block; margin:5px 0 5px 0; height:auto;overflow:hidden;}
.mobile-header ul{padding:0; margin:0;}
.mobile-header ul li {width: 25%;	float: left;	text-align: center;	list-style: none;}

.mobile-header ul li a .fa {    font-size: 33px;    margin-bottom: 5px;    font-size: 22px;
    margin-bottom: 2px;   margin-top: 6px;}
.mobile-header ul li a span {   display: block; font-size: 14px;}

.top-bar {padding: 5px 0;height: auto;overflow: hidden;}
.mobile-header ul li a {	border: 1px solid #fff;	display: block;	margin: 0 2px;
	color: #fff;	border-radius: 3px;}
.mobile-header ul li a:hover {border: 1px solid #be2621;color: #fff; background:#be2621;}

#footer ul {float: none;}

#main-slider {padding: 220px 0 15px 0; background:url(../images/slider/bg1.jpg) no-repeat; background-size:cover; }

.portfolio-filter.text-center, #main-slider .carousel {display: none;}

.occIcon-31263-73949 img {
    opacity: 0;
}
.occIcon-31263-73949 {
    height: 50px;
    width: 100%;
    margin: -25px 0;
}

#services .our-services .services-wrap p {min-height: inherit;}
#services .our-services .services-wrap {padding: 5px 5px 10px 5px;min-height: inherit;}


}