@media screen and (min-width: 981px) {
	.tablet {display:none;}
}
@media screen and (min-width: 481px) and (max-width: 980px) {
	.pc {display:none;}
	ul.sitemap li {
    width: 78%;
	}
}
@media screen and (min-width: 481px) {
	.sp {display:none;}
}
@media screen and (max-width: 480px){
	.pc {display: none !important;}
	
	ul.sitemap {
		display: grid;
		grid-template-columns: 1fr;
	}
	
  #nayami {
    margin-top: -200px;
    padding-top: 200px;
    visibility: hidden;
   } 
	
	.section_title span {
	display:inline-block;
	}
	.section_title span::before {
    top: -8px;
	}
   
  .header{ 
    width: 100vw !important;
    height: 70px;
    padding:0; 
    position:fixed; 
    padding: 0;
    background: rgba(255, 255, 255, .36);
    backdrop-filter: blur(20px);
    }
	.innerbanner {
		padding-top: 72px;
	}
	.logo-sp {
		text-align: center;
	}
	.logo-sp img {
		width: 300px;
	}
  h1.entry-title {
    font-size: 1.3rem;
  }
	h2.section_title {
		font-size: 24px !important;
	}
	.topic-margin {
    margin: -29px auto -24px;
	}
  h2.section_title {
    margin-top: -26px;
  }
	.container {
        width: auto;
        padding: 0 !important;
    }
    .content-area {
      padding: 0 20px !important;
    }
  .tsunagu-txt {
	width: 90%;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 8px;
    position: absolute;
    bottom: 34px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(255, 255, 255, .72);
  }
	h1.entry-title::before {
    top: -34px;
    height: 19px;
	}
  .scroll {
    display: none;
  }
  .button_container {
    position: fixed;
    top: 21px !important;
    left: 3.5%;
    height: 22px;
    width: 30px;
  }
  .slider-main {
    position: relative;
    padding-top: 66px !important;
  }
  h2.section_title::before {
    top: -41px !important;
    height: 33px !important;
  }
  .service-wrapper {
    max-width:980px; 
    margin: 0 auto 0px !important; 
    padding:8px; 
    font-size:1rem;
   }
  .service-title {
    font-size: 1.4rem !important;
    border-radius: 8px !important;
   }
   .service-txt {
    font-size:1rem; 
   }
   span.faq-question-text {
    text-align: left;
/* 	font-family: "Noto Sans JP Bold";
	-webkit-font-weight: 900 !important; */
	-webkit-text-stroke: 0.4px;
  }
  .fixed-image .content-pro p {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .fixed-image .content-pro div {
	font-size: 1rem;
    width: 95% !important;
    font-weight: 600;
	-webkit-font-weight: 700;
    margin-left: 0 !important;
    margin-bottom: 20px;
  }
	.fixed-image .fixed-inner {
    height: auto !important;
	}
	.footer-2col {
        padding-top: 30px;
        text-align: center;
	}
	.textwidget {
    padding: 0 18px 0 12px;
	}
  ul.sitemap li {
    width: auto !important;
    float: none;
	margin-right: 7px;
  }
  ul.sitemap li:nth-child(odd) {
    margin-right: 7px;
  }
	.welcomewrap {
		margin:0 auto !important;
	}
	.wpcf7 br {
    display: none;
	}
  .blog-post-repeat .postmeta {
    margin-top: 45px;
  }
  a {display: block;}
	
}


@media screen and (min-width:481px) and (max-width:768px) {
  ul.sitemap li {
    width: auto !important;
    float: none;
	margin-right: 24px;
  }
  ul.sitemap li:nth-child(odd) {
    margin-right: 24px;
  }
}
@media screen and (min-width:481px) and (max-width:767px) {
	.topic-margin {
    margin: -138px auto -25px;
	}
	.container, .content-area, #ourservices .container{ width:400px; margin:0 auto;}
  .slider-main{min-height:600px; height:auto;}
  h2.section_title::before {
    height: 59px;
  }
  h2.section_title::before {
    top: -78px;
    height: 71px;
  }
}


