@media screen and (max-width: 1320px) { .container { padding: 0 1em; } .container .container { padding: 0; } } @media screen and (max-width: 1024px) { body {font-size: 16px;} .col-sm1 {width: 8.33333333%;} .col-sm2 {width: 16.66666666%;} .col-sm3 {width: 25%;} .col-sm4 {width: 33.33333333%;} .col-sm5 {width: 41.66666666%;} .col-sm6 {width: 50%;} .col-sm7 {width: 58.33333333%;} .col-sm8 {width: 66.66666666%;} .col-sm9 {width: 75%;} .col-sm10 {width: 83.33333333%;} .col-sm11 {width: 91.66666666%;} .col-sm12 {width: 100%;} .visible-md, .visible-xs {display: none !important;} .visible-sm {display: block !important;} .centered-sm { text-align: center; } #menu-desktop { display: none; } #menu-mobile { display: block; float: right; margin-left: .3em; } #language-selector { font-size: 1.15em; margin-top: 1em; } .image-block .left, .image-block .right { display: block; float: left; } .image-block .text-cnt { padding: 2em 0 0 0 !important; } .image-block .left .text-cnt { padding-bottom: 2em !important; } .image-block h1, .image-block h3 { display: inline-block; } .image-block .img-cnt { background: none !important; padding: 0; } .image-block .img-cnt img { box-shadow: none; } .centered-block .item p { width: 70%; } .form-cnt { padding-right: 0; } } @media screen and (max-width: 980px) { body {font-size: 15px;} .customscroll { max-height: none; } .tabs { display: none; } .mobile-tab { display: block; } .tabs-container { padding: 0; border: none; } .tab-content { padding: 1em; } } @media screen and (max-width: 720px) { .col-xs1 {width: 8.33333333%;} .col-xs2 {width: 16.66666666%;} .col-xs3 {width: 25%;} .col-xs4 {width: 33.33333333%;} .col-xs5 {width: 41.66666666%;} .col-xs6 {width: 50%;} .col-xs7 {width: 58.33333333%;} .col-xs8 {width: 66.66666666%;} .col-xs9 {width: 75%;} .col-xs10 {width: 83.33333333%;} .col-xs11 {width: 91.66666666%;} .col-xs12 {width: 100%;} .visible-md, .visible-sm {display: none !important;} .visible-xs {display: block !important;} .head-banner { padding: 2em 3em; } .head-banner h1 { font-size: 2.5em; } .pagination li { font-size: 1.1em; padding: 0 .3em; } .image-block h1, .image-block h3 { width: auto; } .image-block h1 { font-size: 2.8em; } .image-block h3 { font-size: 1.5em; line-height: 1.5em; width: 85%; } iframe { height: 15em; } } @media screen and (max-width: 400px) { body {font-size: 14px;} } @media screen and (max-width: 320px) { body {font-size: 13px;} } @media screen and (max-width: 240px) { body {font-size: 12px;} }