
@media screen and ( max-width:1366px) and (min-width:1280px){
#primary-nav ul.navigation > li a{  padding:17px 20px 14px; margin:0 15px ;}
#primary-nav ul.navigation > li {margin: 0 4px;}
.sidebar::after {width: 30%;}

	}
@media screen and ( max-width:1279px) and (min-width:1024px){
#primary-nav ul.navigation > li a{  padding:17px 10px 14px; margin:0 8px ;}
.carousel-caption {left: 70px;}
#search-container{ margin-top:25px;}
.container{ width:100%; padding:0 25px}	
#primary-nav ul.navigation > li {margin: 0 4px;}
.innerpage-caption h1{ font-size:60px;}
.sidebar {margin: 0 0 0 35px;}
.sidebar::after {width: 34%;}
#primary-nav ul.navigation .sub-nav.open{ left:8px;}
.middle-boxes {margin:0px -15px;}
.logo-tagline {font-size: 15px;}
#site-title a{ font-size:55px;}
	}
@media screen and (max-width:992px) and (min-width:320px){

  #nav_items .menu_close{ display:none}
  #nav_items .menu_open{ display:block}
  #nav_items.open .menu_open{ display:none}
  #nav_items.open .menu_close{ display:block}
  .menu-button.menu_close::after {
  background-image: url("../images/menu-close.png");
  background-size: contain;
  content: "";
  display: inline-block;
  height: 25px;
  left: 10px;
  margin: auto;
  position: relative;
  top:6px;
  width:28px;
}
.menu-button.menu_close{ padding:12px 0;}	
 #primary-nav ul.navigation .sub-nav.open{ left:0; text-align:center; top:0px; position:relative; width:100%; margin:0px ;}
#primary-nav ul.navigation > li a.open{background:#a5b8d6; padding-bottom:15px;}
	}
	
@media screen and (max-width:992px) and (min-width:768px){
.container{ width:100%; padding:0 30px}	
.sidebar{ padding:0px 0 0; margin:80px 0 0; background:#f5f7fa; max-width:100%}
.middle-boxes img{ margin:25px 0;}
.sidebar::after{ top:60%; left:0; right:0; width:100%;}
.sidebar-blog {margin: 0;}
header {
    background-size: auto !important;
    -ms-behavior: url("../javascripts/backgroundsize.min.htc");
    background-position-x: right !important;
  }

  .no-textshadow #site-title a {
    background-color: #000;
    padding: 0.375em;
  }
  .no-textshadow #site-title a:link, .no-textshadow #site-title a:visited, .no-textshadow #site-title a:active, .no-textshadow #site-title a:hover {
    color: #fff;
  }

  #site-title {
padding:0px;
margin:15px 0 10px;
  }
 #search-container{ margin-top:35px;} 
  #site-title a {
    border-bottom: 0;
  }
  #site-title a img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
  }

  /* @end */
  /* @group ----- Navigation -----  */
  nav ul {
    padding-left: 0;
  }

  ul.navigation {
    padding-left: 0;
  }

  .top ul {
    border: solid #ccc;
    border-width: 0 0 1px 0;
  }

  .bottom ul {
    margin-bottom: 0;
  }

  .menu-button {
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    margin: 0 0;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
 }

  .menu-button:after {
    content: "";
    display: inline-block;
    width:32px;
    height:20px;
    background-image: url("../images/menu.png");
    background-size: contain;
    margin: auto;
	position:relative; top:5px; left:10px;
  }

  .no-backgroundsize .menu-button:after {
    background-image: url("../images/menu_ie.png");
  }
#primary-nav{ height:auto}
#primary-nav ul.navigation{ background:#3b6788; position:absolute; left:0; right:0; height:100%; z-index:100}
  #primary-nav ul.navigation {
    display: none;
  }
    #primary-nav ul.navigation > li:hover{ border:none}
  #primary-nav ul.navigation > li a{ padding:15px 0px; margin:0px;border-bottom:solid 4px transparent}
    #primary-nav ul.navigation > li a:hover{ border-bottom:solid 4px #9aafd0; background:none !important}
  #primary-nav ul.navigation ul {
    margin: 0;
    padding: 0;
    border-top: 0;
  }
  #primary-nav ul.navigation ul li {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("../javascripts/boxsizing.htc");
    margin: 0;
  }
  #primary-nav ul.navigation ul li a {
    padding-left: 2.5em;
  }
  #primary-nav ul.navigation ul li ul li a:hover{border-bottom:solid 4px transparent}
  #primary-nav ul.navigation ul li ul li a {
    padding-left: 4em;border-bottom:solid 4px transparent;
  }
  #primary-nav ul.navigation ul.sub-nav {
    display: none;
  }

  #primary-nav ul.navigation > li {
    width: 100%;
	padding:0 35px;
  }
  .menu-button button{ text-align:center}
  
  .carousel-caption{ position:relative !important; display:block; background:#aebecb; text-align:center; max-width:100%; left:0; right:0; padding:20px;}
  .carousel-inner .container{ width:100%; margin:0; padding:0;}
  .carousel-inner > .item > img{ position:relative}
  .visitus{ padding:40px 0 20px;}
  footer{ text-align:center}
  .social-icons{ float:none; text-align:center; padding:30px 0 0;}
  .social-icons li{ float:none; display:inline-block; text-align:center}
  footer .custom-dropdown {margin: 30px 0 0; float:none}
  .footer-menu{ text-align:center}
  .carousel-caption h1{ font-size:48px; text-align:center}
  .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {top: 140px;bottom:inherit;}
  .collection{ margin-bottom:35px; border:none; padding:0;}
  #collection-items .item {padding: 20px 10px;}
  .innerpage-caption h1{ font-size:48px;}
  .pika-thumbs li{ width:74px;}
  .thumbslider-nav {left: 20px;right: 20px;}
  .sidebar{ position:relative; padding:30px 0;}
  .sidebar::after{ left:-50px; right:-50px; top:0; bottom:0; width:inherit}
  .inner-page{ padding-bottom:0}
  .btn-blog{ padding-top:35px; margin-left:25px;}
  .socialshare{ margin-left:25px;}
  #search-box h3{ display:none}
  .collection h3{ margin:0; padding:0 0 10px;}
  .collection img{ margin-top:10px;}
  .collection-outer {margin: 0 -10px;}
.collection-outer .col-md-33 {width:100%;}
.middle-boxes .col-md-33 {padding: 0 25px;width:100%;}
.visitus img {margin-right:-15px;}
.middle-boxes {
  margin: 0px -15px;
  padding: 45px 0 30px;
}
.logo-tagline{ margin:0 0 15px; font-size:15px;}
  	}	
