@media only screen and (max-width:1200px) {
	h1 {
		font-size: 62px;
		line-height: 76px
	}
	h2 {
		font-size: 44px;
		line-height: 57px
	}
	h3 {
		font-size: 32px;
		line-height: 44px
	}
	h4 {
		font-size: 21px;
		line-height: 32px
	}
	h5 {
		font-size: 18px;
		line-height: 29px
	}
	h6 {
		font-size: 16px;
		line-height: 25px
	}
	#page-content {
		min-width: inherit
	}
	.wrapper {
		width: 1024px;
		max-width: calc(100% - 100px)
	}
	.wrapper-small {
		width: 720px;
		max-width: calc(100% - 240px)
	}
	.main-content {
		width: calc(100% - 280px)
	}
	aside.sidebar {
		width: 230px
	}
	blockquote {
		max-width: calc(100% - 100px)
	}
	header.menu-open:not(.header-top) {
		width: 300px
	}
	header.menu-open:not(.header-top) #menu-widget {
		width: calc(100% - 50px)
	}
	header.menu-open:not(.header-top)~#footer,
	header.menu-open:not(.header-top)~#hero,
	header.menu-open:not(.header-top)~#page-body {
		width: calc(100% - 300px);
		margin-left: 300px
	}
	header.menu-open:not(.header-top) #logo {
		padding-left: 25px;
		width: auto
	}
	header.menu-open:not(.header-top) nav#main-nav>ul>li {
		padding: 0 25px
	}
	header.header-top.menu-open nav#main-nav>ul>li {
		margin: 0 4px
	}
	header.header-top.menu-open nav#main-nav ul>li>a {
		font-size: 13px;
		letter-spacing: 1px
	}
	header.header-top.menu-open #menu-inner {
		float: right;
		margin-right: 0
	}
}

@media only screen and (max-width:1100px) {
	.titolo-modello {
		left: 50%;
		margin-left: -200px;
		position: relative;
		margin-top: 10px;
		width: 400px;
		z-index: 1000;
		top: 50px
	}
	.index-title {
		font-size: 80px!important
	}
}

@media only screen and (max-width:1200px) {
	header.header-top.menu-open nav#main-nav ul>li>a {
		font-size: 12px;
		letter-spacing: 1px
	}
}

