@media screen and (max-width: 1600px) {
	.floor-plans .pagewrapper ul.floor-plans-slider .slick-prev {left: -50px;}
	.floor-plans .pagewrapper ul.floor-plans-slider .slick-next {right: -50px;}
}

@media screen and (max-width: 1600px) and (min-width: 1367) {
	.home-property ul.property-grid li {height: 380px;}
}

@media screen and (max-width: 1440px) {
	.home-estate .home-estate-slider .slick-list, .home-estate .history-slider .slick-list, .home-estate .gallery-slider .slick-list, .home-estate .clubs-gallery-slider .slick-list {padding: 0 300px !important;}

	.what-to-do .what-to-do-slider .slick-list {padding: 0 120px!important;}

	.per-props ul.prop-list li .pagewrapper aside, .per-props ul.prop-list li .pagewrapper article {width: calc(51% - 30px);}
}

@media screen and (max-width: 1366px) {
	h1 {font-size: 50px;}
	h2 {font-size: 40px; line-height: 50px;}
	h3 {font-size: 35px; line-height: 45px;}
	h4 {font-size: 30px; line-height: 40px;}
	h5 {font-size: 25px; line-height: 35px;}
	h6 {font-size: 20px; line-height: 30px;}
	p, ul li, ol li  {font-size: 16px; line-height: 28px;}	
	.btn-green, .btn-green-border, .btn-white-border {font-size: 16px; padding: 8px 20px;}
	.news-update .pagewrapper .btn-green {padding: 8px 30px ;}
	.home-banner article h1 {width: 705px;}
	.home-banner article h1 span {width: 230px;}
	.home-estate .home-estate-slider .slick-list, .home-estate .history-slider .slick-list, .home-estate .gallery-slider .slick-list, .home-estate .clubs-gallery-slider .slick-list {padding: 0 250px !important;}
	.home-estate .home-estate-slider li, .home-estate .history-slider li, .home-estate .gallery-slider li, .home-estate .clubs-gallery-slider li {margin: 0 20px;}
	.what-to-do .what-to-do-slider .slick-track > li {margin: 0 20px;}
	.what-to-do .what-to-do-slider .slick-list {padding: 0 100px !important;}

	.slick-dots li button, .slick-dots li button:before, .slick-dots li.slick-active button:before {width: 12px!important; height: 12px!important;}
	.home-property ul.property-grid li {height: 330px;}

	.slick-prev, .slick-next {width: 40px!important; height: 40px!important;}
	.estate-type ul.estate-type-list li {margin-bottom: 30px;}
	.site-dev-plan .pagewrapper3 .sdp-image {height: 600px;}
	img.mfp-img {padding: 30px;}
	.property-types .pagewrapper .prop-type-list li {height: 250px;}
	.contact-list-wrapper .pagewrapper > p {padding: 0 200px;}
}

@media screen and (max-width: 1280px) {
	h1 {font-size: 45px;}
	h2 {font-size: 37px; line-height: 50px;}
	h3 {font-size: 32px; line-height: 45px;}
	h4 {font-size: 28px; line-height: 40px;}
	h5 {font-size: 22px; line-height: 35px;}
	h6 {font-size: 19px; line-height: 30px;}

	.home-banner article h1 {width: 633px;}
	.home-estate .pagewrapper .title {margin-bottom: 30px;}
	.home-estate .pagewrapper .title h6 {margin-bottom: 0;}
	.home-estate .pagewrapper .sub-content {margin-bottom: 50px;}
	.home-property .pagewrapper .title h6 {margin-bottom: 0;}
	.what-to-do .pagewrapper .title h6 {margin-bottom: 0;}
	.news-update .pagewrapper .title h6 {margin-bottom: 0;}
	.home-aboutus .pagewrapper .title h6 {margin-bottom: 0;}
	footer .credits {padding: 20px 0;}
	footer .pagewrapper .main-footer aside ul.soc-med img {width: 50px;}
	footer .pagewrapper .main-footer aside > a {font-size: 18px;}
	footer .pagewrapper .main-footer aside p {margin-bottom: 20px;}
	.home-estate .home-estate-slider li .title, .home-estate .history-slider li .title, .home-estate .gallery-slider li .title, .home-estate .clubs-gallery-slider li .title {padding: 15px 20px; width: 300px;}
	
	.img-content article {width: calc(52% - 30px);}
	.core-values .pagewrapper .per-values .core-value-list {gap: 30px}
	.about-content .pagewrapper > aside .title h6 {margin-bottom: 0;}

	.list-community ul.comm-list > li .pagewrapper article, .list-community ul.comm-list>li .pagewrapper aside {width: calc(51% - 30px);}
	.estate-comm-event .pagewrapper .event-list li, .estate-type ul.estate-type-list li {width: calc(34% - 30px);}
	.estate-comm-event .pagewrapper .event-header h6 {margin-bottom: 0;}
	.property-types .pagewrapper .prop-type-list {padding: 0;}

	.contact-list-wrapper .pagewrapper ul.contact-list {gap: 15px;}
	.contact-list-wrapper .pagewrapper ul.contact-list li {width: calc(35% - 30px);}
	.home-property ul.property-grid li {height: 310px;}

	.estate-comm-event .pagewrapper .event-list {gap: 30px}
}

