@media (max-width: 1200px) {
  .tip-box {
  /*width: 23%;*/
  width: 275px;
  }
}
@media (min-width: 1500px) {

  .home-left h1{font-size: 70px;}
  .home-left{
    font-size: 115%;
    line-height: 250%;
  }
  .home-left a{
    font-size: 20px;
  }

  .ri-grid{
    margin: 80px auto 20px;
    position: relative;
    height: auto;
    max-width: 1000px;
  }

  .ri-grid ul li {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -o-perspective: 400px;
    -ms-perspective: 400px;
    perspective: 400px; 
    margin: 7px;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    max-width: 225px;
    max-height: 150px;
    display: inline-block;
  }


  .ri-grid ul li a{
    display: block;
    outline: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background: transparent;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 225px;
    max-height: 150px;
  }
  .pricing_table{
    max-width: 1000px;
  }
  .pricing_table .features li {
    list-style-type: none;
    padding: 12px 0;
    font-size: 16px;
  }


}

@media (min-width: 768px) {
  .sub-nav .collapse{
    display: block;
  }
  .testimonial-link-container img{
    position: absolute;
    left: 0px;
    bottom: 50px;
  }


}
@media (max-width: 992px) {
  .footer-vandi{
    display: none;
  }
  .tab-pane{
    height: auto;
  }
  #contact-tab-content{
    margin-bottom: 50px;  
  }
  #map_canvas {
    height: 1200px;
  }
}
@media (max-width: 768px) {
    html , body{
      height: auto;
    }
    .home-left{
      padding-left: 0px;
      padding-top: 10px;
    }
    #footer{
      position: relative;
    }
    .footer-vandi{
      display: none;
    }
    #footer *{
      text-align: center;
    }
    .pricing_table>li {
      background: linear-gradient(#666, #333);
      width:80%;
      display: block;
      clear: both;
      margin: 10px 10%;
      list-style-type: none;
      /*For smooth hover effects if .active is replaced by :hover*/
      transition: all 0.2s;
    }
    .side-button-wrap{
      display: none;
    }
    .sub-nav ul li{
      display: block;
      color: #fff;
    }
    .sub-nav .navbar-toggle{
      margin: 5px;
      color: #fff;
      border-radius: 3px;
      border:1px solid #fff;
    }
    .sub-nav .navbar-toggle:active, .sub-nav .navbar-toggle:focus{
      background-color: #DE3F18;
    }

    .sub-nav{
      height: 50px !important; 
    }
    .sub-nav .navbar-header{
      height: 50px !important; 
    }
    .sub-nav .container{
      width: 100%;
      padding: 0px;
    }
    .sub-nav .nav{
      padding: 20px 0px;
    }
    .menu-box .menu-icon-box .icon-top{
      display: none;
    }
    .menu-box .menu-icon-box .icon-main img{
      opacity: 1;
      animation: wave 2s linear infinite normal;
    -moz-animation: wave 2s linear infinite normal;
    -webkit-animation: wave 2s linear infinite normal;
    width: 150px;
    left: 20px;
    }
    .testimonial-link-container img{
      position: relative;
      margin: 0px auto;
      left: auto;
      bottom: auto;
    }
    #map_canvas {
      display: none;
    }

    .contact-section{
      position: relative;
      top: 100px;
      /*height: 400px;*/
      width: 100%;
      /*color: #fff;*/
      display: inline-block;
      max-width: 80%;
      margin: 0px 10%;
      margin-bottom: 100px;
      /*margin-top: 300px;*/
      /*margin-top: 250px;*/
      /*background: rgba(0,0,0,.9);*/
      padding: 20px 50px;
    }
    #footer{
      bottom: -20px;
    }
    .testimonial-container h3{
      text-align: center;
      margin: 10px 0px;
    }
    .testimonial-container .col-md-9{
      text-align: center;
    }
    .testimonial-container small{
      color: #DB1F29;
      display: block;
    }
    .testimonial-link-container{
      width: 100%;
      text-align: center;
      margin-top: 20px;
    }


  .main-menu-bar.pull-right{
    float: none !important;
    clear: both;
    width: 100%
  }
  .navbar-nav {
    margin: 0px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:0px;
    padding-top: 20px;
    }
  .top-bg-section .project-image-top{
    margin-top: 0px;
  }
  .project-section:first-child {
    margin-top: 30px;
  }

}
@media (max-width: 490px) {
   .slider-form input{
    width: 30%;
  }
}
@media (max-width: 500px) {
  .vandi{
    margin-top: -300px;
    position: relative;
  }
a}
@media (max-width: 650px) {
  .porfolio-fullpage img.project-image{
  width: 90%;
  height: auto;
  }
  .sitemap{
    list-style: none;
    padding: 0px;
    margin-left: 10px;
  }
  .slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 70px !important;
    width: 100%;
  }
  .portfoilo-heading{
  margin-top:120px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  position: absolute;
  z-index: 99999;  
  color: #fff;
}
}
@media (max-width: 550px) {
   .contact-section{
      position: relative;
      top: 100px;
      width: 100%;
      display: inline-block;
      max-width: 100%;
      margin: 0px;
      margin-bottom: 100px;
      padding: 0px 30px;
    }
    #faq_filter{
      font-size: 28px;
    }
    .clients-container{
      width: 100%;
      margin: 0px auto;
      position: relative;
      height: auto;
      margin-bottom: 50px;
    }
    .clients-container .client-back-cloth img{
      padding-bottom: -100%;
      position: absolute;
      display: none;
    }
    .table-carousel-container{
      position: relative;
      height: 100%;
      width: 100%;
      margin: 0px auto;
      margin-top: 50px;
      display: inline-block;
      border-radius: 50%;
    }
    .table-plate-container img{
      max-width: 300px;
      width: 90%;
      margin: 0px auto ;
      left: 0px;
    }
    .table-plate-container{
      position: absolute;
      width: 100%;
      text-align: center;
    }
    .table-spoon-container{
      position: absolute;
      width: 100%;
      top: 125px;
    }
    .table-spoon-container .spoon-left{
      top: 20px;
      left: -20px;
      max-width: 100px;
      cursor: pointer;
      transition :all .3s;
      -webkit-transition :all .3s;
      position: absolute;
    }
    .table-spoon-container .spoon-right{
      top: 20px;
      right: -20px;
      max-width: 100px;
      cursor: pointer;
      position: absolute;
      transition :all .3s;
      -webkit-transition :all .3s;
    }
    .table-spoon-container .spoon-left:hover{
      transform: rotatex(-15deg);
    -ms-transform: rotatex(-15deg); /* IE 9 */
    -webkit-transform: rotatex(-15deg); /* Opera, Chrome, and Safari */
    -ms-transform-origin:100% 100%; /* IE 9 */
    transform-origin:100% 100%;
    -webkit-transform-origin:100% 100%; /* Opera, Chrome, and Safari */
    }
    .table-spoon-container .spoon-right:hover{
      transform: rotatex(-15deg);
    -ms-transform: rotatex(-15deg); /* IE 9 */
    -webkit-transform: rotatex(-15deg); /* Opera, Chrome, and Safari */
    -ms-transform-origin:100% 100%; /* IE 9 */
    transform-origin:100% 100%;
    -webkit-transform-origin:100% 100%; /* Opera, Chrome, and Safari */
    }
    .clients-slider {
      position: relative;
      z-index: 999999;
    }
    .clients-slider.owl-carousel .item img{
      height: 200px;
      width: 200px;
      top: 0px;
      position: relative;
      margin: 0px auto;
    }
    .clients-slider.owl-carousel .item {
      text-align: center;
    }



}