@media only screen and (max-width:1000px) {
	@charset "UTF-8";
	.wrapper,
	.wrapper-small {
		max-width: calc(100% - 100px)
	}
	.index-title {
		font-size: 70px!important
	}
	h1 {
		font-size: 58px;
		line-height: 71px
	}
	h2 {
		font-size: 40px;
		line-height: 53px
	}
	h3 {
		font-size: 29px;
		line-height: 41px
	}
	h4 {
		font-size: 21px;
		line-height: 32px
	}
	h5 {
		font-size: 18px;
		line-height: 29px
	}
	h6 {
		font-size: 16px;
		line-height: 25px
	}
	header:not(.header-top) nav#main-nav ul:not(.submenu)>li>a {
		font-size: 36px;
		height: 44px;
		line-height: 44px
	}
	header.header-top.menu-open nav#main-nav ul>li>a {
		font-size: 18px;
		letter-spacing: 1px
	}
	.wrapper {
		width: 940px
	}
	.wrapper-small {
		width: 680px
	}
	.post-date {
		letter-spacing: .12em;
		font-size: 13px
	}
	.single-portfolio .single-content {
		width: calc(45% - 70px);
		padding-left: 70px
	}
	.single-portfolio .single-content.right-float {
		padding-left: 0;
		padding-right: 70px
	}
	.wrapper .single-content {
		padding: 0;
		width: calc(45% - 70px)
	}
	.single-portfolio .single-media,
	.wrapper .single-media {
		width: 55%
	}
	#hero.hero-animation,
	.portfolio-container.portfolio-animation .portfolio-item .item-inner,
	.text-animation .line-animation>span {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	blockquote {
		font-size: 24px;
		line-height: 38px
	}
	#page-title blockquote {
		font-size: 32px;
		line-height: 50px
	}
	.isotope-grid .isotope-item {
		width: 50%!important
	}
	.isotope-grid[class*=isotope-spaced] .isotope-item {
		width: calc(50% - 25px)!important
	}
	.isotope-grid[class*=isotope-spaced-big] .isotope-item {
		width: calc(50% - 50px)!important
	}
	.smartscroll-container.smartscroll-spaced-big {
		width: calc(100% - 40px);
		margin: 40px 0 40px 40px
	}
	.wrapper .smartscroll-container.smartscroll-spaced-big {
		width: calc(100% + 50px);
		margin: 50px 0
	}
	.smartscroll-container.smartscroll-spaced-big .smart-col {
		margin-right: 40px
	}
	.smartscroll-container.smartscroll-spaced-big[data-columns="2"] .smart-col {
		width: calc(50% - 40px)
	}
	.smartscroll-container.smartscroll-spaced-big[data-columns="3"] .smart-col {
		width: calc(33.33% - 40px)
	}
	.smartscroll-container.smartscroll-spaced-big[data-columns="4"] .smart-col {
		width: calc(25% - 40px)
	}
	.smartscroll-container.smartscroll-spaced-big[data-columns="5"] .smart-col {
		width: calc(20% - 40px)
	}
	.smartscroll-container.smartscroll-spaced-big .smartscroll-item {
		margin-top: 40px
	}
	header {
		width: 100%!important;
		height: auto!important;
		border-right: none!important;
		border-bottom: 1px solid rgba(0, 0, 0, .08)!important
	}
	header #logo {
		width: auto!important;
		max-width: auto!important;
		height: 25px!important;
		padding: 15px!important;
		float: left!important
	}
	header.header-top .wrapper #logo {
		padding-left: 0!important
	}
	header~#footer,
	header~#hero,
	header~#page-body {
		width: 100%!important;
		margin-left: 0!important
	}
	header #menu-inner {
		background: #000!important;
		width: 0!important;
		max-width: 0!important;
		position: fixed!important;
		top: 0!important;
		right: 0!important;
		left: auto!important;
		-webkit-background-clip: padding-box!important;
		background-clip: padding-box!important;
		border-left: 1px solid rgba(0, 0, 0, .08)!important;
		float: none!important;
		margin: 0!important;
		z-index: inherit!important;
		overflow: hidden!important
	}
	header.text-light #menu-inner {
		background: #000!important
	}
	header nav#main-nav {
		max-height: calc(100% - 180px)!important;
		margin: 0!important;
		width: auto!important;
		height: auto!important;
		left: 50px!important;
		text-align: left!important
	}
	header nav#main-nav ul {
		-webkit-transform: translateX(100%)!important;
		-moz-transform: translateX(100%)!important;
		-ms-transform: translateX(100%)!important;
		-o-transform: translateX(100%)!important;
		transform: translateX(100%)!important;
		width: auto!important
	}
	header nav#main-nav>ul>li {
		padding: 0 25px!important;
		margin: 0!important;
		display: block!important
	}
	header.menu-is-open #menu-inner {
		width: 100%!important;
		max-width: 100%!important
	}
	header .menu-toggle {
		display: block!important;
		width: 55px!important;
		height: 55px!important;
		max-height: 100%;
		float: right;
		position: relative
	}
	header.header-top .wrapper .menu-toggle {
		margin-right: 15px!important
	}
	header #menu-inner #menu-widget,
	header.menu-full-columns #menu-inner #menu-widget {
		height: auto!important;
		margin: 0!important;
		position: absolute!important;
		left: 25px!important;
		bottom: 25px!important;
		top: auto!important;
		text-align: left!important;
		width: 240px!important;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px)
	}
	header.menu-full-columns.menu-is-open #menu-inner #menu-widget {
		-webkit-transform: translateX(0)!important;
		-moz-transform: translateX(0)!important;
		-ms-transform: translateX(0)!important;
		-o-transform: translateX(0)!important;
		transform: translateX(0)!important
	}
	header:not(.transparent)+#hero,
	header:not(.transparent)+#page-body {
		margin-top: 55px!important
	}
	header:not(.transparent)+#hero.hero-full {
		min-height: calc(100vh - 55px)
	}
	header:not(.transparent)+#hero.hero-big {
		min-height: calc(75vh - 55px)
	}
	header.transparent {
		border: none!important
	}
	header.transparent.wrapped+#hero #page-title {
		padding-top: 100px!important
	}
}