@media screen and (min-width:481px) and (max-width: 980px){
  .slider-main {
    padding-top:100px;
  }
  .logo-sp {
    margin-top: -11px !important;
    text-align: center !important;
  }
  .innerbanner{ 
    padding-top: 120px;
    height:auto;
  }
  .header{ 
    width: 100vw !important;
    height: 120px;
    padding:0; 
    position:fixed; 
    padding: 0;
    background: rgba(255, 255, 255, .36);
    backdrop-filter: blur(20px);
    }
    .logo-sp img {
      width: 400px;
      padding-top: 30px;
    }
    .fixed-image .content-pro p, .fixed-image .content-pro div {
      width: 100% !important;
      margin-left: 0 !important;
    }
    .fixed-image .content-pro {
      margin-top: 20px !important;
    }
	h2.section_title::before {
		top: -63px;
		height: 56px;
	}
}

@media screen and (min-width:981px) {
	.tablet {display:none !important;}
}
@media screen and (min-width:981px) and  (max-width:1169px) {
	.header_right {
    width: 69.6% !important;
	}
	.top_logo_center {
    top: 50% !important;
	}
	.b-hours {
		bottom: 148px !important;
	}
  .txt-box {
    width: 468px !important;
  }
  ul.b-a {
    width: 100%;
    margin: 100px 0 0;
  }
  .ba-box {
    margin: 0 20px 0 0 !important;
  }
  .right-img {
    width: 262px !important;
  }
  .not-left {
    width: 290px !important;
    margin-left: 0 !important;
  }
  .not {
    width: 300px !important;
  }
  ul.toi {
    width: 940px;
    margin:48px auto !important;
  }
  ul.toi li {
    width: 290px !important;
  }
  .sitemap-2col {
    margin-right: 6px !important;
  }
}
@media screen and (min-width:770px) and  (max-width:980px) {
	.header_right {
    width: 62% !important;
	}
	.top_logo_center {
    top: 40% !important;
	}
	.b-hours {
    bottom: 93px !important;
    width: 42% !important;
	}
	.slider-main {
		height: auto !important;
	}
	.arrow-top {
    position: absolute;
    bottom: 14%;
    }
	.button_container {
  position: fixed;
  top: 55px !important;
	}
}

@media screen and (min-width:981px) {
    .tablet {display:none !important;}
  }

@media screen (min-width:768px) and (max-width:980px) {
  br.sp {
    display: none;
  }
  .img-box {
    width: 97% !important;
  }
  h2.section_title::before {
    height: 59px;
  }
  .fixed-image {
    max-height: 1900px !important;
	}
  
}
@media screen and (max-width:767px) {
  .right-img {
    margin-left: 3% !important;
  }
}

/* ハンバーガー 980以下全て */
@media screen and (max-width:980px) {
	
/* スマホ用メニュー */	
	.button_container {
  position: fixed;
  top: 54px;
   left: 3.5%;
  height: 22px;
  width: 30px;
  cursor: pointer;
  z-index: 1000;
  transition: opacity 0.25s ease;
	}
/* .button_container:hover { opacity: 0.7; } */
.button_container.active .top {
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #fff;
}
.button_container.active .middle {
  opacity: 0;
  background: #fff;
}
.button_container.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #fff;
}
.button_container span {
  background: #000;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.ham-wrapper {
  position: fixed;
  background-color: #95c1ef;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0%;
  z-index: 1;
  overflow: hidden;
}
.ham-wrapper.open {
  height: 100vh;
}
.ham-wrapper.open li {
  animation: fadeInTop 0.5s ease forwards;
  animation-delay: 0.05s;
}
.ham-wrapper.open li:nth-of-type(2) {
  animation-delay: 0.1s;
}
.ham-wrapper.open li:nth-of-type(3) {
  animation-delay: 0.15s;
}
.ham-wrapper.open li:nth-of-type(4) {
  animation-delay: 0.2s;
}
.ham-wrapper.open li:nth-of-type(5) {
  animation-delay: 0.25s;
}
.ham-wrapper.open li:nth-of-type(6) {
  animation-delay: 0.3s;
}
.ham-wrapper.open li:nth-of-type(7) {
  animation-delay: 0.35s;
}
.ham-wrapper.open li:nth-of-type(8) {
  animation-delay: 0.40s;
}
.ham-wrapper.open li:nth-of-type(9) {
  animation-delay: 0.45s;
}
.ham-wrapper.open li:nth-of-type(10) {
  animation-delay: 0.50s;
}
.ham-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.ham-wrapper ul li {
  display: block;
  text-align: left;
  height: 25%;
  height: calc(100% / 4);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.ham-wrapper ul li a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
	text-align:center;
}
.ham-wrapper ul li a:hover:after, .ham-wrapper ul li a:focus:after, .ham-wrapper ul li a:active:after {
  width: 100%;
}
.ham-wrapper ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 3px;
  background: #C4A243;
  transition: 0.35s;
}

