/* lg */ 



@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;}


}



/* md */

@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;}

.services-box img{max-width:100%; margin:0;}

#main-slider .carousel .carousel-content .slider-caption{font-size:30px; font-weight:600; line-height:normal;}

#main-slider .carousel .slide-margin{top:80px; left:50px;}

#main-slider .carousel .item{height:350px;}

#welcome .col-lg-6{width:50%; float:left;}

#welcome .contact-form .title{margin:0 0 20px 0;}

.navbar-inverse .navbar-nav > li > a{padding: 12px 16px;}

#header .col-sm-6 img{max-width:100%;}

.box{float:left; margin-top:30px;}

.team img{margin-right:20px}

.col-md-3 .contact-form .title{font-size:16px;}

.col-lg-9 {float: left;width: 75%;}

#welcome .col-lg-6{padding:0 5px;}

#welcome .col-lg-12{padding:0 5px;}

#welcome .col-lg-5{padding:0 5px;}

#welcome .col-lg-7{padding:0 5px;}

.col-md-3 .services-box img{width:86%;}

.services-box ul li{font-size:11px; padding:0;}

.services-box h4{font-size:24px;}

.services-box ul {margin: 10px 0;padding: 0 15px 0 25px;}

}





/* sm */

@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;}.social {text-align: center;padding: 20px 0;}

.top-margin .pull-right {text-align: left;float: none !important;display: inline-block;}

.top-number{margin:0 0 20px 0;}

.social p{padding:0;}

.navbar-inverse .navbar-nav > li > a{padding: 12px 10px ; font-size:14px;}

#header .col-sm-6 img{max-width:100%;}

ul.social-share li{margin:0 5px;}

.top-number span{font-size:12px;}

.top-number{font-size:20px;}

.top-number i{margin-right:5px; font-size:46px;}

#header .col-sm-3{padding:0 5px;}

.top-margin{margin:15px 0;}

.social{padding:0;}

#main-slider .carousel .slide-margin{top:60px; left:50px;}

#main-slider .carousel .carousel-content .slider-caption{font-size:22px; font-weight:400; line-height:normal;}

#main-slider .carousel .carousel-content .sub-caption{display:none;}

#main-slider .carousel .item{height:260px;}

.bredcrumb{position:inherit;}

.padding-top{padding-top:20px;}

.box{float:left; margin-top:30px;}

.team img{margin-right:20px}

.bredcrumb{position:inherit;}

.bredcrumb-navigation{padding-left:0;}

.bredcrumb h1{font-size:22px;}

#contact-page{width:90%; margin:0 auto;}

#contact-page .container{width:100%;}

.locations .box{width:46%; margin:15px 10px;}

#contact-page{padding-top:20px;}

.col-md-3 .services-box{float:left; margin:0 5% 20px 5%;}

.product-section .col-md-4 {width: 33%;float: left; margin-bottom:20px;}
#orange-box{background-size:cover;}
.footer-top li a,.footer-top a{font-size:11px;}
.footer-top p strong{font-size:12px;}
.footer-top .col-sm-3:last-child {width: 30%;}
.footer-top .col-sm-3:nth-child(3) {width: 20%;}
}



/* xs */