@media only screen and (max-width:768px) {
	.wrapper .single-content,
	.wrapper .single-media {
		max-width: 100%!important;
		width: 100%!important
	}
	.index-title {
		font-size: 40px!important
	}
	.widget_social {
		float: left!important
	}
	#footer .footer-bottom .last-col {
		clear: both
	}
	#scroll {
		display: none
	}
	h1 {
		font-size: 46px;
		line-height: 56px
	}
	h2 {
		font-size: 35px;
		line-height: 44px
	}
	h3 {
		font-size: 25px;
		line-height: 34px
	}
	h4 {
		font-size: 21px;
		line-height: 30px
	}
	h5 {
		font-size: 18px;
		line-height: 27px
	}
	h6 {
		font-size: 16px;
		line-height: 24px
	}
	header.header-top.menu-open nav#main-nav ul:not(.submenu)>li>a {
		font-size: 18px;
		height: 28px;
		line-height: 28px
	}
	.main-content {
		width: 100%
	}
	aside.sidebar {
		width: 100%;
		margin-bottom: 100px
	}
	.column {
		float: none!important;
		margin-right: 0!important;
		width: 100%!important;
		display: block
	}
	div .column:first-child {
		margin-top: 0
	}
	.single-portfolio .single-content {
		padding-left: 0;
		float: none!important;
		margin: 50px auto 0
	}
	div[class*=spacer-]+.single-portfolio .single-content {
		margin-top: 0
	}
	.single-portfolio .single-content.right-float {
		padding-left: 0;
		padding-right: 0
	}
	.wrapper .single-content {
		padding: 0
	}
	.single-portfolio .single-media {
		float: none;
		margin: 50px auto 0
	}
	.pagination li.next,
	.pagination li.prev {
		min-width: 135px
	}
	.pagination li a {
		font-size: 15px
	}
	.pagination li a[data-title]:after {
		font-size: 18px;
		line-height: 25px;
		max-width: 90px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden
	}
	.wrapper,
	blockquote {
		max-width: calc(100% - 30px)
	}
	.pagination li.back a {
		width: 16px;
		height: 16px
	}
	.pagination li.back a .icon:after,
	.pagination li.back a .icon:before,
	.pagination li.back a:after,
	.pagination li.back a:before {
		width: 7px;
		height: 7px
	}
	#page-pagination .pagination li.next a,
	#page-pagination .pagination li.prev a,
	.portfolio-pagination li.next a,
	.portfolio-pagination li.prev a {
		text-indent: -9999px!important;
		text-align: left;
		width: 20px
	}
	#page-pagination .pagination li.next,
	#page-pagination .pagination li.prev,
	.portfolio-pagination .pagination li.next,
	.portfolio-pagination .pagination li.prev {
		min-width: 0;
		width: 20px
	}
	#page-pagination .pagination li.next a .icon,
	#page-pagination .pagination li.prev a .icon,
	.portfolio-pagination .pagination li.next a .icon,
	.portfolio-pagination .pagination li.prev a .icon {
		margin: 0
	}
	#page-pagination .pagination li.next a .icon:before,
	#page-pagination .pagination li.prev a .icon:before,
	.portfolio-pagination .pagination li.next a .icon:before,
	.portfolio-pagination .pagination li.prev a .icon:before {
		width: 16px;
		opacity: 1
	}
	#page-pagination .pagination li.next a .icon:after,
	#page-pagination .pagination li.prev a .icon:after,
	.portfolio-pagination .pagination li.next a .icon:after,
	.portfolio-pagination .pagination li.prev a .icon:after {
		width: 8px;
		height: 8px
	}
	.comments .comment .children {
		margin-left: 15px
	}
	.comments .user {
		width: 35px
	}
	.comments .comment-content {
		margin-left: 50px
	}
	.tabs ul.tab-nav li {
		display: block;
		margin: 10px 0 0
	}
	.tabs ul.tab-nav li:first-child {
		margin: 0
	}
	.tabs-button ul.tab-nav li {
		margin: 0 0 1px!important;
		float: none
	}
	.tabs-button ul.tab-nav li:after {
		display: none
	}
	blockquote {
		font-size: 21px;
		line-height: 34px
	}
	#page-title blockquote {
		font-size: 27px;
		line-height: 40px
	}
	.google-map {
		max-height: 280px!important
	}
	.isotope-grid {
		width: 100%!important;
		left: auto!important
	}
	.isotope-grid .isotope-item,
	.isotope-grid[class*=isotope-spaced] .isotope-item,
	.isotope-grid[class*=isotope-spaced-big] .isotope-item {
		width: 100%!important;
		margin-right: 0!important
	}
	.thumb-hover.play-on-hover:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}
	#lightcase-nav a.lightcase-icon-next,
	#lightcase-nav a.lightcase-icon-prev {
		width: 40px;
		height: 40px;
		background: #fff;
		top: 0;
		left: 0!important;
		margin: 0
	}
	#lightcase-nav a.lightcase-icon-next {
		left: 40px!important;
		right: auto!important
	}
	#lightcase-nav a.lightcase-icon-next:after,
	#lightcase-nav a.lightcase-icon-prev:after {
		width: 16px;
		height: 3px;
		top: calc(50% - 1px);
		left: calc(50% - 8px)
	}
	#lightcase-nav a.lightcase-icon-next:before,
	#lightcase-nav a.lightcase-icon-prev:before {
		top: calc(50% - 5px);
		left: 12px;
		border-left: 3px solid #000;
		border-bottom: 3px solid #000;
		width: 8px;
		height: 8px
	}
	#lightcase-nav a.lightcase-icon-next:before {
		border: none;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		left: auto;
		right: 12px
	}
	#lightcase-nav a.lightcase-icon-close {
		width: 40px;
		height: 40px;
		background: #fff;
		top: 0!important;
		right: 0!important;
		position: fixed!important
	}
	#lightcase-nav a.lightcase-icon-close:after,
	#lightcase-nav a.lightcase-icon-close:before {
		width: 20px;
		height: 3px;
		right: 9px;
		top: 18px
	}
	.owl-nav>div {
		right: 10px
	}
	.owl-nav .owl-prev {
		right: inherit;
		left: 10px
	}
	.owl-nav .owl-next:before,
	.owl-nav .owl-prev:before {
		width: 16px;
		height: 2.5px;
		left: 5px
	}
	.owl-nav .owl-prev:before {
		left: 7px
	}
	.owl-nav .owl-next:after,
	.owl-nav .owl-prev:after {
		left: 12px;
		border-width: 2.5px;
		width: 8px;
		height: 8px;
		margin-top: 0
	}
	.owl-nav .owl-prev:after {
		left: 8px
	}
	.smartscroll-container[class*=smartscroll-spaced] {
		width: calc(100% - 30px)!important;
		margin: 0 auto!important;
		padding: 15px 0
	}
	.wrapper .smartscroll-container[class*=smartscroll-spaced] {
		width: 100%!important
	}
	.smartscroll-container[class*=smartscroll-spaced] .smartscroll-item {
		margin-top: 15px!important
	}
	.smartscroll-container[class*=smartscroll-spaced] .smartscroll-item:first-child {
		margin-top: 0!important
	}
	#blog-single .blog-content,
	#blog-single .blog-media,
	.comments,
	.isotope-grid,
	.leavecomment {
		margin-top: 35px
	}
	.wrapper {
		width: 640px
	}
	.wrapper-small {
		width: 560px;
		max-width: calc(100% - 30px)
	}
	#blog-single .blog-media,
	.single-portfolio .single-content,
	.single-portfolio .single-media {
		width: 640px;
		max-width: calc(100% - 30px)
	}
	#hero #page-title {
		padding-top: 110px;
		padding-bottom: 60px
	}
	#hero #page-title:not(.wrapper):not(.wrapper-small) {
		width: calc(100% - 60px);
		padding-left: 30px;
		padding-right: 30px
	}
	.leavecomment,
	.minimal-list-blog .blog-item {
		margin-bottom: 60px
	}
	.fullwidth-section .fullwidth-content {
		padding: 60px 0
	}
	.spacer-big {
		height: 60px
	}
	#footer .footer-inner {
		padding: 35px 0
	}
	.classic-blog .blog-item,
	.single-title {
		margin-bottom: 35px
	}
	#page-pagination,
	#single-pagination {
		padding: 35px 15px
	}
	.wrapper #page-pagination,
	.wrapper #single-pagination,
	.wrapper-small #page-pagination,
	.wrapper-small #single-pagination {
		padding: 35px 0
	}
	.filter+.isotope-grid {
		margin-top: 20px
	}
	.column,
	.column-section,
	.widget {
		margin-top: 35px
	}
	.isotope-grid[class*=isotope-spaced-big] .isotope-item {
		margin-right: 35px
	}
	.spacer-medium {
		height: 65px
	}
	div form:first-child {
		margin-top: -18px
	}
	form .form-row,
	form .form-submit,
	p img,
	table {
		margin-top: 18px
	}
	img.alignleft {
		margin: 3px 18px 18px 0;
		float: left
	}
	img.alignright {
		margin: 3px 0 18px 18px;
		float: right
	}
	#menu-widget .widget,
	blockquote cite,
	p+audio,
	p+video {
		margin-top: 18px
	}
	#footer .footer-bottom {
		padding: 18px 0
	}
	.filter li {
		margin: 0 15px 10px 0
	}
	.align-right .filter li,
	.filter.align-right li {
		margin: 0 0 10px 15px
	}
	.align-center .filter li,
	.filter.align-center li {
		margin: 0 7px
	}
	#blog-single .blog-share,
	.blog-info,
	.blog-info .read-more,
	.comments .comment .children,
	.comments .comment-list {
		margin-top: 18px
	}
	.comments {
		padding-top: 18px;
		padding-bottom: 18px
	}
	.comments .comment-list .comment {
		margin-top: 18px;
		padding-top: 18px
	}
	.isotope-grid[class*=isotope-spaced] .isotope-item {
		margin-bottom: 18px
	}
	.spacer-small {
		height: 18px
	}
	.sr-vertical-gallery.gallery-spaced li {
		margin: 18px 0 0
	}
	.tabs .tab-container,
	.team-infos,
	.toggle-item,
	tabs {
		margin-top: 18px
	}
	div[class*=alert-] {
		padding: 18px;
		margin-top: 18px
	}
	div h1,
	div h2,
	div h3,
	div h4,
	div h5,
	div h6 {
		margin-top: 20px
	}
	i+h1,
	i+h2,
	i+h3,
	i+h4,
	i+h5,
	i+h6 {
		margin-top: 10px
	}
	h1+h1,
	h1+h2,
	h1+h3,
	h1+h4,
	h1+h5,
	h1+h6,
	h2+h1,
	h2+h2,
	h2+h3,
	h2+h4,
	h2+h5,
	h2+h6,
	h3+h1,
	h3+h2,
	h3+h3,
	h3+h4,
	h3+h5,
	h3+h6,
	h4+h1,
	h4+h2,
	h4+h3,
	h4+h4,
	h4+h5,
	h4+h6,
	h5+h1,
	h5+h2,
	h5+h3,
	h5+h4,
	h5+h5,
	h5+h6,
	h6+h1,
	h6+h2,
	h6+h3,
	h6+h4,
	h6+h5,
	h6+h6 {
		margin-top: 7px
	}
	h3+h4,
	h3+h5,
	h3+h6,
	h4+h3,
	h5+h3,
	h6+h3 {
		margin-top: 6px
	}
	h4+h5,
	h4+h6,
	h5+h4,
	h6+h4 {
		margin-top: 4px
	}
	h5+h5,
	h5+h6,
	h6+h5,
	h6+h6 {
		margin-top: 3px
	}
	.portfolio-info,
	.widget-title+div,
	.widget-title+ol,
	.widget-title+p,
	.widget-title+ul {
		margin-top: 11px
	}
	.portfolio-info {
		margin-bottom: 11px
	}
	.spacer-mini {
		height: 11px
	}
	.socialmedia-widget {
		margin: 11px 0 0
	}
	#footer .footer-bottom .last-col {
		text-align: left;
		margin-top: 11px
	}
	header:not(.transparent)+#hero,
	header:not(.transparent)+#page-body {
		margin-top: 145px!important
	}
}