@media screen and (max-width: 1180px) {
	.img-content {align-items: flex-start;}
	.home-estate .home-estate-slider li .title, .home-estate .history-slider li .title, .home-estate .gallery-slider li .title, .home-estate .clubs-gallery-slider li .title {padding: 10px 20px; width: 280px;}
	.home-aboutus, .home-estate, .home-property, .what-to-do, .news-update {padding: 50px 0;}
	footer {padding: 50px 0 0}
	footer .pagewrapper .logo img {width: 200px;}
	footer .credits {margin-top: 50px;}
	.news-update .pagewrapper .news-list li {width: calc(34% - 30px);}
	.what-to-do .what-to-do-slider .slick-track > li {margin: 0 10px;}
	.home-estate .home-estate-slider li, .home-estate .history-slider li, .home-estate .gallery-slider li, .home-estate .clubs-gallery-slider li {margin: 0 10px;}
	.img-content aside, .img-content article {width: calc(51% - 30px);}
	.about-content, .core-values {padding: 50px 0;}
	.comm-header, .list-community ul.comm-list > li {padding: 50px 0;}
	.sustainability {padding: 50px 0;}

	.estate .pagewrapper .estate-content p {width: 90%;}
	.estate, .estate-type, .estate-comm-event {padding: 50px 0;}
	.cabins {padding: 50px 0 20px;}
	.per-props ul.prop-list li {padding: 50px 0}
	.inquires {padding: 50px 0;}

	.club-details {padding: 50px 0 30px;}
	.club-details .pagewrapper .header-content {margin-bottom: 30px}
	.club-details .pagewrapper ul.tab-menu {padding-bottom: 10px;}
	.club-section {padding: 0 0 50px;}

	.residential, .property-types {padding: 50px 0;}
	.property-types .pagewrapper .title h6 {margin-bottom: 0;}
	.property-types .pagewrapper .prop-type-list li .details {bottom: 20px;}

	.single-property-details, .features-amenities, .site-dev-plan , .floor-plans{padding: 50px 0;}
	.single-property-details .pagewrapper3 ul.num-details li {padding: 30px 0;}

	.experiences ul.expe-list > li .pagewrapper, .experiences ul.expe-list > li:nth-child(even) .pagewrapper {padding: 50px 0;}
	.experiences ul.expe-list > li:first-child .pagewrapper {padding: 30px 0 50px;}

	.mediaroom-featured {padding: 50px 0;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-next {right: -35px;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-prev {left: -35px;}
	.estate-comm-event .pagewrapper .event-list {margin-top: 30px;}

	.single-mr-content {padding: 50px 0;}
	.single-mr-content h1, .single-mr-content h2, .single-mr-content h3, .single-mr-content h4, .single-mr-content h5, .single-mr-content h6, .single-mr-content p {margin-bottom: 20px;}

	.contact-list-wrapper .pagewrapper ul.contact-list li {width: calc(52% - 30px);}
	.contact-list-wrapper .pagewrapper ul.contact-list {margin: 30px 0 50px;}
	.contact-info {padding: 50px 0 0;}
	.contact-form-wrapper {padding: 0 0 50px;}
	.home-property ul.property-grid li {height: 300px;}
}

@media screen and (max-width: 1024px){
	h1 {font-size: 40px; line-height: 55px;}
	h2 {font-size: 34px; line-height: 44px;}
	h3 {font-size: 29px; line-height: 39px;}
	h4 {font-size: 25px; line-height: 35px;}

	header .pagewrapper2 nav {display: none;}
	header .pagewrapper2 aside .btn-green {display: none;}
	header .pagewrapper2 aside .cta-search .mobnav {display: block;}
	.home-banner article h1 span {width: 200px;}
	.home-banner article h1 {width: 563px;}
	.home-estate .home-estate-slider .slick-list, .home-estate .history-slider .slick-list, .home-estate .gallery-slider .slick-list, .home-estate .clubs-gallery-slider .slick-list {padding: 0 200px!important;}
	.what-to-do .what-to-do-slider .slick-track > li .type-title {bottom: 10px;}
	.news-update .pagewrapper .news-list li {width: calc(34.5% - 30px);}
	footer .pagewrapper .main-footer article .footer-main-nav > li {width: calc(39% - 30px);}
	footer .pagewrapper .main-footer article {width: calc(60% - 30px);}
	footer .pagewrapper .main-footer article .footer-main-nav > li ul.per-nav li {font-size: 14px;}
	footer .pagewrapper .main-footer aside p {font-size: 14px;}
	footer .credits p {font-size: 14px;}

	.estate-comm-event .pagewrapper .event-list li, .estate-type ul.estate-type-list li {width: calc(35% - 30px);}

	.clubs-amenities ul.amenities-list > li aside, .functions ul.amenities-list > li aside, .meeting-facilities ul.amenities-list > li aside, .accomodations ul.amenities-list > li aside {width: calc(52.5% - 30px);}

	.single-mr-content ul.img-content li {margin-bottom: 20px; padding-bottom: 20px;}

	.other-articles .pagewrapper .event-list li {width: calc(36% - 30px);}
	.home-property ul.property-grid li {height: 280px;}
	.contact-list-wrapper .pagewrapper > p {padding: 0 100px;}

	.estate-comm-event .pagewrapper .event-list {gap: 20px;}
}

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

}	

@media only screen and (max-width: 850px){
	.home-banner aside/* , .ip-banner aside */ {height: 600px;}
	.home-banner, .ip-banner {height: auto;}
	.home-banner aside ul.home-banner-slider li video {object-fit: cover;}
	.home-banner aside ul.home-banner-slider li img/* , .ip-banner aside img */ {object-fit: cover; height: 100%; width: 100%;}
	.home-banner aside ul.home-banner-slider {height: 100%;}
	.home-banner aside ul.home-banner-slider .slick-list {height: 100%;}
	.home-banner aside ul.home-banner-slider .slick-track {height: 100%;}
	.home-banner article, .ip-banner article {top: 50%;}

	.img-content aside, .img-content article {width: 100%;}
	.img-content aside {margin-bottom: 30px;}
	.home-estate .pagewrapper .sub-content article {width: 100%; margin-bottom: 30px;}
	.home-estate .home-estate-slider .slick-list, .home-estate .history-slider .slick-list, .home-estate .gallery-slider .slick-list, .home-estate .clubs-gallery-slider .slick-list {padding: 0 120px!important;}
	footer .pagewrapper .main-footer aside ul.soc-med img {width: 42px;}
	footer .pagewrapper .main-footer article {width: calc(68% - 30px);}
	.about-content .pagewrapper > aside {width: 100%; margin-bottom: 30px;}
	.about-content .pagewrapper > aside .title {margin-bottom: 0;}
	.about-content .pagewrapper > article {width: 100%; margin-bottom: 20px;}
	.row-reverse {margin-top: 30px;}

	.list-community ul.comm-list > li .pagewrapper article, .list-community ul.comm-list>li .pagewrapper aside {width: 100%;}
	.list-community ul.comm-list>li .pagewrapper aside {margin-bottom: 30px;}
	.comm-header .pagewrapper p {width: 80%;}

	.sustainability .pagewrapper ul.sustain-list li > article {width: calc(70% - 30px);}

	.estate .pagewrapper .estate-content p {width: 100%;}
	.img-content article h5 {margin-bottom: 0;}
	.estate .pagewrapper .estate-content ul.estate-features > li {margin-bottom: 30px;}

	.cabins .pagewrapper .prop-header p {width: 90%;}
	.per-props ul.prop-list li .pagewrapper aside, .per-props ul.prop-list li .pagewrapper article {width: 100%;}
	.per-props ul.prop-list li .pagewrapper aside {margin-bottom: 30px;}
	.clubs .prop-list li .pagewrapper article h6 {margin-top: 30px;}
	.club-details .pagewrapper .header-content {width: 80%;}
	.clubs-amenities ul.amenities-list > li aside, .functions ul.amenities-list > li aside, .meeting-facilities ul.amenities-list > li aside, .accomodations ul.amenities-list > li aside {width: 100%; margin-bottom: 30px;}
	.clubs-amenities ul.amenities-list > li article, .functions ul.amenities-list > li article, .meeting-facilities ul.amenities-list > li article, .accomodations ul.amenities-list > li article {width: 100%;}
	.clubs-amenities ul.amenities-list > li article h5, .functions ul.amenities-list > li article h5, .meeting-facilities ul.amenities-list > li article h5, .accomodations ul.amenities-list > li article h5 {margin-bottom: 0;}
	.clubs-rules-regulations .pagewrapper ul.rules-list > li {margin-bottom: 30px;}
	.clubs-amenities ul.amenities-list > li, .functions ul.amenities-list > li, .meeting-facilities ul.amenities-list > li, .accomodations ul.amenities-list > li {margin-bottom: 30px;}

	.dining .pagewrapper .dining-list li {width: calc(51% - 30px);}

	.clubs-amenities ul.amenities-list > li aside, .functions ul.amenities-list > li aside, .meeting-facilities ul.amenities-list > li aside, .accomodations ul.amenities-list > li aside {margin-bottom: 20px;}

	.residential .pagewrapper > aside {width: 100%; margin-bottom: 30px;}
	.residential .pagewrapper > article {width: 100%;}
	.property-types .pagewrapper .prop-type-list li {width: calc(50% - 15px);}

	.single-property-details .pagewrapper article {width: 100%; margin-bottom: 30px;}
	.single-property-details .pagewrapper aside {width: 100%;}
	.single-property-details .pagewrapper3 ul.num-details li {width: calc(36% - 30px);}
	.features-amenities .pagewrapper aside {width: 100%; margin-bottom: 30px;}
	.features-amenities .pagewrapper article {width: 100%;}
	.floor-plans .pagewrapper ul.floor-plans-slider li aside {width: 100%; margin-bottom: 20px;}
	.floor-plans .pagewrapper ul.floor-plans-slider li article {width: 100%;}
	.floor-plans .pagewrapper ul.floor-plans-slider li {padding: 0 30px;}
	.floor-plans .pagewrapper ul.floor-plans-slider .slick-next {right: -20px;}
	.floor-plans .pagewrapper ul.floor-plans-slider .slick-prev {left: -20px;}
	.floor-plans .pagewrapper ul.floor-plans-slider li article .line {margin: 15px 0;}

	.experiences ul.expe-list > li .pagewrapper aside, .experiences ul.expe-list>li .pagewrapper article {width: 100%;}
	.experiences ul.expe-list > li .pagewrapper aside {margin-bottom: 30px;}
	.experiences ul.expe-list > li .pagewrapper article h4 {margin-bottom: 0;}


	.mediaroom-banner aside {height: 250px;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-track > li aside, .mediaroom-featured .pagewrapper ul.featured-list .slick-track > li article {width: 100%;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-track > li aside img {border-radius: 8px 8px 0 0;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-track > li article {border-radius: 0 0 8px 8px;}

	.single-mr-content ul.img-content li aside, .single-mr-content ul.img-content li article {width: 100%;}

	.contact-list-wrapper .pagewrapper ul.contact-list li {width: 100%;}
	.contact-list-wrapper .pagewrapper > p {width: 100%;}

	.home-property ul.property-grid li {height: 250px;}
	img.mfp-img {padding: 20px;}
	.site-dev-plan .pagewrapper3 .sdp-image a:before {font-size: 30px; bottom: 20px; right: 20px;}
	.site-dev-plan .pagewrapper3 .sdp-image {height: auto;}
	.contact-list-wrapper .pagewrapper > p {padding: 0;}
	.estate-comm-event .pagewrapper .event-list {gap: 25px}
}	

@media only screen and (max-width: 768px) {
	.centered-btn {margin-top: 30px;}
	.home-property ul.property-grid li:first-child, .home-property ul.property-grid li:last-child {width: 100%;}
	.home-property ul.property-grid li:nth-child(2), .home-property ul.property-grid li:nth-child(3) {width: calc(52% - 30px);}
	.home-aboutus .pagewrapper .title, .home-property .pagewrapper .title, .what-to-do .pagewrapper .title, .news-update .pagewrapper .title {margin-bottom: 30px;}
	.news-update .pagewrapper .news-list li {width: 100%; margin-bottom: 30px;}
	footer .pagewrapper .main-footer aside {width: 100%; margin-bottom: 30px;}
	footer .pagewrapper .main-footer article {width: 100%;}
	footer .pagewrapper .main-footer article .footer-main-nav > li {width: calc(37% - 30px);}
	footer .credits {margin-top: 30px;}
	footer {padding: 30px 0 0;}
	.core-values .pagewrapper .per-values .title h5 {margin-bottom: 0;}
	.core-values .pagewrapper .per-values .core-value-list li {width: calc(52% - 30px);}

	.estate-type ul.estate-type-list li {width: 100%; margin-bottom: 30px;}
	.estate-comm-event .pagewrapper .event-list li {width: calc(52% - 30px);}
	.estate-comm-event .pagewrapper .event-list {margin-top: 30px;}
	.estate-type ul.estate-type-list li h4 {margin-bottom: 0;}
	.cabins .pagewrapper .prop-header p {width: 100%;}

	.slick-prev, .slick-next {width: 35px!important; height: 35px!important;}
	.home-estate .home-estate-slider .slick-dots, .home-estate .history-slider .slick-dots, .home-estate .gallery-slider .slick-dots, .home-estate .clubs-gallery-slider .slick-dots {bottom: -10px;}

	.property-types .pagewrapper .prop-type-list li {width: 100%;}

	.single-property-details .pagewrapper3 ul.num-details li {width: 100%; margin-bottom: 30px;}
	.single-property-details .pagewrapper3 ul.num-details li:last-child {margin-bottom: 0;}

	.mediaroom-featured .pagewrapper ul.featured-list .slick-track > li {padding: 0 30px;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-next {right: -10px!important;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-prev {left: -10px!important;}

	.other-articles .pagewrapper .event-list li {width: 100%; margin-bottom: 30px;}
	.other-articles .pagewrapper .event-list li:last-child {margin-bottom: 0;}


	/* .club-details .pagewrapper ul.tab-menu li {width: 100%; justify-content: center;} */
	/* .club-details .pagewrapper ul.tab-menu li:after {display: flex; justify-content: center; content: ''; height: 1px; width: 50px; background: black; margin: 15px 0;}
	.club-details .pagewrapper ul.tab-menu li a {width: 100%; text-align: center;} */
}

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

}

@media only screen and (max-width: 560px) {
	h2 {font-size: 32px; line-height: 42px;}
	h3 {font-size: 27px; line-height: 37px;}
	h4 {font-size: 23px; line-height: 33px;}
	h5 {font-size: 20px; line-height: 30px;}
	h6 {font-size: 18px; line-height: 30px;}
	p, ul li, ol li  {font-size: 14px; line-height: 28px;}	
	.btn-green, .btn-green-border, .btn-white-border {font-size: 14px;}
	.home-banner aside {height: 700px;}
	.home-banner article h1 br {display: none;}
	.home-banner article h1 {width: 100%; font-size: 35px;}
	.home-banner article h6 br {display: none;}
	.home-estate .home-estate-slider .slick-list, .home-estate .history-slider .slick-list, .home-estate .gallery-slider .slick-list, .home-estate .clubs-gallery-slider .slick-list {padding: 0 20px!important;}
	.home-property ul.property-grid li:nth-child(2), .home-property ul.property-grid li:nth-child(3) {width: 100%;}
	.core-values .pagewrapper .per-values .title p {width: 100%;}
	.comm-header .pagewrapper p {width: 100%;} 

	.sustainability .pagewrapper ul.sustain-list li > aside, .sustainability .pagewrapper ul.sustain-list li > article {width: 100%;}
	.sustainability .pagewrapper ul.sustain-list li {margin-bottom: 10px;}
	.single-property article h1 {font-size: 30px; line-height: 40px;}
	.club-details .pagewrapper .header-content {width: 100%;}
	.home-estate .pagewrapper .title h3 {width: 100%;}
	.home-estate .pagewrapper .title {margin-bottom: 20px;}
	.clubs-amenities ul.amenities-list > li aside, .functions ul.amenities-list > li aside, .meeting-facilities ul.amenities-list > li aside, .accomodations ul.amenities-list > li aside {margin-bottom: 20px;}

	.dining .pagewrapper .dining-list li {width: 100%;} 
	.dining .pagewrapper .title ul.tab-menu {justify-content: flex-start;}

	.contact-form-wrapper .pagewrapper4 ul.contact-form li {width: 100%!important;}
	.contact-form-wrapper .pagewrapper4 form ul.contact-form li:nth-last-child(2) > p {line-height: 24px;}
	.contact-form-wrapper .pagewrapper4 form ul.contact-form li:nth-last-child(2) > p br {display: none;}
	.contact-form-wrapper .pagewrapper4 form ul.contact-form li:nth-last-child(2) > p label {padding: 0 0 0 10px; width: calc(100% - 25px);}

	.slick-prev {left: 35px!important;}
	.slick-next {right: 35px!important;}
	.list-community ul.comm-list > li .pagewrapper aside ul.per-comm-slider .slick-next {right: 10px!important;}
	.list-community ul.comm-list > li .pagewrapper aside ul.per-comm-slider .slick-prev {left: 10px!important;}
	.single-property article {bottom: 20px;}
	.res-slider .home-estate-slider .slick-track > li {height: 300px;}
	.res-slider .home-estate-slider .slick-track > li a {height: 100%; display: block;}
	.res-slider .home-estate-slider .slick-track > li img {height: 100%; object-fit: cover;}
	.res-slider .home-estate-slider {margin-bottom: 0!important;}
	.floor-plans .pagewrapper ul.floor-plans-slider li {padding: 0 5px;}
	.floor-plans .pagewrapper ul.floor-plans-slider .slick-next {right: 10px!important; top: 135px!important;}
	.floor-plans .pagewrapper ul.floor-plans-slider .slick-prev {left: 10px!important; top: 135px!important;}
	.mobilenav ul.mobilemenu li:last-child a  {font-size: 14px; padding: 8px 25px;}
	.home-property ul.property-grid li .types {padding: 0 20px;}
	.estate-comm-event .pagewrapper .event-list li {margin-bottom: 0;}
	.mediaroom-featured .pagewrapper ul.featured-list .slick-track > li {padding: 0 5px;}
	header .pagewrapper2 .search-area .search-field {max-width: 300px;}
}


@media only screen and (max-width: 480px) {
	.home-banner article h1 span {display: none;}
	.what-to-do .what-to-do-slider .slick-list {padding: 0 35px!important;}
	.what-to-do .what-to-do-slider .slick-prev {left: 50px!important;}
	.what-to-do .what-to-do-slider .slick-next {right: 50px!important;}
	footer .pagewrapper .main-footer article .footer-main-nav > li {width: 50%; margin-bottom: 30px;}
	footer .credits {margin-top: 0; padding: 20px;}
	.about-content .pagewrapper > aside {margin-bottom: 15px;}
	.about-content .pagewrapper > article {margin-bottom: 10px;}
	.row-reverse {margin-top: 10px;}
	.core-values .pagewrapper .per-values .core-value-list li {width: 100%;}
	.list-community ul.comm-list > li .pagewrapper article h5 {margin-bottom: 0;}
	.estate-comm-event .pagewrapper .event-list li {width: 100%;}
}
@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 1366px) and (min-width: 320px){
}
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation:portrait) {

}