@media (min-width:1200px){.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){.sf .btn.btn-primary.btn-lg{font-size:14px !important;padding:2px 9px !important;position:fixed;right:-40px !important;top:201px !important;}
html, body{overflow-x:hidden !important;}
.saq{display:none;}

.navbar-header{float:left;width:100%;}
.ste h2{font-size:23px;margin:11px 0 13px;text-align:center;}
.ste{width:97%;}
.top-bar .container{padding:0 0 0 0px !important;}
.navbar-header{float:right;}
.heras{float:left;}
.sy-slides-wrap{height:200px;position:relative;width:100%;}
.sy-slides-crop{height:200px;overflow:hidden;position:absolute;width:100%;}
.sy-list{height:100%;list-style:outside none none;margin:0;padding:0;position:absolute;width:100%;}
#demo1 li{height:200px;}
.sy-slide > a > img{background-size:cover !important;border:0 none;display:block;height:200px;margin:0;padding:0;width:100%;}
.container > .navbar-header, .container > .navbar-collapse{margin-left:0;}
#seeSlide > img{height:200px !important;width:100%;}
#seeSlide{background-color:#fff;background-size:cover;height:200px;margin:0 auto;overflow:hidden;text-align:center;width:100%;}
#recent-works .col-md-4{float:left;padding:0;width:100%;}
.services-wrap h3{color:#000;font-family:lato;font-size:14px;margin:10px 0;}
#services .center.wow.fadeInDown.animated > h2{font-family:lato;font-size:24px;font-weight:normal;margin:1px 0 0;}
#services .center.wow.fadeInDown.animated{padding:0 0 9px;}
.services-wrap{background:#fff none repeat scroll 0 0;border-radius:4px;margin:0 0 9px;padding:5px 5px;}
#middle{float:left;width:100%;}
.skill h2{color:#4e4e4e;font-family:lato;font-size:21px;font-weight:normal;margin:4px 0 7px;padding:0 0 3px;text-align:center;width:40%;}
.progress-wrap > h3{color:#000;font-family:lato;margin:2px 0px;}
.userimg{float:left;width:20%;}
.userimg > img{height:auto;width:100%;}
.accordion h2{margin-bottom:4px;}
.accordion > h2{font-size:19px;}
.testimonial{float:left;width:80%;}
.testimonial{float:left;width:80%;box-sizing:border-box;padding:0px 3px;}
.testimonial > p{color:#000;font-size:13px;line-height:18px;text-align:justify;}
#footer .container{padding:0px;}
#footer .col-md-4{padding:0px;}
.col-md-4.str{margin:0px;}
#footer .col-md-4{float:left;padding:0;width:50%;}
#footer h3{font-size:13px;}
#footer .col-sm-4{float:left !important;width:44% !important;padding:0px !important;}
.dsd1{float:left;font-size:11px !important;margin:15px 0 0;width:100% !important;}
.cta{display:none;}
#recent-works .col-md-8{padding:0;width:100%;}
#recent-works p{color:#4e4e4e;font-family:lato;font-size:14px;line-height:22px;text-align:justify;}
#recent-works .center.wow.fadeInDown.animated > h2{font-family:med;font-size:23px;font-weight:normal;margin:2px 0 0;}
ul#slideDiscs{display:none !important;}
.navbar-header button{background:#c52d2f none repeat scroll 0 0 !important;}
.navbar-collapse.navbar-right.in{background:#f48788 !important;width:100% !important;}
.navbar-toggle{margin-top:25px !important;}
.navbar-nav{margin-top:9px !important;}
input.search-form:hover{width:120px;}
.navbar-nav > li { margin: 10px 15px;  padding-bottom: 0;}
#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:0 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;}
}
@media (max-width:760px){.bansi img{height:auto;width:100%;}
.sf {
  display: none;
}
.top-bar .row { margin: 0;width: 100%;}
html, body{overflow-x:hidden !important;}
.top-bar .top-number{color:#fff;float:left;margin:0 3px 2px 0;}
.top-bar .col-xs-4{padding:0 5px;width:52.333%;}
.top-bar .col-xs-8{padding:0 2px;width:41.667%;} 
.cta a.ct1{background:#005387 none repeat scroll 0 0;color:#fff;font-size:15px;margin:0 2px 10px;padding:3px 13px;text-decoration:none;}.social{float:left;text-align:left;}
ul.social-share li a{background:#404040 none repeat scroll 0 0;border-radius:2px;color:#fff;display:inline-block;height:32px;line-height:38px;text-align:center;width:32px;}
.top-number .fa.fa-phone-square{font-size:16px;}
.top-number .fa.fa-envelope{font-size:15px;}
.fa.fa-phone-square{float:left;font-size:25px;line-height:28px;margin:-1px -4px 2px 0;width:25px;}
.top-number{font-size:12px;}
.top-number a{color:#fff;margin:0 1px 3px 3px;}
 .top-bar .container {width: 98% !important;}
}
@media only screen and (min-width:768px) and (max-width:1024px)and (orientation:portrait){.navbar-header{float:left;width:26%;}
.collapse.navbar-collapse.navbar-right{width:71%;}
.navbar-inverse .navbar-nav > li > a{border-radius:3px;color:#212121;display:inline-block;line-height:24px;margin:0;padding:5px 6px;}
.nav a{font-size:12px;}
nav .container{padding:0;width:100%;}
#recent-works .col-md-8{width:60%;float:left;}
#recent-works .col-md-4{float:left;width:40%;}
.ser1 .col-sm-6{width:33.3%;padding:0px 2px;}
.services-wrap{padding:11px 0 6px 7px;}
.sv{float:left;padding:4px 1px;}
.userimg{float:left;width:30%;}
.userimg > img{width:92%;}
.testimonial{float:left;width:70%;}
.testimonial > h3{color:#1fbad8;margin:2px 0;}
#footer .col-md-4{float:left;width:47%;}
#footer .widget > h3{color:#fff;font-family:med;font-size:12px;margin:5px 0;}
#footer .widget li{line-height:24px;margin:0 !important;}
#footer .widget a{font-size:13px;}
.col-md-4.str{margin:0px;}
.services-wrap h3{color:#000;font-family:lato;font-size:14px;margin:10px 0;line-height:20px;}
.cta a.ct1{background:#424244 none repeat scroll 0 0;border-radius:4px;color:#fff;font-size:15px;margin:0 20px;padding:3px 10px;text-decoration:none;}
.cta{float:left;margin:0 auto;width:57%;}
}
@media all screen and (max-width: 390px) { #footer .col-sm-4 {float: left !important;padding: 0 !important;width: 44% !important;}
#footer .col-md-4 {float: left;padding: 0;width: 50%;}
#footer .container {width: 96%;}}