@media only screen and (max-width:480px) {

	
	
	.thumb-hover .overlay-caption.bottom {
      display: none;
}
	
	.big-title {
		font-size: 50px
	}
	.designer {
		font-size: 12px;
		margin-top: 10px
	}
	header:not(.header-top):not(.menu-open) nav#main-nav ul:not(.submenu)>li>a {
		font-size: 26px!important;
		height: 34px!important;
		line-height: 34px!important
	}
	.thumb-hover .overlay-caption {
		left: 1.2rem;
		width: calc(100% - 2.4rem)
	}
	.thumb-hover .overlay-caption.bottom {
		bottom: 1.2rem
	}
	.thumb-hover .overlay-caption.top {
		top: 1.2rem
	}
	.thumb-hover .overlay-caption .caption-sub+h1.caption-name,
	.thumb-hover .overlay-caption h1.caption-name+.caption-sub {
		margin-top: 5px
	}
	.thumb-hover .overlay-caption .caption-sub+h2.caption-name,
	.thumb-hover .overlay-caption h2.caption-name+.caption-sub {
		margin-top: 4px
	}
	.thumb-hover .overlay-caption .caption-sub+h3.caption-name,
	.thumb-hover .overlay-caption h3.caption-name+.caption-sub {
		margin-top: 2px
	}
	.thumb-hover .overlay-caption h1.caption-name {
		font-size: 40px;
		line-height: 50px
	}
	.thumb-hover .overlay-caption h2.caption-name {
		font-size: 30px;
		line-height: 39px
	}
	.thumb-hover .overlay-caption h3.caption-name {
		font-size: 24px;
		line-height: 32px
	}
}