/* (orientation : portrait) */

@media screen and (min-width: 100px) and (max-width: 768px){
/*slider-style */
  .carousel {bottom: 50px;position: relative;}
.text-center.back {box-shadow: 1px 2px 9px 0 #000;height: 380px;margin: 20px 10px;width: 93%;}
.fade-carousel .slides .slide-1 {background-image: url("../images/banner01.png");background-size: 100% auto;}
/*slider-style end */

.goto h3 {color: #fff;font-size: 15px;font-weight: bold;margin: 0;text-align: center;text-transform: uppercase;}
.text-center.back {box-shadow: 1px 2px 9px 0 #000;height: 408px;margin: 20px 10px;width: 93%;}
.fetch {padding-top: 10px;}

.col-xs-2 .space > img{width:100%!important;}
.login {color: #fff;font-size: 20px;padding-top: 13px;text-align: center;}
.form-control2 {height: 40px;}
.webc {color: #fff;font-size: 16px;padding-bottom: 0 !important;text-align: center;}
.bcover {height: 379px;}
.b_img {height: 551px;}
.left_p {left: 0;position: relative;top: 70px;}
.bo_rd {border: 0 solid #959595;height: 700px;margin: 0 10px;padding: 2px 10px;width: 96%;}
.overlay {background-color: #080d15;height: auto;opacity: 0.7;position: absolute;width: 100%;}


.navbar-brand > img {display: block;width: 45px;}
.carousel {bottom: 169px;position: relative;}
.fade-carousel .slides .slide-2 {background-image: url("../images/banner02.png");background-size: 100% auto;}
#bs-carousel {height: 140px;}
.left_p {left: 0;position: relative;top: 22px;}
.jumbotron .h1, .jumbotron h1 {font-size: 24px;padding-top: 0;}
.tag {font-size: 19px;font-weight: bold;text-transform: uppercase;}
.tag02 {color: #fff;font-size: 29px;font-weight: bold;padding-top: 110px;text-align: center;text-transform: uppercase;}
.ppc02 {background-attachment: inherit;background-image: url(../images/apps.jpg);background-size: 100% auto;background-repeat: no-repeat;}
.tag02 {color: #fff;font-size: 20px;font-weight: bold;padding-top: 50px;text-align: center;text-transform: uppercase;line-height: 28px;}

.descr02 {color: #fff;font-size: 16px;font-weight: 500;padding-bottom: 0;text-align: center;margin-bottom: 32px;}
.ppc03 {background-attachment: inherit;background-image: url(../images/interactive.jpg);height: auto;padding-bottom: 20px;background-size: 100% 318px;
 background-repeat: no-repeat;}
 
.ght {padding-bottom: 40px;padding-top: 50px;}
.col-md-space0 {padding-left: 0;}
.cont_ac {display: none;}
.co_n{margin-top:10px;}
/* manu */
.ic_on i {font-size: 40px;padding-left: 0;text-align: center;}
.nav > li {display: block;font-family: Roboto;padding: 0 13px;position: relative;right: 41px;top: 17px;}
.navbar-nav {float: left;margin: 0;}
.nav > li {display: block;font-family: Roboto;padding: 0 13px;position: relative;right: 13px;top: 17px;}
.header-two ul.nav.navbar-nav > li > a {font-size: 12px;font-weight: 400;padding: 10px 0 2px;}
.navbar-nav {float: left;margin-top: 30px;}
.header-two ul.nav.navbar-nav > li > a {border-bottom: 1px solid #222;font-size: 12px;font-weight: 400;padding:10px 0;}
.header-two ul.nav.navbar-nav > li > a:hover {padding: 10px 0 2px;}
.header-two ul.nav.navbar-nav > li > a + .new_d {font-size: 12px;left: 100px;top: -6px;}
.dropdown-menu.new_d li {border-bottom: 0 solid #0f1012;}
.dropdown-menu > li > a {clear: both;color: #fff;display: block;font-weight: 500;letter-spacing: 1px;line-height: 28px;padding: 2px 3px;}

.dropdown-menu {background-clip: padding-box;background-color: #666666;display: none;float: left;font-size: 14px;left: 0;list-style: outside none none;
 margin: 2px 0 0;min-width: 160px;padding: 5px 0;position: absolute;text-align: left;top: 100%;z-index: 1000;box-shadow:0px;}
.dropdown-menu {background-clip: padding-box;background-color: #191919;display: none;float: left;font-size: 14px;left: 0;list-style: outside none none;
  margin: 2px 0 0;min-width: 50px;padding: 20px 0;position: absolute;text-align: left;top: 100%;z-index: 1000;}
.header-two ul.nav.navbar-nav > li > a + .new_d {font-size: 12px;left: 129px;top: -6px;}
.nav.navbar-nav {float: left;width: 100%;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #666666;color: #262626;text-decoration: none;}
.navbar-collapse.collapse.in {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;
 border-image: none;border-style: none;border-width: medium;}
.navbar-collapse {border-top: 1px solid transparent;overflow-x: visible;padding-left: 15px;padding-right: 15px;}

.header-two .navbar-brand {height: auto;padding: 4px 0;}
.header-two {background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;}
.header-two .navbar-header button {background: #333 none repeat scroll 0 0;border: medium none;border-radius: 2px;}
.header-two .navbar-header button span.icon-bar {height: 1px;}
.header-two .nav.navbar-nav {margin: 0;}
.header-two  #navbar{ padding:0;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3{height:43vh;}
/* manu */
.rank > h2 {font-size: 30px;font-weight: bold;margin: 0;padding-bottom: 15px;text-align: center;text-transform: uppercase;position: relative;bottom: 33px;}
.rank > p {font-size: 13px;font-weight: 500;text-align: center;line-height: 27px;position: relative;bottom: 30px;}
.back img {margin-top: 10px;}
.tab-three2 {background-attachment: inherit!important;background-image: url(../images/testimonoal-back.png);background-position: 0 center;
 background-repeat: no-repeat;background-size: 100% auto;height: 216px;margin-bottom: 0px!important;margin-top: 0px!important;}
.check {
    color: #fff;
    font-size: 14px;
    padding-top: 72px;
    text-align: center;
}
.our {
    
    position: relative;
    top: 20px;
}
.ppc02 {
    background-attachment: inherit;
    background-image: url(../images/apps.jpg);
    padding-bottom: 20px;
    height: 178px;
}
.app-dev {
    background-color: #323a45;
    padding-top: 32px;
}
.back-img {
    background-attachment: inherit;
    background-image: url(../images/212.png);
    background-repeat: no-repeat;
    background-size: 100% 253px;
    height: 253px;
    margin-top: 63px;
}
.bcover {
    background-attachment: inherit;
    background-color: #232323;
    background-image: url(../images/212.png);
    background-repeat: no-repeat;
    background-size: 100% 350px;
    height: 306px;
    margin-top: 36px;
}
}

/* (orientation : landscape) */

@media screen and (min-width: 320px) and (max-width: 991px) {
.text-center.back {
    box-shadow: 1px 2px 9px 0 #000;
    height: 356px;
    margin: 20px 10px;
    width: 93%;
}
.fetch {
    padding-top: 0px;
}

.bcover {
  height: 344px;
}
.b_img {
  height: 487px;
}
.bo_rd {
    border: 0 solid #959595;
    height: 581px;
    margin: 0 30px;
    padding: 2px 10px;
    width: 92%;
}
.carousel {
  bottom:70px;
  position: relative;
}


#bs-carousel {
  height: 200px;
}
}
@media screen and (max-device-width: 767px) and (orientation: portrait) {
  
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {
  
} 