/*********************** TABLE OF CONTENTS ***********************/
/**                                                             **/
/** General styles                                              **/
/** Switcher styles                                             **/
/**                                                             **/
/** Regions                                                     **/
/**  - header                                                   **/
/** Menu                                                        **/
/**  - Main navigation                                          **/
/** Blocks                                                      **/
/**  - Testimonials                                             **/
/**  - Social Networks                                          **/
/**                                                             **/
/** General styles                                              **/
/** Typography                                                  **/
/** Regions                                                     **/
/**  - header region                                            **/
/**  - header                                                   **/
/** Menu                                                        **/
/**  - Main navigation                                          **/
/** Slider                                                      **/
/**  - Sequence Slider                                          **/
/** Nodes                                                       **/
/** Blog                                                        **/
/** Portfolio                                                   **/
/** Isotope                                                     **/
/** Blocks                                                      **/
/**  - Panels                                                   **/
/**  - Testimonials                                             **/
/**  - Social Networks                                          **/
/**  - Google Maps                                              **/
/** Theme Features                                              **/
/**  - Carousels                                                **/
/**  - Our Partners                                             **/
/**  - Pricing Tables                                           **/
/**  - Our Team                                                 **/
/**  - Happy Clients                                            **/
/*****************************************************************/



@media (max-width: 1169px) {
  
  /************************************************************************************/
  /************************************************************************************/
  /********************************** General styles **********************************/
  /************************************************************************************/
  /************************************************************************************/
  
  .boxed-version {
    margin: 0px;
  }
  
  
  
  
  
  
  /*********************************************************************************/
  /*********************************************************************************/
  /******************************** Switcher styles ********************************/
  /*********************************************************************************/
  /*********************************************************************************/

  .switcher {
    display: none;
  }
  
  
  
}

@media (max-width: 979px) {
  
  /***********************************************************************************/
  /***********************************************************************************/
  /************************************* Regions *************************************/
  /***********************************************************************************/
  /***********************************************************************************/
  
  /****************************/
  /********** header **********/
  /****************************/
   
  /* This two classes exist to prevent the logo resizing in small devices. Change them to your needs */
  header .row-fluid .span9 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
   
  header .row-fluid .span3 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  /* End of the previous mentioned two classes */
  
  
  
  
  
  
  /**********************************************************************************/
  /**********************************************************************************/
  /************************************** Menu **************************************/
  /**********************************************************************************/
  /**********************************************************************************/
   
  /*************************************/
  /********** Main navigation **********/
  /*************************************/
  
  #nav {
    margin-top: 43px;
    margin-bottom: 5px;
  }
  
  .navbar .container {
     background-color: #f6f6f6;
  }
   
  .navbar .brand {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    float: none;
  }
  
  .navbar .nav > li > a {
    border-bottom: 0px solid transparent;
  }
     
  .nav-collapse .nav {
    margin: 0px;
  }
   
  .nav-collapse .nav > li {
    float: none;
    text-align: center;
  }
   
  .nav-collapse .nav > li > a {
    margin: 0px;
  }
   
  /* Dropdown menu */
  .nav-collapse .dropdown-menu {
    background-color: #f3f3f3;
    margin: 0px;
  }
   
  .nav-collapse .dropdown-menu a {
    font-size: 13px;
  }
   
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 0px;
  }
  
  .nav-collapse .dropdown-menu > .active > a {
    background-color: #f3f3f3;
  }
   
  .nav-collapse .dropdown-menu > .active > a:hover,
  .nav-collapse .dropdown-menu > .active > a:focus {
    background-color: #ededed;
  }
     
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 0px;
    font-weight: 100;
    border-radius: 0px;
  }
   
  .nav-collapse .nav > li:focus > a,
  .nav-collapse .nav > li:hover > a,
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    border-bottom: 0px;
    background-color: #ededed;
  }
   
  .navbar .nav > .active > a,
  .navbar .nav > .active > a:hover,
  .navbar .nav > .active > a:focus {
    border-bottom: 0px;
    background-color: #ededed;
  }
   
  /* Dropdown hover */
  .navbar .nav li.dropdown > ul.dropdown-menu {
    visibility: visible;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }  
  
  
  
  
  
    
  /********************************************************************************/
  /********************************************************************************/
  /************************************ Blocks ************************************/
  /********************************************************************************/
  /********************************************************************************/
  
  /******************************/
  /******** Testimonials ********/
  /******************************/
   
  #testimonials blockquote {
    padding: 0px 60px;
  }
  
  
  
  /*****************************/
  /****** Social Networks ******/
  /*****************************/
  
  /* Social networks footer and header block */
  #social-widget-footer a {
    font-size: 17px;
    padding: 0px 6px;
  }



}

