@media (min-width: 576px) {
  .container-wrap {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
	.container-wrap {
		max-width: 720px;
	}
	.framewidth {
		padding-left: 30px;
		padding-right: 30px;
	}
	.horizontal-form form {
		display: flex;
	}
	.horizontal-form .form-item {
		margin-right: 15px;
		width: 100%;
	}
	.horizontal-form .form-item:last-child {
		margin-right: 0;
	}
	.horizontal-form .form-actions {
		margin-left: 15px;
	}
	.testimonial-content {
		max-width: 70%;
	}
	.schedule-tab-vertical .quicktabs-wrapper {
		display: flex;
	}
	.schedule-tab-vertical .quicktabs-tabs {
		min-width: 250px;
	}
	.schedule-tab-vertical .quicktabs-main {
		width: 100%;
		padding-left: 4em;
	}
	.schedule-tab-vertical ul.quicktabs-tabs li {
		display: block;
		margin-right: 0;
	}
	.schedule-tab-vertical ul.quicktabs-tabs li a {
		border-radius: 0;
		border-right: none;
		padding: 32px 20px;
		position: relative;
	}
	.schedule-tab-vertical ul.quicktabs-tabs li:first-child a {
		border-radius: 7px 0 0;
	}
	.schedule-tab-vertical ul.quicktabs-tabs li:last-child a {
		border-radius: 0 0 0 7px;
		border-bottom: 1px solid #eaeaea;
	}
	.schedule-tab-vertical ul.quicktabs-tabs li.active a:before {
		content: '';
		position: absolute;
		top: 50%;
		right: -13px;
		margin-top: -13px;
		width: 26px;
		height: 26px;
		overflow: hidden;
		background-color: #d2247f;
		transform: rotate(45deg);
	}
	.layout-wrap {
		overflow: hidden;
		position: relative;
	}
	.navbar-brand {
		margin-right: 30px;
	}
	.header-element,
	.header-link-button {
		margin-left: 30px;
	}
	.sticky-header .sticky {
		position: fixed;
		z-index: 99;
		width: 100%;
		left: 0;
		top: 0;
		
	}
	.sticky-header .sticky .header-content {
		background-color: #ffffff;
		box-shadow: 0 2px 10px rgba(4,4,4,0.1);
		margin-left: auto;
		margin-right: auto;
	}
	.sticky-header .sticky .brand.logo,
	.sticky-header .sticky .sm-menu > li > a,
	.sticky-header .sticky .header-icon {
		line-height: 60px;
	}
	.framed-layout .sticky-header .sticky {
		left: 30px;
		width: calc(100% - 60px);
	}
	.boxed-layout .sticky-header .sticky .header-content {
		max-width: 1200px;
	}
	.header-transparent header {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 9;
	}
	.header-transparent #page-title {
		padding-top: 170px;
	}
	.sticky-header .sticky .nav-light .sm-menu>li>a,
	.sticky-header .sticky .nav-light .header-icon	{
		color: inherit !important;
	}
	.nav-light .sm-menu>li>a,
	.nav-light .header-icon	{
		color: #ffffff;
	}
  
	/* FRAMED LAYOUT */
	.wrapper.framed-layout {
		padding: 30px;
	}
	.framed-layout .layout-wrap {
		border-radius: 5px;
	}
	.framed-layout .back-to-top,
	.boxed-layout .back-to-top	{
		right: 60px;
	}
	
	/* BOXED LAYOUT */
	.wrapper.boxed-layout {
		max-width: 1200px;
	}

    /*COMMENT*/
	.comment-wrap .author-details{ width: 10%; }
	.comment-wrap .author-comments{ width: 90%;}
	
	#slider .norm-width .slide-wrap {
		padding-left: 60px;
		padding-right: 60px;
	}
	.slide-content-main {
		width: 65%;
	}
	
	.feature-block-layout1 .feature-block-wrap .block-title-wrap,
	.feature-block-layout2 .feature-block-wrap .block-title-wrap {
		margin-bottom: 30px;
	}
	.feature-block-layout3 .feat-block-content,
	.feature-block-layout4 .feat-block-content {
		padding: 70px 15px;
	}
	
	.feature-block-layout3 .feat-block-content {
		margin-left: -70px;
	}
	/*
	.feature-block-layout4 .feat-block-content {
		margin-right: -70px;
	}
	*/
	.feature-block-layout3 .feat-content-wrap,
	.feature-block-layout4 .feat-content-wrap {
		background: #fcfcfc;
		padding: 60px;
		width: calc(100% + 60px);
		border-radius: 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: box-shadow 0.25s ease;
		transition: box-shadow 0.25s ease;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}
	.feature-block-layout3 .feat-block-content {
		
		padding-left: 0;
	}
	.feature-block-layout4 .feat-block-content {
		padding-right: 0;
	}
	.fullwidth .feature-block-layout3 .feat-block-content {
		padding-right: 70px;
	}
	.fullwidth .feature-block-layout4 .feat-block-content {
		padding-left: 70px;
	}

	.feature-block-layout3 .feat-block-image-wrap {
		border-radius: 0 30px 30px 0;
	}
	.feature-block-layout4 .feat-block-image-wrap {
		border-radius: 30px 0 0 30px;
	}
	
	.promotion-layout2 .promotion-meta {
		padding: 15px 40px;
	}
	.promotion-layout3 .promotion-meta {
		padding: 15px 45px;
	}
	.promotion-pre-heading-text {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.promotion-layout1 .promotion-title {
		font-size: 20px;
	}
	.promotion-layout3 .promotion-title {
		font-size: 27px;
	}

	.bottom-widgets{
		text-align: left;
		padding: 50px 0;
	}
	
	.simplenews-subscriber-form.block-title-left .block-title-wrap,
	.simplenews-subscriber-form.block-title-left .block-content,
	.simplenews-subscriber-form.block-title-right .block-title-wrap,
	.simplenews-subscriber-form.block-title-right .block-content {
		display: inline-block;
		width: auto;
		margin: 0;
	}
	.simplenews-subscriber-form.block-title-left .block-title-wrap {
		float: left;
	}
	.simplenews-subscriber-form.block-title-left .block-content {
		margin-top: 7px;
		float: right;
	}
	.simplenews-subscriber-form.block-title-right .block-title-wrap {
		float: right;
	}
	.simplenews-subscriber-form.block-title-right .block-content {
		margin-top: 7px;
		float: left;
	}
	.footer .simplenews-subscriber-form .block-title-wrap,
	.footer .simplenews-subscriber-form .block-content {
		float: none;
		display: block;
	}
	
	.ui-dialog {
		min-width: 400px !important;
	}

}

