/* @media(max-width:1399px) {
html {
font-size: 70%;
}
}
@media screen and (min-width: 1400px) and (min-height: 400px) {
html {
font-size: calc(0.11rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 500px) {
html {
font-size: calc(0.21rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 600px) {
html {
font-size: calc(0.31rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 720px) {
html {
font-size: calc(0.35rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 800px) {
html {
font-size: calc(0.4rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 850px) and (max-height:872px) {
html {
font-size: calc(0.45rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 1000px) {
html {
font-size: calc(0.54rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 1150px) {
html {
font-size: calc(0.58rem + 1vh);
}
}
@media screen and (min-width: 1400px) and (min-height: 1200px) {
html {
font-size: calc(0.56rem + 1vh);
}
} */
/* @media only screen and (min-height: 599px) and (max-height:650px) {
}
@media only screen and (min-height: 651px) and (max-height:700px) {}
@media only screen and (min-height: 701px) and (max-height:750px) {}
@media only screen and (min-height: 751px) and (max-height:800px) {}
@media only screen and (min-height: 801px) and (max-height:850px) {}
@media only screen and (min-height: 851px) and (max-height:900px) {}
@media only screen and (min-height: 901px) and (max-height:950px) {}
@media only screen and (min-height: 951px) and (max-height:999px) {}
@media only screen and (min-height: 1000px) and (max-height:1050px) {}
@media only screen and (min-height: 1051px) and (max-height:1100px) {}
*/
@media screen and (min-width: 1280px) and (min-height: 599px) and (max-height:650px) {
.video-page a.video-bg img {
height: 28.2vh;
margin: 0 0 16px;
}
.wrap {
padding: 6px 13px;
}
.wrap h2 {
font-size: 1.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.2vh;
}
.work-list.wrap p {
font-size: 11px;
margin: 0 0 5px;
}
.contact-sec .col-sec .glb-btn {
width: 48%;
font-size: 12px;
}
.contact-sec img {
width: 117px;
}
header .logo-sec img {
width: 60%;
}
header {
padding: 1.5rem 0 0;
}
div#myModal .modal-dialog {
transform: scale(0.7);
}
}
@media screen and (min-width: 1280px) and (min-height: 651px) and (max-height:700px) {
.video-page a.video-bg img {
height: 33.2vh;
margin: 0 0 16px;
}
.wrap {
padding: 6px 13px;
}
.work-list.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.6vh;
}
.work-list.wrap p {
font-size: 11px;
margin: 0 0 5px;
}
.contact-sec .col-sec .glb-btn {
width: 48%;
font-size: 12px;
}
.contact-sec img {
width: 117px;
}
header .logo-sec img {
width: 45vh;
}
header {
padding: 1.5rem 0 0;
}
div#myModal .modal-dialog {
transform: scale(0.7);
}
}
@media screen and (min-width: 1280px) and (min-height: 701px) and (max-height:750px) {
.video-page a.video-bg img {
height: 36.2vh;
margin: 0 0 16px;
}
.wrap {
padding: 6px 13px;
}
.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
.contact-sec .col-sec .glb-btn {
width: 48%;
font-size: 12px;
}
header .logo-sec img {
width: 45vh;
}
header {
padding: 1.5rem 0 0;
}
div#myModal .modal-dialog {
transform: scale(0.8);
}
}
@media screen and (min-width: 1280px) and (min-height: 751px) and (max-height:800px) {
.video-page a.video-bg img {
height: 36.2vh;
margin: 0 0 16px;
}
.wrap {
padding: 6px 13px;
}
.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
header {
padding: 1.5rem 0 0;
}
.work-list li p {
font-size: 1.2vh;
}
div#myModal .modal-dialog {
transform: scale(0.8);
}
}
@media screen and (min-width: 1280px) and (min-height: 801px) and (max-height:850px) {
.video-page a.video-bg img {
height: 36.2vh;
margin: 0 0 16px;
}
.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
header {
padding: 1.5rem 0 0;
}
.work-list li p {
font-size: 1.2vh;
}
}
@media screen and (min-width: 1280px) and (min-height: 851px) and (max-height:900px) {
.video-page a.video-bg img {
height: 36.2vh;
margin: 0 0 16px;
}
.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
header {
padding: 1.5rem 0 0;
}
.work-list li p {
font-size: 1.2vh;
}
}
@media screen and (min-width: 1280px) and (min-height: 901px) and (max-height:950px) {
.wrap h2 {
font-size: 2.3vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
header {
padding: 1.5rem 0 0;
}
.work-list li p {
font-size: 1.4vh;
}
}
@media screen and (min-width: 1280px) and (min-height: 951px) and (max-height:999px) {
.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
header {
padding: 1.5rem 0 0;
}
.work-list li p {
font-size: 1.5vh;
}
}
@media screen and (min-width: 1280px) and (min-height: 1000px) and (max-height:1050px) {
.video-page a.video-bg img {
height: 36.2vh;
margin: 0 0 16px;
}
.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
header {
padding: 1.5rem 0 0;
}
.work-list li p {
font-size: 1.5vh;
}
}
@media screen and (min-width: 1280px) and (min-height: 1051px) and (max-height:1100px) {
.video-page a.video-bg img {
height: 39.2vh;
margin: 0 0 16px;
}
.wrap h2 {
font-size: 2.6vh;
}
.work-list li h6 b,
.work-list li h6 {
font-size: 1.9vh;
}
header {
padding: 1.5rem 0 0;
}
.work-list li p {
font-size: 1.2vh;
}
}
@media screen and (max-width: 1380px) {
header .logo-sec img {
left: -31px;
}
}
@media (max-width:767px) {
header .logo-sec {
max-width: 261px;
}
.contact-sec {
margin-top: 0;
}
header {
padding: 1.5rem 0 0;
}
header h6 {
white-space: unset;
}
.wrap {
margin: 0 0 10px;
padding: 10px 15px;
}
img.check-img {
margin: 0 0 10px;
}
div#myModal .modal-dialog {
transform: scale(0.8);
}
div#myModal .modal-content {
padding: 15px;
}
.contact-sec .col-sec .glb-btn {
width: auto;
font-size: 16px;
}
header .logo-sec img {
left: -15%;
width: auto;
}
}
@media (min-width:768px) and (max-width:1023px) {
.contact-sec .col-sec .glb-btn {
width: 100%;
font-size: 17px;
}
}