/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

  .video-preview iframe{
    width: 200px;
    height: 130px;
  }

  .pricing_table .three-col .pricing_box{
    width: 195px !important;
  }

  .pricing_table .four-col .pricing_box{
    width: 175px !important;
  }
}



/*Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  .pricing_table .three-col .pricing_box{
    width: 400px!important;
  }

  .pricing_table .four-col .pricing_box{
    width: 400px!important;
  }


}




/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) { 

  .js #nav { display: none; }
  .js .selectnav { display: block; }

  #flickr_widget-1{
    height: 370px !important;
  }
}


/* small screen */
@media screen and (max-width: 768px) {

  .logo{
    text-align: center;
  }

  #content{
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer .row >div{
    padding: 0px 20px 0px 20px;
  }

  .footer .row >div h5{
    text-align: center;
  }

  .lastest-blog-img  .rollover{
    width: 300px;
  }

  .portfolio_2col .rollover{
    width: 460px;
    left : 50%;
    margin-left: -230px;
  }

  .portfolio_3col .rollover{
    width: 300px;
    left : 50%;
    margin-left: -150px;
  }

  .portfolio_4col .rollover{
    width: 220px;
    left : 50%;
    margin-left: -110px;
  }

  .pricing_box{
    margin-bottom: 30px;
  }

  #logo{
    text-align: center;
    margin-top: 25px;
  }
  /*  .social-icon{
      text-align: center;
    }
    .copyright_wrapper{
      text-align: center;
    }*/
  .page-header small{
    display: block;
  }
  .page-header{
    text-align: center;
  }
  .team-member{
    text-align: center;
  }
  .blog_medium .pagination,.blog_fullwidth .pagination{
    text-align: center;
  } 

  .lastest-blog{
    margin-bottom: 20px;
  }

  .copyright_wrapper,.social-icon{
    text-align: center;
  }
}






/* Landscape phones and down */
@media (max-width: 480px) {

  .page-header {
    text-align: center;
  }
  .blog_medium {
    padding-left: 10px;
  }

  .blog_medium img {
    margin: auto;
    margin-right: 0px;
  }





}

/* Ex size */
@media (max-width: 400px) {
  .lastest-blog-img  .rollover{
    width: 100%; 
  }

  .our-folio li{
    margin-right: 200px!important;
  }
}