/*Ipad/Tablets*/
@media (max-width: 1024px) {
.portfolio-item .icons .preview{ top:40%; right:40%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -35px;
  }
  #carousel-area .item .carousel-caption {
    top: 40%;
  }
  #carousel-area .item .carousel-caption h1 {
    font-size: 60px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 20px;
  }
  #carousel-area .item .carousel-caption .btn {
    padding: 8px 10px;
    margin: 10px 20px;
    font-size: 15px;
  }
  .navbar-default .navbar-nav li a,
  .navbar-default .navbar-nav li a:focus {
    font-size: 12px;
    margin: 20px 7px;
  }
  .navbar-nav {
    float: right;
  }
  .navbar-brand img {
    width: 70%;
    margin-left: 34px;
  }
  .affix-top .to-bottom {
    display: none;
  }
  #services .services-intro h1 span {
    font-size: 28px;
  }
  #services .services-intro h3 {
    font-size: 18px;
  }
  #why .why-item {
    margin-top: 15px;
  }
  #why .why-item .why-item-icon i {
    padding: 12px;
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
  #why .why-item .why-item-text h2,
  #why .why-item .why-item-text p {
    text-align: center;
  }
  .pricing ul {
    width: 100%;
  }
  #testimonial .testimonial-arrow {
    left: 8%;
  }
  #about #carousel-about .carousel-indicators {
    display: none;
  }
  #about .counter-title {
    font-size: 35px;
  }
  #team .team-member .member-info .social-team a i {
    font-size: 15px;
    height: 30px;
    line-height: 15px;
    padding: 7px;
    width: 30px;
  }
  #team .team-member .member-info h4 {
    font-size: 15px;
  }
  #contact .contact-form .form-control {
    padding: 5px;
  }
  .widget-title {
    margin-top: 20px;
    padding-bottom: 10px;
  }
  #video-bg .title-text {
    top: 40%;
  }
  #video-bg .title-text h1 {
    font-size: 60px;
  }
  #video-bg .title-text h2 {
    font-size: 20px;
  }
  #video-bg .title-text .btn {
    padding: 8px 10px;
    margin: 10px 20px;
    font-size: 15px;
  }
}
@media (max-width: 568px) {
  #carousel-area .item .carousel-caption h1 {
    font-size: 24px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 15px;
  }
}
/*SmartPhones*/
@media (min-width: 320px) and (max-width: 480px) {
  /*Navbar*/
  .none{ display:none;}
  .topnavi{ display:none;}
  .navbar-default .navbar-collapse {background:#333333; margin-top:5px;	border:none;}
  .navbar{margin-bottom:0; min-height:50px; margin-bottom:20px; margin-top:15px;}
  .navbar-header{ margin-top:-40px;}
  .navbar-default .navbar-nav li a {margin: 10px; padding:5px;}
  .navbar-brand img{width:50%; padding-top:10px; padding-left:10px;}
  .affix .navbar-brand img{width:45%; padding-top:15px; padding-left:10px;}
  #services .sideline{border-right: none;}
  .affix .navbar-header{ margin-top:0px; background-color:rgba(0,0,0,.6);}
  .navbar-default .navbar-brand {padding-left: 15px;}
  #about p{line-height:20px;font-size:12px}
  #about .about-title{margin-top:0; font-family:Philosopher, Arial; font-size:18px; font-weight:bold;}
  .navbar-default .navbar-toggle { margin: 55px 72px 20px 22px; background:#7C8D29; border:none;}
  .affix.navbar-default{ background:url(../images/header_top.png) repeat 30px;}
  .switcher-area .switcher-btn-area button.switcher-btn{position:absolute;top:-102px;right:-70px;width:50px;background:#fff;border:0;outline:0;padding:7px 0}
  .flipheading{ font-family:Philosopher, Arial; font-size:12px; color:#777777; margin:10px 0px 0px 0px; text-align:center;}
  #testimonial .row{padding-bottom:15px}
  .flip-container, .front, .back {width: 90px;height: 91px;}
  .flip-container, .front img, .back img {width: 100%;}
  .specification h1{ font-family:"open Sans", arial; font-size:18px; color:#544d46; padding:15px 0px 15px 0px; margin:0px; font-weight:100;}
  #portfolio h1{ font-family:"open Sans", arial; font-size:18px; color:#544d46; padding:15px 0px 0px 0px; margin:0px; font-weight:100;}
  .img100{ width:100%;}
  .headercommon{font-size:18px; font-family:Philosopher, Arial; text-align:center; color:#FFFFFF; padding:20px 0px; line-height:20px; box-shadow: inset 1px 17px 10px -21px #000000; -webkit-box-shadow: inset 1px 17px 10px -21px #000000; -moz-box-shadow: inset 1px 17px 10px -21px #000000; -o-box-shadow: inset 1px 17px 10px -21px #000000;}
  .switcher-area{position:fixed; top:155px; right:50px; z-index:9999; padding:25px 20px;}
  #carousel-area .item .carousel-caption{background-color:rgba(124,141,41,.8); top:73%;right:auto;left:15%; bottom: auto; padding:15px 20px 15px 20px; text-shadow:none;z-index:99; text-align:left; right:15%; text-align:center;}
  .mtextaligncentre{ text-align:center; padding-bottom:20px;}
  .miconpading{ padding-bottom:15px;}
  
  .affix.navbar-default .navbar-toggle {
    margin: 10px 75px 15px 22px;
	background:#7C8D29;
	border:none;
  }
  #services .services-intro{padding-bottom:5px}
  h1, .h1{ font-size:18px; margin-bottom:0px; line-height:20px;}
  #services h2{font-size:18px}
  .row{padding:62px 0 30px 0; margin:0px;}
  .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:#0f6488;}
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .current {
    color: #333;
    max-width: 100;
  }
  .navbar-default .navbar-collapse li.active {
    background: #B0CB1F;
    padding: 5px;
  }
  .navbar li { color: #FFFFFF; background-color: #333333;}
  /*Slider*/
  #carousel-area .item .carousel-caption h1 {
    font-size: 14px;
	padding-top:10px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 15px;
  }
  #carousel-area .item .carousel-caption .btn {
    font-size: 10px;
  }
  /*why Text*/
  #why .rotate-text {
    font-size: 18px;
    line-height: 25px;
  }
  #why .why-item .why-item-text h2,
  #why .why-item .why-item-text p {
    text-align: center;
  }
  .matter-filter .filter {
    padding: 0px 10px;
    margin: 10px 5px;
  }
  #clients img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .pricing ul {
    width: 100%;
  }
  #about .counter-title {
    font-size: 30px;
  }
  #about .btn {
    font-size: 18px;
  }
  #testimonial-slider .name {
    font-size: 16px;
  }
  #subscribe .subscription-form .input-group .form-control,
  #subscribe .subscription-form .btn {
    padding: 5px;
    font-size: 15px;
    height: 50px;
  }
  /*Contact Icons*/
  #contact .contact-form .form-control {
    padding: 5px;
  }
  #contact .social i {
    padding: 7px;
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
  .widget-title {
    margin-top: 20px;
    padding-bottom: 10px;
  }
  /*Title*/
  .section-title {
    font-size: 18px;
  }
  .section-subtitle {
    font-size: 20px;
  }
  #video-bg .title-text {
    top: 40%;
  }
  #video-bg .title-text h1 {
    font-size: 24px;
  }
  #video-bg .title-text h2 {
    font-size: 15px;
  }
  #testimonial .img100{width: 100%;}
  .bannertext{width:100%;}
}
@media (min-width: 480px) and (max-width:740px) {
.portfolio-item .icons .preview{ top:35%; right:35%;}
}
@media (max-width: 480px) {
.matter-filter .port_slash{ display:none;}
}

@media (max-width: 320px) {
.matter-filter .filter{ font-size:25px;}
}