@media (max-width: 767px) {.container > .navbar-header, .container > .navbar-collapse{  margin-left: 0;}

.top-number{  font-size: 14px;}

input.search-form:hover {  width: 120px;}

.navbar-nav > li {  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;}  

img{max-width:100%;}

.social {text-align: center;padding: 20px 0;clear: both;}

.top-margin{text-align:center;}

.top-margin .pull-right {text-align: left;float: none !important;display: inline-block;}

.top-number{margin:0 0 20px 0;}

.social p{padding:0;}

#main-slider .carousel .carousel-content{display:none;}

#main-slider .carousel .item{height:200px;}

.bredcrumb{position:inherit;}

.bredcrumb-navigation{padding-left:0;}

#contact-page{width:90%; margin:0 auto;}

.col-md-3 .services-box{float:left; margin:0 3% 20px 3%;}

.product-section .col-md-4 {width: 50%;float: left;}
/****  1-may-2017 ********/
.logo {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.middle_box {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.right_box {text-align: center;}
.top-number span a {color: #333;font-size: 13px;vertical-align: top;}
.isosec {font-size: 13px;margin: 5px 0;}
.slogo{height:60px;}
#orange-box{background-size:cover;}
.navbar-header button{margin-right:0;}
#footer .row {margin: 0;}
.top-number span {
  color: #727272;
  display: inline-block;
  font-size: 15px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.middle_box .navbar-brand.slogo {float: none;}
.footer-top{background-size:cover;}
}





@media (max-width: 640px) {

img{max-width:100%;}

.social {text-align: center;padding: 20px 0;clear: both;}

.top-margin{text-align:center;}

.top-margin .pull-right {text-align: left;float: none !important;display: inline-block;}

.top-number{margin:0 0 20px 0;}

.social p{padding:0;}

#main-slider .carousel .carousel-content{display:none;}

#main-slider .carousel .item{height:200px;}

.navbar-nav > li{width:100%; text-align:left; margin-bottom:2px;}

.navbar-inverse .navbar-nav > li > a{display:block;}

.navbar-nav{margin:10px 0;}

.navbar ul li ul{position:inherit; padding:0 15px;}

body > section{padding:40px 0;}

#orange-box .pull-left{margin-bottom:20px;}

#footer ul.footer-links{text-align:center;}

.copyright{text-align:center;}

#footer .pull-right{text-align:center;}

.w3c{display:block; padding:10px 0; text-align:center;}

#welcome .contact-form .title{margin:0 0 20px 0px; font-size:22px;}

.box{float:left; margin-top:30px;}

.team img{margin-right:20px}

.bredcrumb{position:inherit;}

.bredcrumb-navigation{padding-left:0;}

#contact-page{width:90%; margin:0 auto;}

.locations .box{width:46%; margin:15px 10px;}

#contact-page{padding-top:20px;}

.col-md-3 .services-box{float:left; margin:0 3% 20px 3%;}

.product-section .col-md-4 {width: 50%;float: left;}

ul.sitemap li{width:32%;}


}



/* XS Portrait */

@media (max-width: 480px) {

img{max-width:100%;}

.social {text-align: center;padding: 20px 0;clear: both;}

.top-margin{text-align:center;}

.top-margin .pull-right {text-align: left;float: none !important;display: inline-block;}

.top-number{margin:0 0 20px 0;}

.social p{padding:0;}

#main-slider .carousel .carousel-content{display:none;}

#main-slider .carousel .item{height:100px;}

.navbar-nav > li{width:100%; text-align:left; margin-bottom:2px;}

.navbar-inverse .navbar-nav > li > a{display:block;}

.navbar-nav{margin:10px 0;}

.navbar ul li ul{position:inherit; padding:0 15px;}

body > section{padding:40px 0;}

#orange-box .pull-left{margin-bottom:20px;}

#footer ul.footer-links{text-align:center;}

.copyright{text-align:center;}

#footer .pull-right{text-align:center;}

.w3c{display:block; padding:10px 0; text-align:center;}

#welcome .contact-form .title{margin:0 0 20px 0px; font-size:22px;}

.navbar-collapse{max-height:inherit;}

.bredcrumb{position:inherit;}

.fontSizeInDe{display:none;}

.printIco{display:none;}

.banner-area{display:none;}

.padding-top{padding-top:20px;}

.team img{float:none !important; text-align:center; margin-bottom:20px;}

#services-page .pull-left{float:none !important; margin-top:30px;}

#services-page h2{font-size:18px;}

.bredcrumb h1{font-size:24px;}

.bredcrumb-navigation{padding-left:0;}

#contact-page{width:90%; margin:0 auto;}

.locations .box{width:100%; margin:15px 0;}

#contact-page{padding-top:20px;}

.product-section .col-md-4 {width: 100%;}

ul.sitemap li{float:none; width:auto;}
#orange-box p {
  color: #ffffff;
  font-size: 12px;
}
#orange-box .bx-viewport h3 {
  color: #d52129;
  font-size: 12px;
  
  line-height: 15px;
  
  margin-top: 5px;
  overflow-wrap: break-word;
}
.welcome h1 {font-size: 18px;}
.street-address ,.contact-page address a{font-size: 14px;}
}


@media screen and (min-width:768px) and (max-width:992px){
.isosec span {
  font-size: 15px;
  font-weight: 600;
}
.middle_box  img,.logo img{max-width:100%;}
.top-number i {font-size: 20px;margin-right: 5px;}
.slogo{height:60px}
.footer-top{background-size:cover;}
}