@keyframes fadeInTop {
  0% {
    opacity: 0;
    top: -20%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
	/* メニュー end  タグレット以下*/
}

/* Mobile Portrait View */
@media screen and (max-width:980px) {
	body {width: 100vw; overflow-x: hidden;}
	html {overflow-x: hidden;}
	
  #footer-wrapper{padding:0; background-color:#0d0f10; position:relative; color:#c1c0c0; background-size:cover !important; }
section{ padding:40px 0;}
.toggleMenu{display: block;}
.sitenav{float:none; margin:0; top:0; position:relative; overflow-x:hidden;}
.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-right:none;}
.sitenav ul li a{padding:5px 10px !important; display:block; color:#000; text-align:left;}
.sitenav ul li a:hover{color:#ffffff;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}
.sitenav ul li ul li a:before{content:"\00BB \00a0";}
.sitenav ul li ul li{ border-bottom:1px solid transparent!important;}
.sitenav ul li ul li a{padding-left:20px !important;}
.sitenav ul li ul li ul li a{padding-left:30px !important;}
.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
.sitenav ul li:hover > ul{ background:none !important;}

.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.logo img{ height:auto;}

	table.price tr td, table.price_k tr td {
    font-size: 0.9rem;
	}
	
	table.company th {
	width: 100%;
	padding: 10px !important;
    display: block;
    background: #efefef;
    height: 23px;
	}
	table.company td {
	font-size: .9rem !important;
	text-align: center;
    display: block;
	}
	table.company tr:nth-child(5) td:nth-child(2) {
		text-align: left;
	}
	
  .com-about {
    width: 80%;
    padding: 30px 25px 4px 11px;
  }
  h1.com-title {
    font-size: 1.5rem;
  }
  ul.feat li {
    width: 94%;
  }
  ul.feat li span {
    top: 82%;
    font-size: 1rem;
  }
  ul.feat li:nth-child(1) {
    background-size: 45%;
  }
  ul.feat li:nth-child(2) {
    background-size: 44%;
  }
  ul.feat li:nth-child(3) {
    background-size: 45%;
  }
  ul.feat li:nth-child(4) {
    background-size: 43%;
  }

.logo-sp {
  margin-top:2px;
  transform: scale( .7);
}
ul.counselor li {
  width: 98%;
  margin-bottom: 35px;
}
ul.counselor li:nth-child(2) {
  width: 100%;
}

.caption-sub::after, .caption-sub::before {
		display:none;
	}
.img-stamp img {
    width: 150px;
    margin-left: 40px;
}
.img-box {
	width: 93%;
	margin-right: 0;
	margin-top: 71px;
	padding: 8px;
	float: none;
}
.caption-sub span {
    line-height: 2.2;
}
.txt-box {
    width: 81%;
    float: none;
    text-align: left;
    line-height: 1.5;
    position: static;
margin: -20px 10px 0;
}
.not-left {
    width: 90%;
    margin-left: 0;
}
.not-left:before {
    right: 47%;
    top: 94%;
    transform: rotate(90deg);
}
.right-img {
    margin-top: -58px;
}
.not {
    width: 88%;
}
.not:before {
    left: 45%;
    top: -36px;
    transform: rotate(270deg);
}

.footer-2col {
    float: none;
    width: 100%;
}
.footer-2col-2 {
    float: none;
    width: 98%;
}
.sitemap-title {
	margin-top: 50px;
	}
.sitemap-2col, .sitemap-2col-2 {
    float: none;
    width: 100%;
	padding-top: 0;
	}
section#winelistingwrap {
		overflow-x: clip;
	}
ul.sitemap {
    width: 100%;
}
	
	ul.col2 li, ul.col2 li:nth-child(even) {
		width:100% !important;
	}
	.section-img {
	background-repeat:no-repeat; background-position: center center; background-attachment:scroll !important; background-size:cover;
	}
	
	.table-shadow {
    font-size: 11px;
	}
	table.table-shadow tr td, table.table-shadow tr th {
    border-bottom: 1px solid #ccc;
    padding: 20px 8px;
	}
	
  .scroll {
    display: none;
  }
	.scroll span {
    display: none;
		background: #70a9fe !important;
		padding: 0 4px 4px !important;
	}
	.fa-chevron-down {
    color: #155700 !important;
	}
	.fa-chevron-down:before {
    margin-left: 0 !important;
}
	
	.ops2 {
		left: 75px !important;
	}
	h2.section_title {
		font-size: 28px;
    line-height: 1.3 !important;
	}
	.hotdishlist h6 {font-size: 18px !important; }
	.hotdishlist p {
    font-size: 14px !important;
    padding-right: 14px !important;
	}
	#back-top {display:none !important;}
	
	.top_logo_center {
	 width: 86% !important;
    top: 35% !important;
		display:none;
	}
	.b-hours {
		width: 100vw !important;
    	text-align: center !important;
		bottom: 12px !important;
	}
	.arrow-top {
	bottom:30% !important;
	}
	.hotdishlist .dishthumb {
		height: 130px !important;
	}
	.container3 { font-size: 13px; }
	h2.section_title { padding: 0 10px; }
	h4.sectionsubtitle {
    font-size: 13px !important;
    padding: 0 10px;
	}
	h4.sectionsubtitle::after {display:none;}
	
.left, .right{ float:none;}
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.container { width:auto; padding:0 20px;}
.header_right{ float:none; text-align:center; width:auto; }
.header-top .right{ text-align:center;}
.header-top{ text-align:center; line-height:normal; padding:0;}
.header-top .social-icons a{ border:none;}
.header-top .left span{ float:none; display:inline-block;}
.headerinfo{ padding:10px 0;}
.logo{ width:auto; float:none; text-align:center; padding:0 !important; margin-top:5px; transform: scale( .76);}
.infobox{ float:none; display:table; margin-bottom:10px;}
/*slider css*/
.nivo-controlNav{ display:none !important;}
.nivo-caption{ width:80% ;}
.nivo-caption p{ display:none !important;}
.nivo-caption .button{ display:none !important;}
.nivo-caption h2{ font-size:20px !important; line-height:24px !important;}
.news-box{ width:auto; float:none; margin:0 0 25px; height:auto;}
.news-box .news-thumb{height:auto;}
.news-box .news-thumb{ width:auto; float:none;}
.news{width:auto; float:none; padding:0;}

#whoweareasection img{ float:none; margin:0 0 20px; height:auto;}
.one_third .ftrimgbx{ height:auto;}
.counterlist{ float:none; margin:0 auto 25px auto;}

.threebox,
.one_column,
.two_column,
.four_column,
.five_column,
.six_column{ width:auto; float:none; margin:0 0 20px; background:none; padding-right:0;}
.threebox .thumbbx,
.one_column .thumbbx,
.two_column .thumbbx,
.four_column .thumbbx,
.five_column .thumbbx,
.six_column .thumbbx
{ height:auto;}
#welcomesection .one_half.last_column img{ margin-top:0;}
.themefeatures .one_half, .themefeatures .one_half.last_column{ width:100%;}
.best-featurs{width:auto; float:none; margin:0 0 20px; padding-right:0;}
.best-featurs .fa{ margin-bottom:50px;}
.hotdishlist{ width:auto; float:none; margin:0 0 20px; padding:44px 8px 21px;}
.hotdishlist .dishthumb img{ min-height:auto;}
/*coloumn css*/ 
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .services-col, .services-wrap .one_third, #wrapperthree .one_half{float:none !important; width:100% !important; margin:0 0 30px !important;}
.innerbanner{ height:auto;}

/*gallery css */
ul.portfoliofilter li{ margin-right:5px !important;}
ul.portfoliofilter li a{ padding:5px !important; font-size:10px !important;}
.fourcol .entry{ width:auto !important;}
.tabs-wrapper ul.tabs li a{ padding:10px 14px}
.footer .social-icons a{ margin-right:3px;}

.teammember-list{ width:auto; float:none; margin:0 0 10%; text-align:center;}
.team-thumb-icons .member-social-icon{ opacity:1;}
.member-social-icon a{ margin:0 5px;}

/*sidebar css*/
#sidebar{ width:100%; float:none;}
.sidebar-left{ float:none !important; width:100%;}
.flotRight{ float:none !important;}
#sidebar .services-col .services-content{ padding:8% 11.5%;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:85%; }

.testimonials-wrap h2.section_title{ margin-bottom:10px; font-size:20px;}
.testimonials-wrap .owl-prev{ right:11%;}

/*footer css */
.footer{ width:auto !important; float:none; margin:0 0 10% 0;  }
/* --------- Pages ------- */
.content-area{ width:auto; margin:0; padding:20px;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}
.copyright-txt, .design-by { text-align:center; float:none; font-size: .7rem;}
#contactform_main input[type="text"], 
#contactform_main input[type="email"], 
#contactform_main input[type="tel"], 
#contactform_main input[type="url"], 
#contactform_main textarea{
width:90%;
}

/*custom css*/
.searchbox{ width:100%; padding-left:0;}
.item{padding-left:0; width:auto;}
ol.nav-numbers{ display:none;}
#testimonials ul li .tm_description p{ text-align:left;}
.phone-no strong{ width:auto; display:inherit;}

/*footer css */
.footer{ padding:40px 20px;}
.cols-2 .widget-column-1, 
.cols-2 .widget-column-2, 
.cols-3 .widget-column-1, 
.cols-3 .widget-column-2, 
.cols-3 .widget-column-3, 
.cols-4 .widget-column-1, 
.cols-4 .widget-column-2, 
.cols-4 .widget-column-3, 
.cols-4 .widget-column-4{ 
width:auto !important; float:none; min-height:inherit; margin:0 0 30px; 
}
.container.footer { padding:50px 20px;}
.slider-main{ height:auto; margin-bottom: -27px;}
#slider{ width:100%; margin:0; padding:0; position:relative;}
.nivoSlider {
	position:relative;
	width:100%;

	overflow: hidden;
}	
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
	height:100vh !important;
	object-fit: cover;
	object-position:85%;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}