@media (max-width: 767px) {
   
  /************************************************************************************/
  /************************************************************************************/
  /********************************** General styles **********************************/
  /************************************************************************************/
  /************************************************************************************/

  body {
    padding: 0px;
  }

  .row-fluid .mobile-two {
    width: 50%;
    float: left;
  }
  
  
  
  
  
  
  /************************************************************************************/
  /************************************************************************************/
  /************************************ Typography ************************************/
  /************************************************************************************/
  /************************************************************************************/
  
  h1 {
    font-size: 25px;
  }
   
  h2 {
    font-size: 21px;
  }
   
  h3 {
    font-size: 18px;
  }
   
  h4 {
    font-size: 16px;
  }
   
  h5 {
    font-size: 15px;
  }
   
  h6 {
    font-size: 14px;
  }
  
  .block-title:before {
    font-size: 19px;
    line-height: 19px;
  }
  
  .block-title {
    line-height: 21px;
  }
  
  .highlighted-text {
    margin: 20px;
  }
   
  .text-left-responsive {
    text-align: left;
  }
   
  .text-center-responsive {
    text-align: center;
  }
   
  .text-right-responsive {
    text-align: right;
  }
  
  .margin-top-responsive {
    margin-top: 30px !important;
  }
  
  .margin-bottom-responsive {
    margin-bottom: 30px !important;
  }
  
  






  /***********************************************************************************/
  /***********************************************************************************/
  /************************************* Regions *************************************/
  /***********************************************************************************/
  /***********************************************************************************/
  
  /*************************************/
  /*********** header region ***********/
  /*************************************/
  
  #header-region .span6 {
    min-height: 15px;
  }
  
  
  
  /*************************************/
  /************** header ***************/
  /*************************************/
  
  /* Logo resizing problem reset */
  header [class*="span"],
  header .uneditable-input[class*="span"],
  header .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  /* End of logo resizing problem reset */
   
  #logo {
    text-align: center;
    padding: 0px;
  }
   
  #site-name h1 {
    font-size: 36px;
  }






  /**********************************************************************************/
  /**********************************************************************************/
  /************************************** Menu **************************************/
  /**********************************************************************************/
  /**********************************************************************************/
   
  /*************************************/
  /********** Main navigation **********/
  /*************************************/
  #nav {
    margin-top: 0px;
    margin-bottom: 10px;
  }






  /************************************************************************************/
  /************************************************************************************/
  /************************************** Slider **************************************/
  /************************************************************************************/
  /************************************************************************************/
  
  /*************************************/
  /********** Sequence Slider **********/
  /*************************************/
  
  #sequence {
    height: 400px;
  }
  
  .sequence-next,
  .sequence-prev {
    display: none !important;
  }
  
  #sequence .title {
    text-align: center;
    font-size: 20px;
    left: 100%;
    padding: 3% 0px;
    bottom: -50%;
    width: 100%;
    max-width: none;
    z-index: 10;
    background-color: rgba(0,0,0,0.3);
  }
  
  #sequence .animate-in .title {
    left: 0%;
  }
  
  #sequence .animate-out .title {
    left: -100%;
  }
  
  .sequence-canvas .title.effect2 {
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
  
  #sequence .subtitle {
    display: none;
  }
  
  #sequence .link {
    top: 95%;
  }
  
  #sequence .layer {
    max-height: 300px !important;
  }
  
  #sequence .animate-in .layer {
    left: 46%;
    margin-left: -120px;
  }
  
  #sequence .animate-out .layer {
    left: 50%;
    margin-left: -120px;
  }







  /***********************************************************************************/
  /***********************************************************************************/
  /************************************** Nodes **************************************/
  /***********************************************************************************/
  /***********************************************************************************/
  
  .node-image-teaser {
    margin-bottom: 10px;
  }
  
  
  
  
  
  
  /**********************************************************************************/
  /**********************************************************************************/
  /************************************** Blog **************************************/
  /**********************************************************************************/
  /**********************************************************************************/
   
  /* Latest posts block */
  .news-block-item {
    margin-bottom: 30px;
  }
   
  .news-block-item:last-child {
    margin-bottom: 0px;
  }
  
  /* blog teaser */
  .blog-image-teaser {
    margin-bottom: 10px;
  }
  
  
  
  
  
  
  /*********************************************************************************/
  /*********************************************************************************/
  /*********************************** Portfolio ***********************************/
  /*********************************************************************************/
  /*********************************************************************************/
  
  /* portfolio page and latest work block */
  .portfolio-item,
  #latest-work .portfolio-item {
    margin-bottom: 30px;
  }
   
  .portfolio-item:last-child,
  #latest-work .portfolio-item:last-child {
    margin-bottom: 0px;
  }
   
  /* Portfolio single item page */
  .portfolio-content {
    margin-top: 10px;
  }
  
  /* Portfolio Block Version 2 */
  .portfolio-block-2 .portfolio2-item,
  .portfolio-block-2:last-child .portfolio2-item {
    margin-bottom: 30px;
  }
  
  .portfolio-block-2:last-child .portfolio2-item:last-child {
    margin-bottom: 0px;
  }
  
  
  
  
  
  
  /*********************************************************************************/
  /*********************************************************************************/
  /************************************ Isotope ************************************/
  /*********************************************************************************/
  /*********************************************************************************/

  /* Isotope container responsive business */
  #container-isotope .row-fluid .span3, #container-isotope .span3,
  #container-isotope .row-fluid .span4, #container-isotope .span4,
  #container-isotope .row-fluid .span6, #container-isotope .span6 {
    margin-left: 0;
  }
  
  
  
  
  
  
  /********************************************************************************/
  /********************************************************************************/
  /************************************ Blocks ************************************/
  /********************************************************************************/
  /********************************************************************************/
  
  /****************************/
  /********** Panels **********/
  /****************************/
  
  .panel,
  .panels-2 .panel-2 {
    margin-bottom: 30px !important;
  }
  
  .panel:last-child,
  .panels-2:last-child .panel-2:last-child {
    margin-bottom: 0px !important;
  }
  
  /* Panels Version 2 */
  
  .panel-2 {
    float: left !important;
  }
  
  
  
  /****************************/
  /******* Testimonials *******/
  /****************************/
   
  #testimonials blockquote {
    padding: 0px;
  }
   
  
  
  /*****************************/
  /****** Social Networks ******/
  /*****************************/
  
  /* Social networks wide block */
  #social-networks a {
    font-size: 25px;
    padding: 0px 8px;
  }

  /* Social networks sidebar block */
  #social-widget-side {
    font-size: 25px;
  }
  
  
  
  /*******************************/
  /********* Google maps *********/
  /*******************************/
  
  .google-map {
    height: 250px;
  }
  
  
  
  
  
  
  /********************************************************************************/
  /********************************************************************************/
  /******************************** Theme Features ********************************/
  /********************************************************************************/
  /********************************************************************************/
   
  /*****************************/
  /********* Carousels *********/
  /*****************************/
   
  /* Arrows carousel */
  .carousel-arrows {
    font-size: 23px;
  }

  .carousel-arrows .carousel-arrow-left,
  .carousel-arrows .carousel-arrow-right {
    top: -51px;
  }
  
  
  
  /**********************************/
  /*********  Our Partners  *********/
  /**********************************/

  .partners .partner {
    margin-bottom: 30px;
  }
  
  .partners .partner:last-child {
    margin-bottom: 0px;
  }
  
  
  
  /*****************************************/
  /***********  Pricing Tables  ************/
  /*****************************************/

  .ptable {
    margin-bottom: 30px;
  }
  
  .ptable:last-child {
    margin-bottom: 0px;
  }
  
  
  
  /**********************************/
  /***********  Our Team  ***********/
  /**********************************/

  .team-element {
    margin-bottom: 30px;
  }
  
  .team-element:last-child {
    margin-bottom: 0px;
  }
  
  
  
  /***********************************/
  /*********  Happy Clients  *********/
  /***********************************/

  .happy {
    margin-bottom: 0px;
  }
  
  .happy .happy-item {
    display: inline-block;
    margin-bottom: 30px;
  }
  
  .happy:last-child .happy-item:last-child {
    margin-bottom: 0px;
  }

  
  
}