/* --------------------------------------
=========================================
RESPONSIVE FIXES
=========================================
-----------------------------------------*/


 @media (max-width: 991px) {

     .pull-right,
     .pull-left {
         float: none !important;
         margin: 5px auto;
     }

     .text-left,
     .text-right {

         text-align: center;
     }

     .side-screenshot {
         margin-bottom: 40px;
     }

     .feature-list,
     .feature-list-1 {
         margin-top: 0;
     }

     .feature-list li .icon-container,
     .feature-list-1 li .icon-container {
         float: left !important;
     }

     .feature-list li p,
     .feature-list-1 li p {
         text-align: left !important;
     }
     .feature-list-2 li .icon-container {
         margin-right: 0;
         margin: auto;
         margin-bottom: 10px;
     }

     header .vertical-registration-form {
         margin-top: 10px;

     }
     .intro {
         text-align: left !important
     }

     .intro-section {
         margin-bottom: 50px;
         margin-top: 0;
     }
 }

@media (min-width: 768px) and (max-width: 991px) {
  .widget_sow-image {
    text-align: center;
  }

  .so-widget-sow-image {
    display: inline-block;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  html {
      font-size: 90%;
  }

  .sticky-navigation .navbar-header {
    float: none;
    width: 100%;
    position: relative;
    padding-top: 12px;
  }

  .sticky-navigation .navbar-header a {
    float: none !important;
  }

  .sticky-navigation .main-navigation {
    padding: 5px 0;
  }

 .feature-list-1 {
   float: left;
   font-size: 16px;
   line-height: 25px;
 }

 .feature-list-1 li p {
   font-size: 16px;
   line-height: 25px;
 }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    padding: 0;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .navbar-right {
    float: left !important;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* NAVBAR START*/

.navbar-toggle .icon-bar {
  background-color: #fff;
  border-radius: 3px;
  content: '';
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.navbar-toggle:not(.collapsed) .top-bar {
  -webkit-transform: translateY(5px) rotate(135deg);
  -ms-transform: translateY(5px) rotate(135deg);
  transform: translateY(5px) rotate(135deg);
}

.navbar-toggle:not(.collapsed) .bottom-bar {
  -webkit-transform: translateY(-7px) rotate(-135deg);
  -ms-transform: translateY(-7px) rotate(-135deg);
  transform: translateY(-7px) rotate(-135deg);
}

.navbar-toggle:not(.collapsed) .middle-bar {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.navbar-toggle {
  border: none;
  background: transparent !important;
}

.navbar-toggle:hover {
  background: transparent !important;
}

/* NAVBAR END */


@media (max-width: 767px) {

	html {
		font-size: 80%;
	}

	.navigation-header {
		padding-top: 25px;
		padding-bottom: 10px;
	}

	.navbar-inverse .navbar-collapse {
		border-color: #ececec;
	}

	header,
	.cta-section {
		background-attachment: scroll !important;
	}

	.intro {
		text-align: center !important;
		margin-bottom: 60px;
	}

	.blog-title{
		margin-bottom: 0;
	}

	.section1,
    .section2,
    .section3,
    .section4,
    .section5,
    .section6,
    .section7 {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.feature-list-1 {
		width: 80%;
		margin: auto;
	}

	.feature-list-1 li p {
		font-size: 16px;
		line-height: 25px;
	}

	.nav > li,
	.nav > li ul li {
		display: inline-block;
		vertical-align: top;
	}

	.multipage-menu.nav > li,
	.multipage-menu.nav > li ul li {
		display: block;
	}

	.navbar .nav > li ul,
	.navbar .nav > li ul ul{
		position: relative;
		display: block;
		top: 0;
		text-align: left;
		min-width: inherit;
		padding: 0;
		padding-left: 20px !important;
		left: auto;
		right:auto;
	}

	.sub-menu{
		margin-left: 15px;
	}

	.sub-menu a{
		color: #000;
	}

	.vertical-registration-form {
		max-width: 80%;
	}

	.subscription-form .input-box {
		margin: auto;
		width: 80%;
		margin-bottom: 10px;
		margin-top: 25px;
	}

	embed,
	iframe,
	object,
	video {
		height: auto;
	}

	.sub-heading{
		margin-top: 15px;
	}

  .post-title-row {
    padding-left: 0;
  }

  .post-title-block {
    margin: 15px 0 0 15px;
  }

  .siteorigin-panels .post-contents {
    padding: 0;
  }

  #pg-949-0 .panel-grid-cell {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #search-filters .clear-filters a {
    margin-bottom: -10px;
  }

  .left-column {
    padding-right: 15px;
  }

  .widget_sow-image {
    text-align: center;
  }

  .so-widget-sow-image {
    display: inline-block;
  }

  .single-video_review .video-wrapper {
    margin: 0;
  }
}

@media(max-width:480px) {

	html {
		font-size: 65%;
	}

  .filter select {
    max-width: 100px;
  }

  #search-filters select {
    height: 33px;
  }

  .filter.keyword-search .search-term input {
    max-width: 100%;
    width: 100%;
  }

  .single-post a.cboxElement {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 15px;
  }

  .single-post a.cboxElement img {
    padding: 0 !important;
    float: none;
  }

	.feature-list-1 {
		display: block;
	}

	body {
		font-size: 13px;
		line-height: 21px;
	}

	.feature-list-1 {
		width: 80%;
	}

	.vertical-registration-form {
		max-width: 100%;
	}

	h4 {
		font-size: 18px;
		line-height: 28px;
	}

	h5 {
		font-size: 16px;
		line-height: 24px;
	}

	h6 {
		font-size: 14px;
		line-height: 22px;
	}

	.standard-button,.secondary-button {
		font-size: 13px;
		min-width: 100px;
		padding: 11px 20px 11px 20px;
	}

	.post-contents{
		padding: 15px;
	}

	.meta-author, .meta-date, .meta-category{
		padding: 0;
		margin-top: 10px;
		padding: 2px 5px;
	}

  .sidebar {
    margin-top: 40px;
  }
}

@media (max-width: 369px) {
  .post-title-block h1 {
    text-align: center;
  }

  #search-filters .filter {
    float: none;
    margin: 0 0 10px;
  }

  #search-filters .filter.keyword-search {
    text-align: center;
  }

  #search-filters .filter.keyword-search .search-term {
    float: none;
    margin: 0 0 10px;
    text-align: center;
  }

  #search-filters .filter.keyword-search .search-term input {
    max-width: 150px;
  }

  #search-filters .filter select {
    max-width: 150px;
    margin: 0 auto;
  }


  #search-filters .filter.keyword-search button {
   min-width: 150px;
  }
}