.nivo-caption {
	position:absolute;
	left:0;	
	right:0;
	margin:0 auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	color:#fff;
	z-index:8;	
	overflow: hidden;	
	width:50%; 
	bottom:55%;
	text-align:center;
	 }
	
@keyframes zoomUp {
  0% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

.nivoSlider img,
.nivo-box img {
  animation: zoomUp 6.5s linear 0s 1 normal both;  
	background-position:70% 35%;
}
	
.our-recruiters li{ width:43%;}
.header.fixed{ position:relative;}
.skills-wrap{ width:auto;}
.counterlist{ width:100%;}
.offer-2-column{ width:100%; float:none; margin:0 0 20px;}
.frdbox, .processbox{width:100%; float:none; margin:0 0 20px;}
.promo-box{ text-align:center;}
.promo-left{ float:none; width:auto; margin-bottom:15px;}
.promo-right .morebutton{ position:relative; top:auto; transform:none; display:inline-block;}
#clienttestiminials{ width:100%;}
.team_column{ width:270px; float:none; margin:0 auto 20px !important; display:block;}
ul#clientlogos li{ width:50%; border:none;}
}
@media screen and (min-width:300px) and (max-width: 480px){
.say_thumb{ float:none; position:inherit; left:0; display:table; margin:0 auto; width:auto;}
.blog-post-repeat .post-thumb img{ float:none; margin-right:0; width:100%; height:100%;}
.menugallery li{ min-height:60px;}
.slider-main{ min-height:110px; height:auto;}
.nivo-directionNav a{ top:35%;}
.fivecol .entry{ width:auto !important}
.nivo-caption h2{ font-size:16px !important; line-height:22px !important; margin-bottom:0; padding-bottom:10px; } 
.nivo-caption h2 span{  margin-bottom:5px; } 
}

