@media screen and (max-width:1900px) {h1.title, p.about-text, h2.text {margin-top: 10px;}}
@media screen and (max-width:1550px) {p.works-txt {font-size: 140px;}.works-bottom {bottom: -25px;}.logo {margin-top: -90px;margin-left: -55px;width: 110px;}.works-top-bar {width: 95%;}.card {height: 370px;max-width: 300px;}}
@media screen and (max-width:1320px) {.works-bottom {bottom: -50px;}p.works-txt {font-size: 110px;}.card {height: 390px;max-width: 280px;}}
@media screen and (max-width:1050px) {p.works-txt {font-size: 80px;}.logo {margin-top: -50px;margin-left: -50px;width: 100px;}h1.title {font-size: 50px;}p.about-text {font-size: 16px;}h2.text {font-size: 22px;}}
@media screen and (max-width:770px) {p.works-txt {font-size: 60px;}.works-bottom .left, .works-bottom .right {display: none;}p.page-title {font-size: 24px;}#works-container .card h1.txt-cn, h4.txt-cn {font-size: 16px;}#works-container .card p.txt-blue {font-size: 14px;}.close-pop-up {height: 20px;width: 20px;margin-top: 15px;margin-right: 15px;}}
@media screen and (max-width:640px) {#status {width: 80%;height: 100px;line-height: 230px;margin-top: -100px;margin-left: -40%;}img.work {margin-bottom: 15px;}p.works-txt {font-size: 44px;}p.page-title {margin-top: 0px;}.card {height: 320px;}.container-cards {margin-top: 0px;}p.works {font-size: 60px;margin-top: -15px;}.works-bottom-bar {border-top-width: 1px;border-top-style: solid;border-top-color: #CCC;}.content-shadow {top: 60px;bottom: 60px;width: 100%;margin-right: 0%;margin-left: 0%;}.content-shadow .white-content .left-image, .content-shadow .white-content .left-image.contact { display: none;}.content-shadow .white-content {margin-top: 0px;margin-left: 0px;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #CCC;border-bottom-color: #CCC;background-image: url(../images/thumb.jpg);background-repeat: no-repeat;background-position: center 10%;background-size: cover;} .content-shadow .white-content.contact {background-image: none;}.content-shadow .white-content .right-content {width: 97%;padding-left: 3%;}h1.title {font-weight: 300;}p.about-text, h2.text, span.bold {color: #FFF;font-weight: 300;}.content-shadow .white-content .right-content.contact {width: 97%;padding-left: 3%;}input {height: 35px;background-color: rgba(255,255,255,0.6);}input:hover, input:active, input:focus {background-color: rgba(255,255,255,0.9);}textarea.message:hover, textarea.message:focus {background-color: rgba(255,255,255,0.9);}p.title-input {font-size: 16px;}h2.text {margin-bottom: 20px;}textarea.message {height: 80px;background-color: rgba(255,255,255,0.6);}.button-shadow {height: 40px;margin-top: 20px;}input.send-button {height: 40px;font-size: 22px;}.white-logo {height: 34px;width: 36px;}.center-logo {width: 36px;margin-top: -30px;}.center-logo .ico-bl-logo {display: none;}.center-logo .bl-arrow {height: 15px;width: 25px;}.thanks-pop-up .contact-logo {width: 25%;}.close-thx-shadow {width: 40%; height: 40px}.close-thx-shadow .close-btn {line-height: 40px;height: 40px;font-size: 16px;}}
@media screen and (max-width:500px) {.line-separator, .line-separator.right {display: none;}.card {height: auto;padding-bottom: 10px;}img.left-top-logo {width: 40px;}.arrow-top {width: 12px;margin-top: 15px;}.works-bottom-bar {padding-top: 15px;padding-bottom: 15px;}a.right-nav-btn {margin-left: 10px;margin-right: 10px;font-size: 18px;margin-top: 5px;}h1.title, h6.thanks {font-size: 30px;}p.about-text, p.contact-txt {font-size: 14px;}h2.text {font-size: 18px;font-weight: 300;}.top-box, .top-box.right {width: 60%;float: left;}input {height: 30px;font-size: 14px;}textarea.message {width: 85%;height: 80px;font-size: 14px;}.button-shadow {height: 35px;}input.send-button {height: 35px;font-size: 20px;}}
@media screen and (max-width:400px) {p.page-title {font-size: 20px;margin-top: 0px;}#works-container .card h1.txt-cn, h4.txt-cn {font-size: 14px;margin-top: 0px;}#works-container .card p.txt-blue {font-size: 12px;}p.works {font-size: 30px;}a.right-nav-btn {margin-left: 0px;margin-right: 10px;font-size: 16px;margin-top: 5px;font-weight: 300;}p.works {font-size: 40px;}}

						/******HEIGHT**********************/
@media screen and (max-height:500px) {.logo {margin-top: -30px;margin-left: -30px;width: 60px;}.works-bottom {bottom: -80px;}.nav-top-bar, .works-top-bar {margin-top: 10px;}.works-bottom-bar {display: none;}p.works {font-size: 30px;}.container-cards {margin-top: 0px;}.content-shadow .white-content .left-image.contact {display: none;}}

/*!!!!!!!!!!!!! ONLY SCROLL CARDS PORTFOLIO HEIGHT*/
@media screen and (max-height:1500px) {.content-scroll {height: 1200px !important}} @media screen and (max-height:1400px) {.content-scroll {height: 1100px !important}} @media screen and (max-height:1300px) {.content-scroll {height: 1000px !important}} @media screen and (max-height:1200px) {.content-scroll {height: 900px !important}} @media screen and (max-height:1100px) {.content-scroll {height: 800px !important}} @media screen and (max-height:1000px) {.content-scroll {height: 700px !important}} @media screen and (max-height:900px) {.content-scroll {height: 600px !important}} @media screen and (max-height:800px) {.content-scroll {height: 550px !important}} @media screen and (max-height:700px) {.content-scroll {height: 400px !important}} @media screen and (max-height:600px) {.content-scroll {height: 350px !important}} @media screen and (max-height:500px) {.content-scroll {height: 300px !important}} @media screen and (max-height:400px) {.content-scroll {height: 200px !important}}