/*Theme Name: Goldland Việt NameTheme URI: www.goldland.com.vnAuthor: GoldlandAuthor URI: www.goldland.com.vnDescription: Version: 1.0.0License: GNU General Public License v2 or laterLicense URI: LICENSEText Domain: Goldland ThemesTags: www.goldland.com.vn/*-------------------------------------------------------------->>> TABLE OF CONTENTS:----------------------------------------------------------------# Normalize# Typography# Elements# Forms# Navigation	## Links	## Menus# Accessibility# Alignments# Clearings## Sidebar - Widgets# Content	## Posts and pages	## Comments# Media	## Captions	## Galleries## Layout construct## Shortcode## Footer## Menu Mobile## Custom css## Responsive--------------------------------------------------------------*//*--------------------------------------------------------------# Normalize--------------------------------------------------------------*/@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&subset=vietnamese');body {overflow-x: hidden;font-family: 'Roboto', Arial, sans-serif}a {color: #056780;}a:hover, a:active, a:focus, a:visited {text-decoration: none}img {max-width: 100%;height: auto}ul {padding: 0;margin: 0}li {list-style: none}h1 {font-size:22px;line-height:1.38462}h2 {font-size:20px;line-height:2}h3 {font-size:18px;line-height:1.09091}h4 {font-size:16px;line-height:1.2}h5 {font-size:14px;line-height:1.33333}h6 {font-size:14px;line-height:1.5}/*--------------------------------------------------------------# Typography--------------------------------------------------------------*/.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}/*--------------------------------------------------------------# Header--------------------------------------------------------------*/.site-title, .site-description {font-size: 0;margin: 0}.site-header .header-content {position: relative}/* Header style 1 */.site-header.logo-left .header-content {	display: table;	width: 100%;}.site-header.logo-left .header-content .logo, .site-header.logo-left .header-content .main-navigation {	display: table-cell;	vertical-align: middle;}.site-header.logo-left .header-content .logo img {	max-height: 80px;}/* Header style 2 */.site-header.logo-center {}.site-header.logo-center .logo {	text-align: center;}/*--------------------------------------------------------------# Main Navigation--------------------------------------------------------------*/.main-navigation {}.site-header.logo-center .main-navigation {	float: left;	width: 100%;}.main-navigation ul {	padding: 0;	margin: 0;}.main-navigation ul.menu {	text-align: right;}.main-navigation ul.menu ul {	text-align: left;}.main-navigation ul.menu li {	position: relative;	display: block;}.main-navigation ul.menu > li {	display: inline-block;}.main-navigation ul.menu li a {	font-size: 14px;	color: #FFF;	display: block;	white-space: nowrap;	padding: 6px 20px;}.main-navigation ul.menu > li > a {	font-size: 16px;	padding: 0 14px;	line-height: 100px;	font-weight: bold;	text-transform: uppercase;	color: #056780;}.main-navigation ul.menu > li:last-child > a {	padding-right: 0;}.main-navigation ul.menu > li > a:hover,.main-navigation ul.menu > li.current-menu-item > a {	color: #ca974d;}/* Submenu 1 */.main-navigation ul ul {	min-width: 260px;	left: 0;    position: absolute;    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);    opacity: 0;    visibility: hidden;    z-index: 99999;    background: #5CBE6D;    -webkit-transition: -webkit-transform 0.25s ease,opacity 0.5s ease;    -moz-transition: -moz-transform 0.25s ease,opacity 0.5s ease;    -o-transition: -o-transform 0.25s ease,opacity 0.5s ease;    transition: transform 0.25s ease,opacity 0.5s ease;}.main-navigation ul li:hover > ul {    opacity: 1;    visibility: visible;}.main-navigation ul ul li {	border-top: 1px solid #ccc;}.main-navigation ul ul li a:hover {	background: #056780;}/* Submenu 2 */.main-navigation ul ul ul {    position: absolute;    left: 80%;    top: 0px;    opacity: 0;    visibility: hidden;    -moz-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;    -webkit-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;    -o-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;    transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;}.main-navigation ul ul ul li {    width: 100%;    opacity: 1;}.main-navigation ul ul li:hover ul {	opacity: 1;    left: 100%;    visibility: visible;}/*--------------------------------------------------------------# Elements--------------------------------------------------------------*/.heading {	margin: 0 0 15px 0;	font-size: 15px;	color: #FFF;	background: #715858;	font-weight: 600;	line-height: 40px;	text-transform: uppercase;}.heading a.title-section {	display: inline-block;	position: relative;	background: #056780;	padding: 0 20px 0 20px;	color: #FFF;	min-width: 260px;}.heading a.title-section:after {	content: '';	display: inline-block;	width: 27px;	height: 40px;	background: url(lib/images/after-heading.png) no-repeat;	position: absolute;	right: -27px;	top: 0;}.heading .btn {    margin: 6px 15px 0 0;    background-color: #056780;    border: none;}.page-title, .single-post h1.entry-title {	font-size: 22px;	font-weight: 600;	color: #056780;	margin: 5px 0 15px 0;}.page-title-bar {    align-items: center;    padding: 10px 0 20px 0;    text-align: center;}.page-title-bar .title {    font-size: 24px;    line-height: 1.4;    margin-top: 0;}.breadcrumbs li {	font-weight: normal;	display: inline-block;	vertical-align: middle;}.breadcrumbs .separator {    font-size: 18px;    font-weight: 100;    color: #ccc;    margin: 0 5px;}.breadcrumbs strong {	font-weight: normal;}#back-top {margin: 0}#back-top a {display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s}#back-top span {border-radius: 5px;display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 60px;right: 30px;z-index: 9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background: #056780 url(lib/images/top.png) no-repeat center 50%;opacity: .5;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s}#back-top span:hover {opacity: 1}iframe[name='google_conversion_frame'] {height: 0 !important;width: 0 !important;line-height: 0 !important;font-size: 0 !important;margin-top: -13px;float: left}.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px}.col-xs-15 {width: 20%;float: left;}@media (min-width: 768px) {.col-sm-15 {width: 20%;float: left}}@media (min-width: 992px) {.col-md-15 {width: 20%;float: left}}@media (min-width: 1200px) {.col-lg-15 {width: 20%;float: left}}.wpcf7 label {font-weight: 600;display: block}.wpcf7 div.wpcf7-validation-errors {margin: 2em 0 1em}.wpcf7 .span.wpcf7-not-valid-tip {margin: 5px 0}.page_nav {	text-align: center;	margin-bottom: 20px;}.page_nav * {	display: inline-block;	padding: 3px 10px;	background: #FFF;	border: 1px solid #056780;	margin: 0;}.page_nav .current, .page_nav .page-numbers:hover {	background: #056780;	color: #FFF;}.screen-reader-text {display: none}/*--------------------------------------------------------------# Alignments--------------------------------------------------------------*/.alignleft {display: inline;float: left;margin-right: 1.5em}.alignright {display: inline;float: right;margin-left: 1.5em}.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto}/*--------------------------------------------------------------# Clearings--------------------------------------------------------------*/.content-sidebar-wrap:before,.content-sidebar-wrap:after {clear: both;display: table;content: " "}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {content: "";display: table;table-layout: fixed}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {clear: both}/*--------------------------------------------------------------# Sidebar - Widgets--------------------------------------------------------------*/.widget {	margin: 0 0 1.5em;}.widget select {	max-width: 100%;}.sidebar .widget {	margin: 0 0 20px 0;}.sidebar .widget-title {	font-size: 18px;	color: #FFF;	font-weight: bold;	text-transform: uppercase;	background: #056780;	line-height: 40px;	height: 40px;	margin: 0;	padding: 0 15px;}.sidebar .widget_supports .widget-title {	position: relative;}.sidebar .widget_supports .widget-title:after {	content: '';	display: inline-block;	width: 45px;	height: 50px;	background: url(lib/images/iconsp.png);	position: absolute;	right: 10px;	bottom: 0;}.sidebar .widget_nav_menu > div, .widget_supports .list-supporter, .sidebar .content-feature-page, .sidebar .slider-products,.sidebar .list-post-item {	border: 1px solid #cccccc;	border-top: none;}.sidebar .list-post-item, .sidebar .content-feature-page {	/*padding: 10px;*/}.sidebar ul {	margin: 0;	padding: 0;}.sidebar ul li {	display: block;}/* Widget Search */.search-form label {	width: 160px;	float: right;	margin-bottom: 0;}.search-form input[type=search] {	width: 100%;	border: none;	background: none;	outline-width: 0;	color: #FFF;	font-weight: normal;}.search-form input[type=submit] {	float: left;	background: url(lib/images/btsearch.png) center center no-repeat;	text-indent: -9999px;	border: none;	width: 22px;	height: 22px;	outline-width: 0;}.search-form input[type=search]::-webkit-input-placeholder { /* Chrome/Opera/Safari */	color: #FFF;}.search-form input[type=search]::-moz-placeholder { /* Firefox 19+ */	color: #FFF;}.search-form input[type=search]:-ms-input-placeholder { /* IE 10+ */	color: #FFF;}.search-form input[type=search]:-moz-placeholder { /* Firefox 18- */	color: #FFF;}.sidebar .search-form {	padding: 5px 12px;	background: #176fc8;	overflow: hidden;}.site-header .search-form {	position: absolute;	top: 6px;	right: 5px;	width: 200px;	border-radius: 20px;}.site-header input[type=search] {color: #333333}/* Widget Custom Menu */.sidebar .widget_nav_menu ul li {	position: relative;	padding: 6px 15px;}.sidebar .widget_nav_menu ul li:not(:last-child) {	border-bottom: 1px solid #cccccc;}.sidebar .widget_nav_menu ul li a {	font-size: 16px;	font-weight: normal;	display: block;	color: #333333;}.sidebar .widget_nav_menu .menu-item-has-children .sub-menu {background: #FFF;position: absolute;right: 80%;top: -1px;z-index: 99;opacity: 1;visibility: hidden;width: 200px;border: 1px solid #cccccc;-moz-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;  -webkit-transition: opacity 0.2s 0.01s ease-in-out, right 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;  -o-transition: opacity 0.2s 0.01s ease-in-out, right 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;  transition: opacity 0.2s 0.01s ease-in-out, right 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear}.sidebar .widget_nav_menu .menu-item-has-children:hover .sub-menu {right: 100%;opacity: 1;visibility: visible}/* Widget Recent Posts */.sidebar .widget_recent_entries ul li {	padding: 5px 10px;	border-bottom: 1px solid #cccccc}.sidebar .widget_recent_entries ul li:last-child {	border-bottom: none;}.sidebar .widget_recent_entries .post-date {	display: block;}/* Widget Recent Posts */.widget .list-post-item li {	margin-bottom: 0;	padding: 10px;	border-bottom: 1px solid #a1a1a1;}.widget .list-post-item li:last-child {	border-bottom: none;}.widget .list-post-item .post:after {	clear: both;}.widget .list-post-item .alignleft {	width: 85px;	margin-right: 10px;}.widget .list-post-item .alignright {	width: 85px;	margin-left: 10px;}.widget .list-post-item .aligncenter {	text-align: center;}.widget .list-post-item h3 {	margin: 0 0 5px 0;	font-size: 14px;	font-weight: normal;	line-height: 1.4;	max-height: 40px;	overflow: hidden;}.widget .list-post-item h3 a {	color: #555555;}/* Widget Support */@media (min-width: 1200px) {	.widget_supports .list-supporter {		padding-top: 200px;		background-image: url(lib/images/bg-support.png);		background-repeat: no-repeat;		background-position: top center;		background-size: contain;	}	.widget_supports .support-style-3 {		padding-top: 0;		background: none;	}}.widget_supports .support-style-1 {	background-color: #056780;}.widget_supports .support-style-1 .supporter {	padding: 0 10px 10px 10px;}.widget_supports .support-style-1 li {	padding: 5px 0;	font-size: 16px;	text-transform: uppercase;	color: #FFF;	border-top: 1px solid #FFF;}.widget_supports .support-style-1 li:first-child {	border-top: none;}.widget_supports .support-style-1 li:last-child {	border-bottom: none;}.widget_supports .support-style-1 .fa {	width: 22px;	margin-right: 12px;}.widget_supports .support-style-2 .supporter {	margin: 0 8px;	padding: 5px 8px 5px 50px;	border-top: 1px solid #dddddd;	background: url(lib/images/ic-phone.png) 7px 10px no-repeat;	position: relative;}.widget_supports .support-style-2 .supporter:first-child {	border-top: none;}.widget_supports .support-style-2 .name {	font-size: 13px;	font-weight: 600;}.widget_supports .support-style-2 .phone {	font-size: 20px;	color: #048f18;	font-family: 'Myriad Pro', Arial, sans-serif;	font-weight: 600;}.widget_supports .support-style-2 .skype {	position: absolute;	right: 7px;	bottom: 10px;	z-index: 1;}.widget_supports .support-style-2 .email {	margin: 0 8px;	font-weight: 600;	border-top: 1px solid #dddddd;	line-height: 30px;}.widget_supports .support-style-2 .email a {	color: #333333;}.widget_supports .support-style-3 {	padding: 5px 0;}.widget_supports .support-style-3 .supporter:not(:last-child) {border-bottom: 1px solid #a1a1a1;}.widget_supports .support-style-3 ul {	padding: 8px 15px;}.widget_supports .support-style-3 ul li {}.widget_supports .support-style-3 .name {	font-size: 16px;}.widget_supports .support-style-3 .phone {	font-size: 22px;	font-weight: bold;	color: #ff0000;}/* Widget Slider Products */.sidebar .content-feature-page, .sidebar .slider-products {	padding: 10px 10px 0 10px;}.widget_slider_products li .item-product {	overflow: hidden;	margin-bottom: 10px;	padding-bottom: 10px;	border-bottom: 1px dashed #cccccc;}.widget_slider_products li .item-product:last-child {	border-bottom: none;	margin-bottom: 0;}.widget_slider_products li .alignleft, .widget_slider_products li .alignright {	width: 86px;	height: 86px;	border-radius: 50%;	overflow: hidden;	background: #FFF;    align-items: center;}.widget_slider_products li .alignleft {	margin-right: 15px;}.widget_slider_products li .alignright {	margin-left: 15px;}.widget_slider_products li h3 {	margin: 0 0 5px;	font-size: 15px;	line-height: 24px;	color: #333333;	max-height: 48px;	overflow: hidden;}.widget_slider_products li h3 a {	color: inherit;}.widget_slider_products li .price {	color: #056780;	margin: 0;}.sidebar .widget_listpost_widget ul {	padding: 20px 10px;	background: #fafafa;}.owl-carousel .owl-nav > div > div {}.owl-carousel .owl-nav .fa {font-size: 30px;color: #a2a2a2}.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {position: absolute;top: calc( 50% - 16px )}.owl-carousel .owl-nav .owl-prev {left: 0}.owl-carousel .owl-nav .owl-next {right: 0}@media (min-width: 1200px) {	.owl-carousel .owl-nav .owl-prev {left: -25px}	.owl-carousel .owl-nav .owl-next {right: -25px}}.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;margin: 20px 0 0 0}.owl-dots .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.owl-dots .owl-dot {display: inline-block;zoom: 1}.owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: ;display: block;-webkit-backface-visibility: visible;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px}.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot span:hover {background: #f3c40a}/* Widget Featured Page */.widget_featuredpage .entry-title {	font-size: 15px;	font-weight: 600;	line-height: 1.4;	margin: 0;}.widget_featuredpage .entry-title a {	color: #056780;}.widget_featuredpage .alignleft, .widget_featuredpage .alignright {	width: 30%;}.widget_featuredpage .alignleft {	margin-right: 10px;}.widget_featuredpage .alignright {	margin-left: 10px;}.widget_featuredpage .aligncenter {	margin-bottom: 10px;}.widget_featuredpage p {	font-size: 13px;	text-align: justify;}/* Widget Information */.widget_information li {	padding: 3px 0;}.widget_information .fa {	width: 14px;	margin-right: 5px;}/* Widget Social */.widget_social ul li {display: inline-block;margin-right: 10px;font-size: 20px;}.widget_social .icon_facebook a {color: #3b5999}.widget_social .icon_twitter a {color: #55acee}.widget_social .icon_google a {color: #dd4b39}.widget_social .icon_youtube a {color: #cd201f}.widget_social .icon_linkedin a {color: #0077B5}.widget_social .icon_pinterest a {color: #bd081c}.widget_social .icon_instagram a {color: #e4405f}/* Count Per Day */.sidebar .cpd {	padding: 5px 10px;}.sidebar .cpd li {	padding: 5px 0;	border-bottom: 1px solid #cccccc;}.sidebar .cpd li:last-child {	border-bottom: none;}/*--------------------------------------------------------------# Content--------------------------------------------------------------*//*--------------------------------------------------------------## Posts and pages--------------------------------------------------------------*/.sticky {display: block}.hentry {margin: 0 0 1.5em}.byline, .updated:not(.published) {display: none}.single .byline, .group-blog .byline {display: inline}.page-links {clear: both;margin: 0 0 1.5em}.entry-content {	line-height: 25px;}.entry-content ul {	padding-left: 40px;}.entry-content li {	list-style: disc;}.entry-meta {	font-size: 13px;	margin-bottom: 10px;}.entry-meta span {	display: inline-block;	margin-right: 10px;}.entry-meta span .fa {	color: #056780;}.socials-share {    margin-top: 20px;    padding: 20px 0 15px 0;    border-top: 1px solid #ebebeb;    border-bottom: 1px solid #ebebeb;}.socials-share .fb_iframe_widget {    position: relative;    top: -6px;}.post-next-prev {	border-bottom: 1px solid #ebebeb;	margin-bottom: 20px;}.post-next-prev-content span {    display: block;    font-size: 12px;    color: #c1c1c1;    margin-bottom: 7px;}.post-next-prev-content a {    display: block;    color: #222;    margin-bottom: 20px;}.related-posts .td-related-title {	font-size: 20px;}.related-posts ul {	padding-left: 20px;}.related-posts ul li {	margin-bottom: 5px;	list-style: disc;}.related-posts ul li a {	color: #333333;}.sidebar .widget_nav_menu ul li a:hover,.post-next-prev-content a:hover, .related-posts ul li a:hover,.widget_slider_products li h3 a:hover, .widget .list-post-item h3 a:hover, .new-list article .more-link {color: #056780;}/*--------------------------------------------------------------## Comments--------------------------------------------------------------*/.comments-area .comment-list .comment-content a {word-wrap: break-word}.comment-form label {display: block}.comment-form textarea,.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {width: 100%;padding: 5px 10px}.comment-form input, .comment-form textarea {border: 1px solid rgba(51, 51, 51, 0.1);color: rgba(51, 51, 51, 0.7)}.comment-form input[type="submit"] {background: #056780;color: #FFF;padding: 5px 10px}.comment-list {list-style: none;margin: 0;padding: 0}.comment-list article, .comment-list .pingback, .comment-list .trackback {border-top: 1px solid #eaeaea;border-top: 1px solid rgba(51, 51, 51, 0.1);padding: 1.6em 0}.comment-content {padding: 10px 20px 45px;margin: 25px 0 0;font-size: 15px;border: 1px solid #dfdfdf;border-radius: 3px;line-height: 1.5em !important}.comment-list li .reply {position: absolute;margin: -45px 0 0 10px;padding: 5px 10px}.comment-list .children {list-style: none;margin: 0}.comment-list .children > li {padding-left: 0.8em}.comment-author {padding: 10px 5px 0}.comment-list li .avatar {background: #fff;float: left;margin: 0 10px 0 0px;border-radius: 50%;-moz-border-radius: 50%}.comment-list p, .ping-list p {font-weight: normal;text-transform: none;margin: 10px 5px 10px 0;padding: 0;word-wrap: break-word}.comment-list li .fn, .comment-list li .cfn {font-size: 16px;display: inline-block;margin: 10px 0 0}.comment-list li .says {display: none}/*--------------------------------------------------------------# Media--------------------------------------------------------------*/.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0}/* Make sure embeds and iframes fit their containers. */embed, iframe, object {max-width: 100%}/*--------------------------------------------------------------## Captions--------------------------------------------------------------*/.wp-caption {margin-bottom: 1.5em;max-width: 100%}.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto}.wp-caption .wp-caption-text {margin: 0.8075em 0}.wp-caption-text {text-align: center}/*--------------------------------------------------------------## Galleries--------------------------------------------------------------*/.gallery {margin-bottom: 1.5em}.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%}.gallery-columns-2 .gallery-item {max-width: 50%}.gallery-columns-3 .gallery-item {max-width: 33.33%}.gallery-columns-4 .gallery-item {max-width: 25%}.gallery-columns-5 .gallery-item {max-width: 20%}.gallery-columns-6 .gallery-item {max-width: 16.66%}.gallery-columns-7 .gallery-item {max-width: 14.28%}.gallery-columns-8 .gallery-item {max-width: 12.5%}.gallery-columns-9 .gallery-item {max-width: 11.11%}.gallery-caption {display: block}/*--------------------------------------------------------------## Layout construct --------------------------------------------------------------*/.sidebar-content .site-main,.content-sidebar .site-main {	float: right;	width: 74.5%;}.sidebar-content .sidebar,.content-sidebar .sidebar {	float: left;	width: 23.5%;}.content-sidebar .site-main {	float: left;}.content-sidebar .sidebar {	float: right;}.sidebar-content-sidebar .content-sidebar-wrap,.sidebar-sidebar-content .content-sidebar-wrap,.content-sidebar-sidebar .content-sidebar-wrap {	float: left;	width: 75.5%;}.sidebar-content-sidebar .site-main,.sidebar-sidebar-content .site-main,.content-sidebar-sidebar .site-main {	float: right;	width: 67.5496689%;}.sidebar-content-sidebar .sidebar-primary,.sidebar-sidebar-content .sidebar-primary,.content-sidebar-sidebar .sidebar-primary {	float: left;	width: 31.1258278%;}.sidebar-content-sidebar .sidebar-secondary,.sidebar-sidebar-content .sidebar-secondary {	float: right;	width: 23.5%;}.sidebar-sidebar-content .sidebar {	float: left;}.sidebar-sidebar-content .content-sidebar-wrap {	float: right;}.content-sidebar-sidebar .sidebar-primary {	float: right;}.content-sidebar-sidebar .sidebar-secondary {	float: right;	width: 23.5%;}.content-sidebar-sidebar .site-main {	float: left;}.page-template-page-fullwidth .site-main {	width: 100%;}@media (max-width: 992px) {	.sidebar-content .site-main,.content-sidebar .site-main,.sidebar-content .sidebar,.content-sidebar .sidebar,.sidebar-content-sidebar .content-sidebar-wrap,.sidebar-sidebar-content .content-sidebar-wrap,.content-sidebar-sidebar .content-sidebar-wrap,.sidebar-content-sidebar .site-main,.sidebar-sidebar-content .site-main,.content-sidebar-sidebar .site-main,.sidebar-content-sidebar .sidebar-primary,.sidebar-sidebar-content .sidebar-primary,.content-sidebar-sidebar .sidebar-primary,.sidebar-content-sidebar .sidebar-secondary,.sidebar-sidebar-content .sidebar-secondary,.content-sidebar-sidebar .sidebar-secondary {width: 100%;}}/*--------------------------------------------------------------## Category--------------------------------------------------------------*/.new-list article {	overflow: hidden;	margin-bottom: 20px;}.new-list article h3 {	margin: 0 0 10px 0;	font-size: 16px;	line-height: 1.4;}.new-list article h3 a {	color: #056780;	font-weight: 600;}.new-list article p {	font-size: 13px;	color: #747474;	text-align: justify;}.new-list article .alignleft {	width: 35.5%;	margin-right: 15px;	overflow: hidden;}.new-list article .alignleft img {width: 100%;height: auto;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}.new-list article .alignleft img:hover {transform: scale(1.1);-webkit-transform: scale(1.1)}.ps-meta-info {    clear: both;    overflow: hidden;    margin-top: 20px;    padding: 5px 0;    border-top: 1px solid #e0dede;    border-bottom: 1px solid #e7e6e6;    font-size: 13px;}.ps-alignleft {    display: inline;    float: left;    margin-right: 15px;}.ps-alignright {    display: inline;    float: right;    margin-left: 15px;}.ps-inline-sep {    padding: 0 5px;}.socials-share {    margin: 20px 0;    padding: 20px 0 15px 0;    border-top: 1px solid #ebebeb;    border-bottom: 1px solid #ebebeb;}.socials-share .fb_iframe_widget {    position: relative;    top: -6px;}.post-categories, .post-categories * {    display: inline-block;}/*--------------------------------------------------------------## Shortcode --------------------------------------------------------------*/.sh-blog-shortcode .element .entry-content {	margin: 0;}.sh-blog-shortcode .element .entry-thumb a {	overflow: hidden;	display: block;}.sh-blog-shortcode .element .entry-thumb a img {width: 100%;height: auto;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}.sh-blog-shortcode .element .entry-thumb a img:hover {transform: scale(1.1);-webkit-transform: scale(1.1)}.sh-blog-shortcode .element .entry-title {	margin: 5px 0 5px 0;	font-size: 15px;	font-weight: 600;	line-height: 1.4;}.sh-blog-shortcode .element .entry-description {	text-align: justify;	line-height: 1.4;}/* Blog Shortcode 1 */.sh-blog-shortcode.style-1 .element .entry-thumb {	float: left;	width: 35%;	margin-right: 15px;}.sh-blog-shortcode.style-1 .element .entry-title {	margin: 0;}.sh-blog-shortcode.style-1 .element .entry-description p {	margin-bottom: 5px;}/* Blog Shortcode 5 */.sh-blog-shortcode.style-5 .post-inner:before, .sh-blog-shortcode.style-5 .post-inner:after {content: '';display: table}.sh-blog-shortcode.style-5 .post-inner:after {clear: both;}.sh-blog-shortcode.style-5 .entry-thumb {	float: left;	width: 110px;	margin-right: 15px;}.sh-blog-shortcode.style-5 .element .entry-title {	margin-top: 0;}.sh-blog-shortcode.style-5 .element .entry-description {	font-size: 13px;}/* Blog Shortcode 6 */.sh-blog-shortcode.style-6 .entry-thumb {	padding: 3px;	background: #FFF;	border: 1px solid #cdcdcd;}.sh-blog-shortcode.style-6 .entry-title a {	color: #333333;}.sh-blog-shortcode.style-6 .entry-title a:hover {	color: #056780;}.sh-blog-shortcode.style-6 .first-element-layout, .sh-blog-shortcode.style-6 .second-element-layout {	margin-bottom: 20px;}.sh-blog-shortcode.style-6 .second-element-layout .entry-thumb {	float: left;	width: 110px;	margin-right: 15px;}.sh-blog-shortcode.style-6 .second-element-layout .entry-title {	margin-top: 0;}.sh-blog-shortcode.style-6 .second-element-layout .element:not(:last-child) {	margin-bottom: 10px;    padding-bottom: 10px;    border-bottom: 1px solid #dfdfdf;}.sh-blog-shortcode.style-6 .second-element-layout .element:last-child {	margin-bottom: 0;}.sh-blog-shortcode.style-6 .second-element-layout .element:before,.sh-blog-shortcode.style-6 .second-element-layout .element:after {content: '';display: table;}.sh-blog-shortcode.style-6 .second-element-layout .element:after {clear: both;}/* Blog Shortcode 7 */.sh-blog-shortcode.style-7 .first-element-layout .element .entry-thumb {	float: left;	width: 30%;	margin-right: 20px;}.sh-blog-shortcode.style-7 .first-element-layout .element .entry-title {    margin: 0 0 5px 0;}.sh-blog-shortcode.style-7 .second-element-layout {	margin-bottom: 20px;}.sh-blog-shortcode.style-7 .second-element-layout .element {	margin-bottom: 5px;}.sh-blog-shortcode.style-7 .second-element-layout .element .entry-title {	margin: 0;}.sh-blog-shortcode.style-7 .second-element-layout .element .entry-title a:before {	content: '';	display: inline-block;	width: 5px;	height: 5px;	background: #056780;	border-radius: 50%;	position: relative;	top: -2px;	margin-right: 5px;}/*--------------------------------------------------------------## Menu Mobile --------------------------------------------------------------*/.navbar-inverse .navbar-brand {color: #FFF}.navbar-inverse .navbar-toggle {border-color: #FFF}.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border: none}.navbar-inverse {z-index: 999;background: #056780;margin-bottom: 0}.navbar {border: none;border-radius: 0;}.navbar-nav {margin: 0px -15px;background: #f9f9f9}.navbar-brand {padding: 5px 15px;}.navbar-brand>img {max-height: 100%;}.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {	background: #FFF;}.navbar-inverse .navbar-toggle .icon-bar {background: #333;}@media (min-width: 768px) {	.navbar-inverse {display: none}}@media (max-width: 1024px) {	.site-header > .container {display: none;}	.main-navigation {display: none}	/*.site-header {padding-top: 50px}*/	/*.logged-in .site-header {padding-top: 25px}*/	.logged-in .navbar-fixed-top {z-index: 999999}	.navbar-nav:before, .navbar-nav:after {content: ' ';display: table}	.navbar-nav:after {clear: both}	.navbar-toggle, .navbar-inverse {display: block}	.navbar-header, .navbar-nav, .navbar-nav>li {float: none}	.navbar-collapse.collapse {display: none !important}	.navbar-collapse.collapse.in {display: block !important}	.navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}}#mobilenav {background: #1e1e1e;position: fixed;height: 100%;width: 250px;top: 0;font-size: 0.9em;left: 0;overflow-x: hidden;overflow-y: scroll;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;-webkit-transform: translate(-250px);-moz-transform: translate(-250px);-ms-transform: translate(-250px);-o-transform: translate(-250px);transform: translate(-250px);z-index: 9999999;}#mobilenav.opened {-webkit-transform: translate(0px);-moz-transform: translate(0px);-ms-transform: translate(0px);-o-transform: translate(0px);transform: translate(0px);z-index: 99999999;}.toplg {padding: 10px;text-align: center;}.toplg img {max-width: 150px;margin: 0 auto;}#mobilenav h3, #mobilenav p {color: #f2f2f2;text-align: center;font-size: 18px;}#mobilenav .mobile-menu {margin: 15px 0;padding: 0 10px;}#mobilenav li {display: block;position: relative;}#mobilenav li a {color: #fff;position: relative;display: block;;text-align: left;margin: 1px 0 0;padding: 5px 6px;line-height: 25px;-webkit-transition: all 0.35s linear;-moz-transition: all 0.35s linear;-o-transition: all 0.35s linear;transition: all 0.35s linear;}#mobilenav li.current-menu-item > a, #mobilenav li:hover > a {background: #282d36;}#mobilenav .arrow {border-radius: 0;position: absolute;top: 6px;right: 5px;width: 25px;height: 25px;cursor: pointer;text-align: center;font-family: "FontAwesome";line-height: 25px;vertical-align: top;color: #FFF;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;transition: all 0.25s ease 0s;}#mobilenav .arrow:before {content: "\f067";}#mobilenav li.menu-item-has-children.open>.arrow:before {content: "\f068";}#mobilenav ul.sub-menu {display: none;list-style: none;margin: 0;padding: 0 0 0 10px;}.panel-overlay {opacity: 0;filter: alpha(opacity=0);}.panel-overlay.active {background: #000;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999999;min-height: 100vh;opacity: 0.35;filter: alpha(opacity=35);-webkit-transition: opacity 0.2s ease-in-out 0s;-moz-transition: opacity 0.2s ease-in-out 0s;transition: opacity 0.2s ease-in-out 0s;}/*--------------------------------------------------------------## Footer --------------------------------------------------------------*/.site-footer {	font-size: 16px;	color: #FFF;}.site-footer p {	margin-bottom: 0;}.site-footer a {	color: #FFF;}.site-footer a:hover {	color: #FFF;}.footer-widgets {	padding: 25px 0 10px 0;	background: url(lib/images/bg-footer.png) top center no-repeat;	background-size: cover;}@media (min-width: 1200px) {	.footer-widgets .footer-widgets-area:nth-child(1) {		width: 20%;	}	.footer-widgets .footer-widgets-area:nth-child(2) {		width: 55%;	}	.footer-widgets .footer-widgets-area:nth-child(3) {		width: 25%;	}}@media (min-width: 992px) {	.footer-widgets .footer-widgets-area:nth-child(3) {		padding-top: 38px;	}}.footer-widgets h4.widget-title {	font-weight: bold;	font-size: 18px;	text-transform: uppercase;}.site-info {	background: #056780;	padding: 5px 0;}.footer-widgets div.wpcf7 .ajax-loader {	display: none;}.footer-widgets .btn-primary {	background: #056780 !important;}/*--------------------------------------------------------------## Custom Css --------------------------------------------------------------*/.top-header {	padding: 5px 0;	background: #056780;	color: #FFF;}.top-header p {	margin: 0;	line-height: 25px;}.top-header .widget_social {	text-align: right;}.top-header .widget_social ul {	float: right;}.top-header .widget_social ul li {	font-size: 18px;}.top-header .widget_social ul li:last-child {	margin-right: 0;}.top-header .widget_social ul li a {	color: #FFF;}.top-header .form-search {	float: right;}.sh-blog-shortcode .element .thumb-rotate {    position: relative;    overflow: hidden;}.sh-blog-shortcode .element .property-featured-image {    position: relative;    line-height: 0;}.sh-blog-shortcode .element .price {    position: absolute;    bottom: 0;    z-index: 1;    left: 0;    display: inline-block;    background: #D63240;    color: #fff;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    height: 30px;    margin: 0 0 5px 5px;}.sh-blog-shortcode .element .price strong {    background: rgba(0,0,0,.1);    padding: 0 7px;    -webkit-border-radius: 3px 0 0 3px;    -moz-border-radius: 3px 0 0 3px;    border-radius: 3px 0 0 3px;    line-height: 30px;    height: 30px;    display: inline-block;    font-weight: 400;}.sh-blog-shortcode .element .price span {    padding: 0 10px;    line-height: 30px;    height: 30px;    font-weight: 700;}.overlay2 {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    bottom: 0;    right: 0;    opacity: 0;}.thumb-rotate img{width: 100%}.thumb-rotate:hover{ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1)}.thumb-rotate:hover .overlay2{opacity: 1;background: rgba(0,0,0,.4);z-index: 1}.property-featured-image {    -webkit-transition: all 1.2s ease-in-out;    transition: all 1.2s ease-in-out;}.thumb-rotate:hover .property-featured-image {    -webkit-transform: scale(1.2);    transform: scale(1.2);    -webkit-transform: rotate(5deg) scale(1.3) skew(1deg) translate(0);    -ms-transform: rotate(5deg) scale(1.3) skew(1deg) translate(0);    transform: rotate(5deg) scale(1.3) skew(1deg) translate(0);}.property-info{padding: 10px;display: block;background: #efefef;}.property-info h3 a{ color: #056780;font-size: 16px;margin-bottom: 10px;width: 100%;overflow: hidden;height: 38px;}.location {    color: #555555;    margin-bottom: 5px;    overflow: hidden;    height: 48px;}.location i {    color: #056780;}.property-amenities {    background: #cb984f;    color: #167ac6;    height: 32px;}.property-amenities span {    display: block;    width: 60%;    float: left;    padding: 4px 0 4px 0;    border-right: 1px solid #efefef;}.property-amenities span.area {	padding: 4px 6px;	position: relative;	background: #FFF;}.property-amenities span.floors {    width: 40%;    text-align: center;    color: #333;    text-indent: 5px;}.property-amenities span.area:after {    content: '';    width: 0px;    height: 0px;    border-top: 16px solid transparent;    border-bottom: 16px solid transparent;    border-left: 16px solid #FFF;    position: absolute;    top: 0;    right: -16px;}.article-slide .carousel-indicators {    bottom: 0;    left: 0;    margin-left: 5px;    width: 100%;    height: 20%;}.article-slide .carousel-indicators li {    border: medium none;    border-radius: 0;    float: left;    height: 54px;    margin-bottom: 5px;    margin-left: 0;    margin-right: 5px !important;    margin-top: 0;    width: 100px;}.article-slide .carousel-indicators img {    border: 2px solid #FFFFFF;    float: left;    height: 54px;    left: 0;    width: 100px;}.prj-name {    color: #D63240;    font-size: 20px;    font-weight: 700;    margin-bottom: 15px;}.intro-prj {    border-top: 1px solid #E1E1E1;    margin-top: 10px;    padding-top: 10px;}.intro-prj * {    margin-bottom: 10px;    font-size: 16px;}.intro-prj strong {    color: #056780;}.banner-home {    width: 100%;    background-color: #f3f3f3;    position: relative;}.top-banner {    min-height: 250px;    background-position: 50%;    background-repeat: no-repeat;    background-size: cover;    position: relative;	display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;	display: flex;	align-items: center;}.out-top {    text-align: center;    width: 100%;}.top-title, .des-top {    position: relative;    z-index: 99999;    color: #fff;}.out-top h1 {    font-size: 40px;    color: #fff;    z-index: 99999;    position: relative;}.overlay4 {    position: absolute;    width: 100%;    height: 100%;    z-index: 9999;    top: 0;    left: 0;    background: rgba(0, 0, 0, 0.5);}.single-post .site-content > .container {	width: 100%;	padding-left: 0;	padding-right: 0;}#breadcrumbs {    margin-bottom: 20px;    border-bottom: 1px dashed #ddd;    padding-bottom: 5px;}.content-sidebar-wrap {	padding-top: 30px;}.menu-project {    background-color: #f1f1f1;    border-bottom: 1px solid #d7d7d7;    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.11);    padding: 10px 0;}.menu-project li {    float: left;}.menu-project li a {    color: #056780;    font-weight: 700;    border-left: 1px solid #fefefe;    border-right: 1px solid #e1e1e1;    padding: 5px 20px;    font-size: 16px;}.content-tab {	margin-bottom: 30px;}.main_duan {	padding-top: 20px;}#chinhsach {    border: 1px solid red;    padding: 20px 40px;    border-radius: 10px;    background: url(lib/images/uu-dai.png) no-repeat;}#chinhsach h3 {    text-align: center;    font-weight: bold;    font-size: 25px;    line-height: 65px;}.title-block, .title-block2 {    margin: 0px auto;    color: #fff;    line-height: 40px;    padding: 0 15px;    border-radius: 3px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    font-size: 20px;}.title-block {    display: table;    background: #056780;    margin-bottom: 10px;}.dat-cho {    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);    margin-bottom: 30px;    padding: 15px;    border-radius: 5px;}.dat-cho ul li {    background: url(lib/images/news.gif) no-repeat left center;    padding-left: 40px;    line-height: 30px;    list-style: none;}.dat-cho h3 {    font-weight: bold;    text-align: center;    color: #056780;    margin: 0 0 10px 0;}.dat-cho .your-text, .dat-cho .notice {	display: none;}.dat-cho .text-center {	text-align: left;}.dat-cho input[type=submit] {	background: #ff0000;	border: none;}.title-block2 {    display: block;    background-color: #056780;    line-height: 24px;    padding: 6px;    margin-bottom: 10px;}.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}@media( min-width: 992px ) {	.sh-blog-shortcode [class*='col']:nth-child(3n+1) {		clear: both;	}}@media( min-width: 480px ) and ( max-width: 992px ) {	.sh-blog-shortcode [class*='col']:nth-child(2n+1) {		clear: both;	}}.property-info h3 {	font-size: 16px;	line-height: 20px;	margin: 0;}.property-info h3 a {	color: #056780;}.feature-customer {	padding: 0 0 30px 0;}.feature-customer .owl-carousel {	margin: 10px 0;}.feature-customer .owl-carousel .item .middle {    display: table;    width: 100%;    height: 120px;}.feature-customer .owl-carousel .item .middle span {    display: table-cell;    vertical-align: middle;    text-align: center;}.feature-customer .owl-carousel .item img {    display: inline-block;    width: auto;    max-height: 120px;}#gallery {	margin-bottom: 30px;}#gallery h2 {	font-size: 18px;	font-weight: bold;	color: #056780;}#gallery p {	color: #555555;	text-align: center;	margin-bottom: 20px;}#info-scroll {	position: fixed; top: 35%; z-index: 99999; margin-left: -115px;	transition: margin-left 0.5s 0s ease-in-out;	-moz-transition: margin-left 0.5s 0s ease-in-out;	-webkit-transition: margin-left 0.5s 0s ease-in-out;}#info-scroll:hover {margin-left: 0px; }#info-scroll li {display: block; position: relative; left: 0; float: none; width: auto; border-radius: 0 25px 25px 0; margin-bottom: 2px; background-color: #056780; color: #fff; font-size: 16px; font-weight: bold; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }#info-scroll li a {display: block; padding: 2px 2px 2px 12px; }#info-scroll li .text {display: inline-block; text-align: center; color: #fff}#info-scroll li small {display: block; font-size: 16px; font-weight: 700; color: #ffed01; }#info-scroll li .icon {display: inline-block; float: right; width: 47px; height: 47px; margin: 1px 0 0 5px; }.contact_icon {    top: 23%;    position: fixed;    z-index: 99999999999;    left: 0;    background: url(lib/images/email-icon.png) no-repeat right 5px center;    border: none;    background-color: #056780;    padding: 15px 59px 15px 5px;    border-radius: 0px 26px 26px 0px;    color: #fff;    margin-left: -75px;	transition: margin-left 0.5s 0s ease-in-out;	-moz-transition: margin-left 0.5s 0s ease-in-out;	-webkit-transition: margin-left 0.5s 0s ease-in-out;}.contact_icon:hover {	margin-left:0px;}.modal-content {	background: #056780;	color: #FFF;}.modal-content input[type=submit] {	background: #F48120 !important;}.modal-content .close {	opacity: 1;	color: #FFF;	background: #ff0000;	padding: 0px 5px;	border-radius: 50%;}.list-post article {    margin-bottom: 20px;    border-bottom: 1px dashed #ccc;    padding-bottom: 20px;}.list-post article:last-child {	border-bottom: none;	padding-bottom: 0;}.list-post article h3 {	margin: 0 0 10px 0;    font-size: 18px;    font-weight: 500;    display: block;    color: #056780;    text-transform: uppercase;}.related-project {	margin: 20px 0 10px 0;}.post_related {	margin-bottom: 20px;}.post_related h3 {	font-size: 16px;	font-weight: normal;	margin: 5px 0 10px 0;}.post_related h3 a {	color: #333;}.post_related .img {	display: block;}.post_related .img img {	width: 100%;}.sticky-wrapper.is-sticky .site-header {	background: #056780d6;	box-shadow: 0 0 10px #a1a1a1;}.sticky-wrapper.is-sticky .site-header.logo-left .header-content .logo {	display: none;}.sticky-wrapper.is-sticky .site-header .main-navigation ul.menu {	text-align: center;}.sticky-wrapper.is-sticky .site-header.logo-left .header-content {	padding: 0;}.sticky-wrapper.is-sticky .main-navigation ul.menu > li > a {	font-size: 14px;	color: #eee;	line-height: 40px;}.sticky-wrapper.is-sticky .main-navigation ul.menu > li:last-child > a {	padding-right: 20px;}/*--------------------------------------------------------------## Responsive --------------------------------------------------------------*/@media (max-width: 1200px) {	.site-header.logo-left .header-content .logo, .site-header.logo-left .header-content .main-navigation {		display: block;	}	.site-header.logo-left .header-content .logo {margin-bottom: 20px;}	.site-header.logo-left .header-content .logo, .main-navigation ul.menu {text-align: center;}	.property-amenities span.area:after {display: none;}	.menu-project {display: none;}}@media (max-width: 992px) {}@media (max-width: 768px) {	.top-header {display: none;}	.site-info, .site-info .text-right {		text-align: center;	}}@media (max-width: 480px) {	.sh-blog-shortcode [class*='col'], .related-posts [class*='col']  {width: 100%}	.heading .btn {display: none;}	.heading a.title-section {padding: 0 20px;min-width: 0;}	.carousel-indicators {display: none;}}@media (max-width: 414px) {	.top-banner {min-height: 0;padding: 10px 15px;}	.out-top h1 {font-size: 22px;}}@media (max-width: 320px) {}