@media screen and (min-width:412px) and (max-width: 480px){
	.logo-sp {
    margin-top: 2px;
	}
.nivo-caption h2{ font-size:24px !important; line-height:30px !important;}
.fourcol .entry{ left:6% !important;}
ul.portfoliofilter li a{ font-size:12px !important; padding:7px 12px !important;}
}

/* Mobile Landscape View */
@media screen and (min-width:481px) and (max-width: 767px){	
.photobooth .filter-gallery ul li a{ padding:15px 15px 18px;}
.headertop .left{ float:left;}
.headertop .right{ float:right;}
.headertop{ padding-bottom:0;}
/*slider css*/
.nivo-caption h2{ font-size:30px !important; line-height:40px !important; margin-bottom:10px !important; padding-bottom:10px; } 
.nivo-caption h2 span{ padding-bottom:0; margin-bottom:0;}
.nivo-caption p{ display:block !important; line-height:18px;}
.nivo-caption, .nivo-controlNav{ display:block !important;}
h2.section_title{font-size:30px !important}	
}
@media screen and (min-width:481px) and (max-width: 615px){
.nivo-caption{ width:70%; bottom:10%;}
.nivo-caption h2{ font-size:20px !important;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:981px) { 
.container { width:auto; padding:0 20px;}
.container.footer { padding:50px 20px;}
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.content-area{ width:auto; margin:0; padding:20px 20px;}
.team-thumb-icons .member-social-icon{opacity:1;}
.member-social-icon a{ margin:0 2px 0 0;}
.testimonials-wrap .owl-prev{ right:4.5%;}
.footer h5{ font-size:16px !important;}
#sidebar{ width:30%;}
.site-main{ width:65%;}
.slider-main{ height:auto !important;}
.innerbanner{ height:auto;}
/*custom  css*/
.BlogPost{ min-height:250px;}
.recent-post h6{ padding-top:7px;}
ol.nav-numbers{ bottom:10%;}
.sidebar-left{ float:left !important; width:30%;}
.sidebar-left #sidebar{ width:100%;}
.our-recruiters li{ width:17%;}
.box1, .box2{ width:100%; height:auto;}
}

@media screen and (min-width:768px) and (max-width: 980px){
.logo{ float:none; text-align:center; width:auto;}
.header{ position:fixed; background-color: #fff !important;}
.header_right{ float:none; width:auto; padding:0 0 10px 0;}
.headerinfo{ padding-bottom:10px;}
.nivo-caption{ bottom:20%;}
.nivo-controlNav{ bottom:0;}
.fourbox h3{ font-size:14px;}
.fourcol .entry{ width:243px !important;}
.nbs-flexisel-item{ margin-right:20px !important}
.nivo-caption h2{ font-size:30px !important; line-height:30px !important;}
.fourbox .thumbbx{ height:140px;}
.member-social-icon{ top:70%;}
.themefeatures .one_third{ width:29%;}
.one_third .ftrimgbx{ height:100px;}
.counterlist{ margin:0 17px;}

.fourbox.six_column .thumbbx{ height:95px;}
.fourbox.six_column .thumbbx img{ height:95px;}

.fourbox.six_column .pagecontent{ padding:0;}

.fourbox.three_column .thumbbx{ height:130px;}
.fourbox.three_column .thumbbx img{ min-height:130px;}

.fourbox.four_column .thumbbx{ height:100px;}
.fourbox.four_column .thumbbx img{ min-height:100px;}
.counterlist{ width:35%; margin:0 45px;}

}

@media screen and (min-width:768px) and (max-width: 868px){
.nivo-caption{ width:70%;}
.teammember-list .thumnailbx{ width:120px; height:120px;}
.teammember-list img{ min-height:120px;}
#slider{ width:100%; margin:0; padding:0; position:relative; height:auto !important;}
}

@media screen and (max-width:1169px) and (min-width:981px) { 
html{overflow-x:hidden; }
.logo{ float:left; width:25%}
.header_right{ float:right; width:75%}
.footer h5{ font-size:24px !important;}
.fourcol .entry{ width:317px !important}
.nivo-caption{ width:55% !important}
.news-box .PostMeta span{ font-size:11px;}
#slider{ width:100%; margin:0; padding:0; position:relative; height:auto !important;}
}