@media screen and (max-width:767px){
	.container{ width:100%; padding:0 15px}	
#primary-nav{ height:auto}
  .menu-button { margin:0px;}
  .carousel-caption{ position:relative !important; display:block; background:#aebecb; max-width:100%; left:0; right:0; padding:20px;}
  .carousel-inner .container{ width:100%; margin:0; padding:0;}
  .carousel-inner > .item > img{ position:relative}
  .visitus{ padding:40px 0 20px;}
  footer{ text-align:center}
  .social-icons{ float:none; text-align:center; padding:30px 0 0;}
  .social-icons li{ float:none; display:inline-block; text-align:center}
  footer .custom-dropdown {margin: 30px 0 0; float:none}
    .menu-button{ text-align:center;font-family: 'Open Sans', sans-serif;}
	 .menu-button:after {width:32px;height:20px; top:3px; position:relative}
	 #site-title{ margin:0px 0 0;}
#site-title a {font-size:45px;line-height: 60px;}
.carousel-caption h1{ font-size:48px; text-align:center}
.carousel-caption{ text-align:center}
.carousel-control {top: 60px;bottom:inherit; border:none;}
.carousel .item{ height:auto}
.carousel {height: auto;margin-bottom: auto;}
.item-box{ margin-bottom:30px;}
.middle-boxes {padding:25px 0 0; margin:0 0px}
.visitus-caption h1{ font-size:48px;}
  .custom-dropdown {float:none}
  .footer-menu{ text-align:center}
  .social-icons{ float:none; text-align:center; padding:30px 0 0;}
  .social-icons li{ float:none; display:inline-block; text-align:center; margin:0 15px;}
  #primary-nav ul.navigation > li{ display:block;}
      #primary-nav ul.navigation > li:hover{ border:none}
  #primary-nav ul.navigation > li a{ padding:15px 0px; margin:0px; border:none !important}
    #primary-nav ul.navigation > li a:hover{ border:none !important}
#search-box {
  position: relative;
  right: 0px;
  z-index: 100;
  margin-bottom:15px;
}
#search-box .searchbox {
  margin: 2px 0 0 0px;
  padding: 0 38px 0 0;
  width: 100%;
}
.inner-banner .container{justify-content: center;}
.innerpage-caption h1 {
  font-size: 26px;
 text-align: center;
 display:block;
 padding:5px 0;
 margin:0px;
}
.sidebar{ padding:0px 0 0; margin:80px 0 0; background:#f5f7fa; max-width:100%}
.middle-boxes img{ margin:20px 0;}
.sidebar::after{ top:61%; left:0; right:0; width:100%;}
.inner-page h2{ font-size:36px;}
.collection{ margin-bottom:25px; padding:0;}
.pika-stage, .pika-textnav{ height:auto !important; width:auto !important}
.pika-thumbs li{ width:38px;}
.pika-thumbs{ padding-bottom:60px;}
.pika-stage {padding: 0 30px;}
 #search-box h3{ display:none}
 .thumbslider-nav {
  left: 30px;
  right: 30px;
}
.collection-outer {margin: 0 0px;}
.collection-outer .col-md-33 {width:100%;}
.social-icons li {margin: 0 10px;}
.middle-boxes .col-md-33 {padding: 0 10px;width:100%;}
.visitus img {margin-right: 0;}
.visitus-caption{ float:left; width:100%}
.visitus .pull-right{ width:100%; float:left}
.visitus .pull-right img{display: block; margin: 0 auto;}
.default-innerpage .col-md-35, .default-innerpage .col-lg-30 {
  position: relative;
}
.sidebar::after {
  left: 0;
  right: 0;
  top:inherit
}
.sidebar {
  margin: 80px -20px 0;
  padding:20px 20px;
  width:auto !important;
   max-width: none !important
}
.pika-thumbs{ height:auto}
.inner-banner img {min-height: 110px;}
.logo-tagline{ margin:0 0 15px; font-size:15px; display:block}
.header-right{ display:table; text-align:center; padding-bottom:10px;}
.header-right-logo{ display:table-cell; vertical-align:top; float:none;padding-right:15px;}
#search-container{ display:table-cell; vertical-align:top; float:none}
.thumbslider-nav{ background:#000; position:relative; height:50px; bottom:0; padding:10px 20px 0; left:0; right:0;}
.thumbslider-nav a{ position:relative;}
}	
@media screen and (min-width:641px) and (max-width:767px){
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    top:140px;
    bottom:inherit;
}
		
}
@media screen and (max-width:640px) and (min-width:480px){
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {top:100px;bottom:inherit;}
	
	}
@media screen and (min-width:375px) and (max-width:479px){
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    top: 60px;
    bottom:inherit;
}
		
	}


@media screen and (max-width:360px) and (min-width:320px){
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {top: 60px;bottom:inherit;}	

	}