@media (min-width: 992px) {
	.container-wrap {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
  .container-wrap,
  .container {
    max-width: 1270px;
  }
  .boxed-layout .container-wrap,
  .boxed-layout .container {
    max-width: 1140px;
  }
  
}

@media (max-width: 992px) {
	.text-xxlarge, 
	.text-xxlarge-light {
		font-size: 100px !important;
	}
	
	.feature-block .feature-block-image-right .feat-block-content {
		padding-right: 20px;
	}
	.feature-block .feature-block-image-left .feat-block-content {
		padding-left: 20px;
	}
	
}

@media (max-width: 768px) {
	.page-wrapper,
	.content-wide .block {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#main-menu {
		padding-bottom: 30px;
	}
	.navbar-toggler.nav-button,
	.header-element {
		position: absolute;
	}
	.header-element {
		right: 60px;
		top: 0;
	}
	.header-element-item {
		padding: 0 !important;
	}
	.header-cart .cart-block--contents {
		right: -50px;
	}
	.region-primary-menu {
		margin-top: 0px;
	}	
	.brand.logo {
		max-width: 120px;
		padding: 0;
		line-height: 90px;
	}
	a.toggle-menu {
		float: none;
		position: relative;
		display: none;
	}
	.toggle_menu ul.menu-parent {
		margin-right: auto;
		display: block;
		float: none;
	}
	.btn,
	.button,
	input[type="submit"] {
		padding: 15px 20px;
		font-size: 10px;
	}
	input, button, select, textarea {
		width: 100%;
		margin-left: 0 !important;
	}
	.block-title-wrap .block-subtitle {
		max-width: none;
	}
	.feature-block .feat-block-image-wrap,
	.feature-block .feat-block-image {
		position: relative !important;
	}
	.feature-block .feat-block-content {
		padding: 40px 15px !important;
	}
	.content-wide .fullwidth.feature-block .container-wrap {
		padding-right: 15px;
		padding-left: 15px;
	}
	.block-title {
		font-size: 20px;
	}
	
	.action-block .cta-text {
		margin-top: 0px;
		font-size: 15px;
	}
	.footer-widget .block {
		padding: 15px;
	}
	.footer-widget .footer-widget-section:first-child .block {
		padding-left: 15px;
		padding-top: 50px;
	}
	.footer-widget .footer-widget-section:last-child .block {
		padding-right: 15px;
	}
	.footer-bottom .text-right {
		text-align: left !important;
	}
	.footer-widget .block,
	.footer-widget .footer-widget-section:first-child .block {
		padding-right: 0;
		padding-left: 0;
	}

	.views-exposed-form .form-item, 
	.views-exposed-form .form-actions {
		margin-bottom: 10px;
	}
	.views-exposed-form .form-item, 
	.views-exposed-form .form-actions,
	.views-exposed-form .nice-select {
		display: block;
		width: 100%;
		float: none;
	}
	.views-exposed-form input {
		float: none;
	}
	.nice-select.open .list {
		width: 100%;
	}

	.blog_list .post-content-wrap {
		position: static;
	}
	.node-content .post-image {
		margin-bottom: 25px;
	}
	.node-content .product-add-to-cart {
		text-align: left;
		margin-top: 10px;
	}
	.icon-box-items {
		border-right: none;
		margin-bottom: 20px;
	}

	.heading-text {
		font-size: 28px;
	}
	.pre-heading-text {
		font-size: 17px;
	}
	.slide-wrap {
		width: 100%;
	}
	.slide-content .slide-button {
		margin-top: 15px;
	}
	.countdown-wrap {
		margin-bottom: 15px;
	}
	.countdown-wrap .countdown-section {
		font-size: 9px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin-right: 13px;
		padding: 9px 0;
		border: 1px solid;
	}
	.countdown-wrap .countdown-amount {
		font-size: 18px;
	}
	.hero .slide-content-body {
		margin-top: 5px;
		font-size: 12px;
	}
	.slide-block .slide-content {
		padding: 15px;
	}	
	.owl-carousel .owl-nav .owl-prev {
		left: 0px;
	}
	.owl-carousel .owl-nav .owl-next {
		right: 0px;
	}
	.ui-dialog {
		width: 100% !important;
	}
	.feat-teaser .feat-content {
		padding: 115px 30px 30px 30px;
	}
	.product-image {
		margin-bottom: 30px;
	}
	.event-teaser {
		display: block;
		padding: 25px 15px;
	}
	.event-teaser .event-image {
		width: 20%;
		margin-right: 30px;
		float: left;
	}
	.grid-item .event-teaser .event-image {
		width: 100%;
		float: none;
	}
	.grid-item .event-teaser .event-image img {
		width: 100%;
	}
	.event-teaser .event-content-wrap {
		width: calc(80% - 30px);
		float: left;
		margin-right: 0;
	}
	.event-teaser .event-price {
		font-size: 20px;
	}
	.event-teaser .event-title {
		font-size: 17px;
	}
	.event-teaser .event-date-wrap {
		line-height: 1.1;
	}
	.event-teaser .event-date span {
		display: inline-block;
	}
	.event-teaser .event-date .event-date-day {
		font-size: 20px;
		float: none;
		display: block;
	}
	.event-teaser .event-time {
		max-width: 25%;
	}
	.event-teaser .event-button {
		float: left;
		width: 100%;
		text-align: center;
	}
	.event-teaser .event-button .button {
		margin-bottom: 0;
	}
	.map-block-content-wrap {
		top: 15px;
		left: 25px;
		width: 40%;
		padding: 20px 15px;
	}
}

@media (max-width: 480px) {
	.block {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.brand.logo {
		max-width: 90px;
	    line-height: 65px;
	}
	.header-brand {
		display: inline-block;
	}
	.navbar-toggler.nav-button {
		top: 10px;
	}
	.header-element-icon {
		margin-left: 0;
		border-left: none;
	}
	.header-element-item,
	.header-link-button	{
		margin-left: 5px;
	}
	.icon-element .header-icon {
		border: none;
	}
	.header .nav-button.active {
		z-index: 999;
		position: relative;
		border: none;
	}
	.header-wrap,
	.header-wrap .header-icon {
		height: 64px;
	}
	.header-wrap .header-icon {
		min-width: 30px;
	}
	.header .header-icon {
		line-height: 65px;
	}
	.header-cart .cart-block--contents {
		width: 250px;
	}
	.cart--cart-block .cart-block-count {
		top: 10px;
	}
	.header-link-button .button {
		margin-top: 15px;
	}
	.modal-wrapper .form-search {
		font-size: 20px;
	}

	.heading-text {
		font-size: 18px;
	}
	.pre-heading-text {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.slide-block .slide-content {
		padding: 15px 0;
	}
	.hero .slide-content-body,
	.slide-content .slide-button {
		margin-top: 5px !important;
		font-size: 11px;
	}
	
	.block-title-wrap .block-subtitle {
		font-size: 14px
	}
	.slide-content .slide-button {
		margin-top: 0px;
	}
	.slider .slide-content {
		font-size: 11px;
		padding: 15px 0;
	}
	.post-row {
		margin-bottom: 0;
	}
	.button {
		padding: 12px 15px;
		font-size: 10px;
	}
	.slide-content .slide-button .button {
		padding: 9px 10px;
		font-size: 8px;
	}
	.feature-block-wrap .block-title-wrap {
		margin-bottom: 25px;
	}
	.action-block .cta-text {
		font-size: 15px;
	}
	.feature-block .feat-block-content {
		padding: 30px 15px !important;
	}
	
	.footer-widget .block,
	.footer-bottom .block,
	.footer-bottom .copyright {
		padding: 15px 0;
	}
	.footer-bottom ul.menu li {
		margin: 0 0 5px 0;
		display: block;
	}
	.fact-icon,
	.fact-value {
		display: block;
		vertical-align: middle;
		text-align: center;
	    margin: 0;
		padding: 0;
	}
}