/*---------- Global Area ----------*/

:root {
    --dark-color: #222 !important;
    --grey-color: #999999 !important;
    --dark-grey-color: #444 !important;
    --white-color: #ffffff !important;
    --primary-color: #DB942A !important;
    --secondary-color: #53653C !important;
    --third-color: #F6F5F2 !important;
    --border-color: #dee2e6 !important;

    --primary-font: 'Poppins' !important;
    --secondary-font: 'Open Sans' !important;
    /* --design-font: 'Alumni Sans Pinstripe' !important; */
    --design-font: 'CeraRound' !important;
}

@media (max-width: 1600px)
{
     .page-button a {padding: 12px 30px 12px 30px;border-radius: 4px;letter-spacing: 1px;}
}

@media (max-width: 1200px)
{
     .page-button a {font-size: 13px;}
}

@media (max-width: 1024px)
{
    .no-resp {display: none !important;}
    .only-resp {display: flex;}
    .order-custom-3 {order: 3;}
    .order-custom-4 {order: 4;}
    .order-custom-5 {order: 5;}
    .order-custom-6 {order: 6;}
}

@media (max-width: 500px)
{
    .no-mobile {display: none !important;}
    .only-mobile {display: block;}
    .order-custom-3 {order: 4;}
    .order-custom-4 {order: 3;}
    .row {--bs-gutter-x: -0.5rem;}
    .page-button a {padding: 10px 20px !important;letter-spacing: 0px !important;font-size: 10px !important}
}

/*---------- Menu Area ----------*/
@media (max-width: 1600px)
{
    .menu-area {height: 120px;}
}

@media (max-width: 1440px)
{
    .menu-area .menu-items .menu-item:nth-child(1):after,
    .menu-area .menu-items .menu-item:nth-child(2):after {top: 50%;transform: translateY(-20%);width: 5px;height: 5px;}
    .menu-area .menu-items .menu-item a {padding: 0 20px;font-size: 12px;}
    .menu-area .right .bars .bar {height: 1.5px;}
    .menu-area .menu-items .menu-item .sub-menu .sub-menu-item {font-size: 12px;}
    .secret-menu {width: 350px;padding: 155px 40px;}
    .secret-menu .form .form-title {font-size: 24px;}
}

@media (max-width: 1200px)
{
    .menu-area {padding: 0 2%;}
}

@media (max-width: 1024px)
{
    .menu-area .right {justify-content: flex-end;}
    .secret-menu {right: -100%;width: 100vw;box-shadow: none;padding: 150px 200px;}
    .secret-menu .menu-items {display: flex;flex-direction: column;align-items: center;}
    .secret-menu .menu-items .menu-item {font-size: 24px;margin: 10px 0;text-align: center;}
    .secret-menu .menu-items .menu-item.active {color: var(--secondary-color);}
    .secret-menu .menu-items .menu-item .card {padding: 10px 100px;margin: 5px 0 0;border-color: var(--secondary-color);}
    .secret-menu .menu-items .menu-item .card .sub-menu-item {font-size: 20px;margin: 10px;}
    .secret-menu .menu-items .menu-item.active .sub-menu-item {color: var(--dark-color);}
    .secret-menu .s-media .item {padding: 0 20px;font-size: 30px;}
    .secret-menu .lng .item {margin: 0 10px;}
    .secret-menu .lng .item a {padding: 15px;}
}

@media (max-width: 820px)
{
    .page-button a {padding: 10px 20px;border-radius: 4px;letter-spacing: 1px;font-size: 12px;}
}

@media (max-width: 820px)
{
    .secret-menu {padding: 150px 100px 50px;}
    .secret-menu .menu-items .menu-item {font-size: 18px;margin: 8px 0;}
    .secret-menu .menu-items .menu-item .card {padding: 8px 100px;}
    .secret-menu .menu-items .menu-item .card .sub-menu-item {font-size: 16px;margin: 8px;}
    .secret-menu .s-media .item {padding: 0 15px;font-size: 24px;}
    .secret-menu .form .form-title {font-size: 20px;margin-bottom: 15px;}
    .secret-menu .lng .item {margin: 0 8px;}
    .secret-menu .lng .item a {padding: 10px;}
}

@media (max-width: 500px)
{
    .menu-area {height: 100px;}
    .menu-area .mid .logo img {width: 75px;}
    .secret-menu {padding: 100px 30px 20px;}
    .secret-menu .menu-items .menu-item {font-size: 14px;margin: 4px 0;}
    .secret-menu .menu-items .menu-item .card {padding: 4px 50px;}
    .secret-menu .menu-items .menu-item .card .sub-menu-item {font-size: 12px;margin: 4px;}
    .secret-menu .s-media .item {padding: 0 15px;font-size: 16px;}
    .secret-menu .form .form-title {font-size: 16px;margin-bottom: 15px;}
    .secret-menu .form .form-item {height: 62px;}
    .secret-menu .form input,
    .secret-menu .form button {padding: 12px 18px;font-size: 12px;}
    .secret-menu .form .form-item .error-text {bottom: 6px;font-size: 8px;}
    .secret-menu .lng .item {margin: 0 4px;}
    .secret-menu .lng .item a {padding: 10px; font-size: 12px}
}

/*---------- Slider Area ----------*/
@media (max-width: 1600px)
{
    .slider-area {margin-top: 120px;}
    .slider-area .slide {padding: 120px;}
    .slider-area .slide-text .pre-title {font-size: 16px;}
    .slider-area .slide-text .title {font-size: 80px;line-height: 80px;}
    .slider-area .slide-text .text {font-size: 18px;}
    .slider-area .slider .slick-dots li button:before {font-size: 8px;}
    .slider-area .slider .slick-dots .slick-active button:before {font-size: 13px;}
}

@media (max-width: 1440px)
{
    .slider-area .slide {padding: 100px;}
    .slider-area .slide-text .pre-title {font-size: 14px;}
    .slider-area .slide-text .title {font-size: 70px;line-height: 70px;}
    .slider-area .slide-text .text {font-size: 16px;}
}

@media (max-width: 1200px)
{
    .slider-area {padding: 0 2%;}
    .slider-area .slide {padding: 80px;}
    .slider-area .slide-text .pre-title {font-size: 12px;}
    .slider-area .slide-text .title {font-size: 65px;line-height: 65px;margin: 10px 0;}
    .slider-area .slide-text .text {font-size: 15px;}
    .slider-area .page-button {margin-top: 25px;}
}

@media (max-width: 820px)
{
    .slider-area .slide {padding: 40px;}
    .slider-area .slide-text .pre-title {font-size: 10px;}
    .slider-area .slide-text .title {font-size: 40px;line-height: 37px;margin-left: -4px !important}
    .slider-area .slide-text .text {font-size: 12px;}
    .slider-area .page-button {margin-top: 25px;}
    .slider-area .slider .slick-dots li button:before {font-size: 7px;}
    .slider-area .slider .slick-dots .slick-active button:before {font-size: 11px;}
}

@media (max-width: 500px)
{
    .slider-area {margin-top: 100px;}
    .slider-area .slide {aspect-ratio: 9/13;padding: 10px;position: relative}
    .slider-area .slide-text {z-index: 3;}
    .slider-area .slide-text.position1,
    .slider-area .slide-text.position2,
    .slider-area .slide-text.position3 {width: 100%;text-align: center;margin: auto;}
    .slider-area .page-button {width: fit-content;margin: 30px auto}
}

/*---------- Welcome Note ----------*/
@media (max-width: 1600px)
{
    .welcome-note {padding: 75px 4% 26px;}
    .welcome-note .text {font-size: 48px;padding: 20px 200px;line-height: 50px;}
}

@media (max-width: 1440px)
{
    .welcome-note .title {font-size: 14px;}
    .welcome-note .text {font-size: 40px;}
}

@media (max-width: 1200px)
{
    .welcome-note {padding: 30px 2% 0px;}
    .welcome-note .title {font-size: 12px;}
    .welcome-note .text {font-size: 36px;line-height: 40px;}
}

@media (max-width: 820px)
{
    .welcome-note {padding: 30px 2% 0px;}
    .welcome-note .title {font-size: 10px;}
    .welcome-note .text {font-size: 25px;line-height: 25px;}
    .welcome-note .signature {font-size: 10px;}
    .welcome-note .signature img {width: 100px;margin: 20px 0;}
}

@media (max-width: 500px)
{
    .welcome-note {padding: 20px 1% 0px;}
    .welcome-note .title {font-size: 8px;}
    .welcome-note .text {font-size: 20px;line-height: 25px;padding: 5px 20px}
    .welcome-note .signature {font-size: 10px;}
    .welcome-note .signature img {width: 65px;margin: 20px 0 0;}
}

/*---------- Grid Area ----------*/
@media (max-width: 1600px)
{
    .grid-area .grid-item {padding: 0 50px;}
    .grid-area .row > div:nth-child(5) .grid-item {padding: 0 70px;}
}

@media (max-width: 1440px)
{
    .grid-area .grid-item .pre-title {font-size: 14px;}
    .grid-area .grid-item .title {font-size: 24px;line-height: 30px;}
    .grid-area .grid-item .text {font-size: 16px;margin-bottom: 30px;}
    .grid-area .row > div:nth-child(3) .grid-item .title {font-size: 24px;}
    .grid-area .grid-item .form textarea {height: 170px}
}

@media (max-width: 1200px)
{
    .grid-area {padding: 30px 2%;};
    .grid-area .grid-item {padding: 0 20px;}
    .grid-area .grid-item .pre-title {font-size: 12px;}
    .grid-area .grid-item .title {font-size: 20px;line-height: 28px;}
    .grid-area .grid-item .text {font-size: 15px;margin-bottom: 30px;}
    .grid-area .grid-item .form input {padding: 12px 16px;font-size: 15px;}
    .grid-area .grid-item .form input::placeholder,
    .grid-area .grid-item .form textarea::placeholder{font-size: 15px;}
    .grid-area .grid-item .form textarea {padding: 12px 16px;height: 140px;font-size: 15px;}
    .grid-area .row > div:nth-child(3) .grid-item .title {font-size: 20px;}
    .grid-area .grid-item .form-btn {padding: 12px 18px;}
}

@media (max-width: 500px)
{
    .grid-area {padding: 30px 1%;};
    .grid-area .grid-item {padding: 0 20px;}
    .grid-area .grid-item .pre-title {font-size: 10px;}
    .grid-area .grid-item .title {font-size: 18px;line-height: 18px;}
    .grid-area .grid-item .text {font-size: 13px;margin-bottom: 30px;-webkit-line-clamp: 4;}
    .grid-area .grid-item .form input {padding: 10px 12px;font-size: 12px;}
    .grid-area .grid-item .form input::placeholder,
    .grid-area .grid-item .form textarea::placeholder{font-size: 12px;}
    .grid-area .grid-item .form textarea {padding: 10px 12px;height: 140px;font-size: 12px;}
    .grid-area .row > div:nth-child(3) .grid-item .title {font-size: 18px;}
    .grid-area .grid-item .form-btn {padding: 10px 15px;font-size: 13px;}
}

/*---------- Services Area ----------*/
@media (max-width: 1600px)
{
    .services-area .area-title {font-size: 45px;}
    .services-area .grid-item .item:first-child {font-size: 24px;padding: 12px 5px 10px 0;}
    .services-area .content .row {justify-content: center !important;}
    .services-area .content .row > div {width: 33%;}
    .services-area .row > div:nth-child(3) .grid-item {border-right: none;}
}

@media (max-width: 1440px)
{
    .services-area .grid-item .item:first-child {padding: 7px 5px 10px 0;}
    .services-area .grid-item .item .title {font-size: 20px;line-height: 30px;}
    .services-area .grid-item .item .text {margin: 15px 0;}
    .services-area .grid-item .item .href {font-size: 15px;}
}

@media (max-width: 1200px)
{
    .services-area {padding: 30px 2%;}
}

@media (max-width: 820px)
{
    .services-area .area-title {font-size: 35px;}
    .services-area .grid-item .item:first-child {font-size: 18px;padding: 7px 0px 10px 0;}
    .services-area .grid-item .item .title {font-size: 18px;line-height: 18px;}
    .services-area .grid-item .item .text {margin: 10px 0;font-size: 12px}
    .services-area .grid-item .item .href {font-size: 10px;}
}

@media (max-width: 500px)
{
    .services-area {padding: 0px 1%;}
    .services-area .area-title {font-size: 24px;margin: 0 0 10px;}
    .services-area .grid-item .item .title {font-size: 16px;line-height: 18px;}
    .services-area .grid-item .item {padding: 10px;}
    .services-area .content .row > div {width: 100%;}
    .services-area .content .row > div .item:first-child {display:none}
    .services-area .grid-item {border-right: none;margin-bottom: 0;}
}

/*---------- About Us Area ----------*/
@media (max-width: 1600px)
{
    .about-area .content .title {font-size: 45px;line-height: 50px;margin: 20px 0 10px;}
    .about-area .content .text {font-size: 18px;padding: 0 300px;}
}

@media (max-width: 1440px)
{
    .about-area .content .pre-title {font-size: 14px;}
}

@media (max-width: 1200px)
{
    .about-area {padding: 30px 2%;}
    .about-area .content {padding: 50px;}
    .about-area .content .pre-title {font-size: 12px;}
    .about-area .content .title {font-size: 38px;line-height: 40px;margin: 20px 0 10px;}
    .about-area .content .text {font-size: 14px;padding: 0 250px;}
}

@media (max-width: 820px)
{
    .about-area .content {padding: 30px;}
    .about-area .content .pre-title {font-size: 10px;}
    .about-area .content .title {font-size: 30px;line-height: 40px;margin: 10px 0;}
    .about-area .content .text {font-size: 12px;padding: 0 150px;margin: 10px 0 40px 0}
}

@media (max-width: 500px)
{
    .about-area {padding: 30px 0%;}
    .about-area .content {padding: 20px;}
    .about-area .content .pre-title {font-size: 10px;}
    .about-area .content .title {font-size: 24px;line-height: 30px;margin: 10px 0;text-align:center}
    .about-area .content .text {font-size: 12px;padding: 0px;margin: 10px 0 40px 0}
}

/*---------- Team Area ----------*/
@media (max-width: 1600px)
{
    .team-area .area {padding: 50px 100px;}
    .team-area .area .content:first-child .title {font-size: 45px;margin: 15px 0;}
    .team-area .area .content:first-child .text {font-size: 18px;padding: 0 250px;}
    .team-area .area .content .slide .item .name {font-size: 24px;}
    .team-area .area .content .slide .item .spec {font-size: 16px;}
    .team-area .area .content .slider .slick-dots {bottom: -50px;}
    .team-area .area .content .slider .slick-dots li button:before {font-size: 8px;}
    .team-area .area .content .slider .slick-dots .slick-active button:before {font-size: 13px}
}

@media (max-width: 1440px)
{
    .team-area .area .content:first-child .pre-title {font-size: 14px;}
    .team-area .area .content:first-child .title {font-size: 45px;margin: 10px 0 0;}
    .team-area .area .content .slide .item .back {padding: 30px;}
    .team-area .area .content .slider .slick-dots .slick-active button:before {font-size: 11px}
}

@media (max-width: 1200px)
{
    .team-area {padding: 30px 2%;}
    .team-area .area .content:first-child {padding: 30px 0 0;}
    .team-area .area .content:first-child .pre-title {font-size: 12px;}
    .team-area .area .content:first-child .title {font-size: 38px;line-height: 40px;margin: 15px 0 0;}
    .team-area .area .content:first-child .text {font-size: 14px;padding: 0 200px;}
    .team-area .area .content .slide {padding: 10px;}
    .team-area .area .content .slide .item .back .desc {font-size: 12px;-webkit-line-clamp: 8;}
    .team-area .area .content .slide .item .back .href {font-size: 13px;}
    .team-area .area .content .slide .item .name {font-size: 18px;}
    .team-area .area .content .slide .item .spec {font-size: 12px;}
}

@media (max-width: 820px)
{
    .team-area .area {padding: 30px;}
    .team-area .area .content:first-child {padding: 0;}
    .team-area .area .content:first-child .pre-title {font-size: 10px;}
    .team-area .area .content:first-child .title {font-size: 30px;line-height: 30px;margin: 10px 0 0;}
    .team-area .area .content:first-child .text {font-size: 12px;padding: 0 100px;}
    .team-area .area .content .slide {padding: 5px;}
    .team-area .area .content .slide .item .back {padding: 10px;}
    .team-area .area .content .slide .item .back .desc {font-size: 11px;-webkit-line-clamp: 8;}
    .team-area .area .content .slide .item .back .href {font-size: 10px;}
    .team-area .area .content .slide .item .name {font-size: 14px;}
    .team-area .area .content .slide .item .spec {font-size: 10px;}
    .team-area .area .content .slider .slick-dots li button:before {font-size: 7px;}
    .team-area .area .content .slider .slick-dots .slick-active button:before {font-size: 11px}
}

@media (max-width: 500px)
{
    .team-area {padding: 30px 1%;}
    .team-area .area .content:first-child .title {font-size: 24px;margin: 5px 0 0;}
    .team-area .area .content:first-child .text {font-size: 12px;padding: 0;}
    .team-area .area .content .slide {padding: 0px;}
    .team-area .area .content .slide .item .back {padding: 20px;}
    .team-area .area .content .slide .item .back .desc {font-size: 12px;-webkit-line-clamp: 12;}
    .team-area .area .content .slide .item .name {font-size: 18px;}
    .team-area .area .content .slide .item .spec {font-size: 12px;}
}

/*---------- Map Area ----------*/
@media (max-width: 1600px)
{
    .map-area iframe {height: 450px;}
}

@media (max-width: 1440px)
{
    .map-area iframe {height: 400px;}
}

@media (max-width: 1200px)
{
    .map-area {margin-top: 30px;}
    .map-area iframe {height: 350px;}
}

@media (max-width: 820px)
{
    .map-area {margin-top: 20px;}
    .map-area iframe {height: 300px;}
}

/*---------- Footer ----------*/
@media (max-width: 1600px)
{
    .footer .content .item .contact span {font-size: 18px;}
}

@media (max-width: 1440px)
{
    .footer .content .item .logo {width: 250px;}
    .footer .content .item .logo img {width: 250px;}
    .footer .content .item .sm a {font-size: 18px;}
    .footer .content .item .title {font-size: 24px;}
    .footer .content .item .list .spc {font-size: 18px;}
    .footer .content .item .contact i {font-size: 20px;}
    .footer .content .item .contact span {font-size: 16px;}
    .footer .content .copyright {font-size: 15px;}
    .footer .content .copyright i {margin: 0 10px;}
}

@media (max-width: 1200px)
{
    .footer .content {padding: 50px 2%;}
    .footer .content .item .sm a {font-size: 16px;}
    .footer .content .item .title {font-size: 20px;}
    .footer .content .item .list .spc {font-size: 16px;}
    .footer .content .item .contact i {font-size: 18px;}
    .footer .content .item .contact span {font-size: 14px;}
}

@media (max-width: 820px)
{
    .footer .content .item .logo {width: 200px;height: 120px;}
    .footer .content .item .logo img {width: 200px;}
    .footer .content .item .sm a {font-size: 18px;margin: 0 10px;}
    .footer .content:last-child {padding: 30px 2%;}
}

@media (max-width: 500px)
{
    .footer .content {flex-direction: column;}
    .footer .content .item {margin: 0 0 30px;}
    .footer .content .item .contact {align-items: center;}
    .footer .content .item .contact .c {flex-direction: column;align-items: center;margin: 0 0 10px;text-align: center;}
    .footer .content .item .contact .c i {margin: 0 0 10px;}
    .footer .content:first-child {padding-bottom: 20px;}
    .footer .content .copyright {align-items: center;justify-content: center;}
}

/*---------- PAGES GENERAL ----------*/
@media (max-width: 1600px)
{
    .page .page-header .header-title {font-size: 45px;}
    .page .page-header .content-title {font-size: 24px;}
}

@media (max-width: 1440px)
{
    .page .page-header {margin: 130px 0 100px;}
    .page .page-header .header-title {font-size: 40px;}
    .page .page-header .content-title {font-size: 22px;}
    .page .page-content {padding: 0 5%;}
}

@media (max-width: 1200px)
{
    .page {padding: 0 4% 75px;}
    .page .page-header {margin: 130px 0 75px;}
    .page .page-header .header-title {font-size: 30px;}
    .page .page-header .content-title {font-size: 16px;}
    .page .page-content {padding: 0 3%;}
}

@media (max-width: 1024px)
{
    .page .page-header {margin: 130px 0 50px;aspect-ratio: 6/2}
    .page {padding: 0 2% 30px;}
    .page .page-content {padding: 0;}
    .page .page-header .content-title {font-size: 15px;margin: 0 50px;text-align: center;}
}

@media (max-width: 500px)
{
    .page .page-header {margin: 110px 0 50px;aspect-ratio: 1/1}
}

/*---------- PAGES - About Us Page ----------*/
@media (max-width: 1600px)
{
    .about .content:last-child .text {font-size: 16px;}
}

@media (max-width: 1440px)
{
    .about .content:last-child .text {font-size: 14px;}
}

@media (max-width: 500px)
{
    .about .content:first-child {width: 0%;}
    .about .content:last-child {width: 100%}
}

/*---------- PAGES - Specialities Page ----------*/
@media (max-width: 1440px)
{
    .specialities .content .title {font-size: 14px;}
}

@media (max-width: 1024px)
{
    .specialities .content img {left: 20px;}
    .specialities .content .title {padding-left: 120px;text-align: center;}
    .specialities .content:hover .title {background: var(--secondary-color);font-weight: normal;padding-left: 0px;}
}

@media (max-width: 820px)
{
    .specialities .content .title {padding-left: 170px;text-align: center;}
}

/*---------- PAGES - Intern Page ----------*/
@media (max-width: 1600px)
{
    .intern .content .text {font-size: 16px;}
    .intern .content form .form-btn {padding: 12px 30px 12px 30px;border-radius: 4px;letter-spacing: 1px;}
}

@media (max-width: 1440px)
{
    .intern .content .text {font-size: 14px;}
    .intern .content form {padding: 75px;margin: 75px 0 0;}
    .intern .content form .title {letter-spacing: 1px;font-size: 40px;}
    .intern .content form .form-title {letter-spacing: 1px;font-size: 16px;margin: 0 0 15px;}
    .intern .content form label {font-size: 12px;}
}

@media (max-width: 1200px)
{
    .intern .content form {padding: 50px;margin: 50px 0 0;}
    .intern .content form .title {letter-spacing: 1px;font-size: 34px;}
    .intern .content .pre-title {letter-spacing: 1px;font-size: 12px;}
    .intern .content form .form-btn {font-size: 13px;}
}

@media (max-width: 1024px)
{
    .intern .content form {padding: 30px;margin: 50px 0 30px;}
    .intern .content form .title {font-size: 30px;}
    .intern .content form .form-btn {font-size: 13px;}
}

@media (max-width: 500px)
{
    .intern .content form {padding: 30px 10px;margin: 50px 0 30px;}
    .intern .content form .title {font-size: 24px;}
    .intern .content .pre-title {letter-spacing: 1px;font-size: 8px;}
    .intern .content form label {font-size: 8px;}
    .intern .content form input,
    .intern .content form textarea,
    .intern .content form select {padding: 12px;margin: 0 0 20px 0;}
    .intern .content form .form-btn {font-size: 13px;}
}

/*---------- PAGES - Team Page ----------*/
@media (max-width: 1600px)
{
    .team .content .item .name {font-size: 24px;margin: 10px 0 0;}
    .team .content .item .spec {font-size: 16px;}
    .team .content .item .data {margin: 20px 0;}
    .team .content .text {font-size: 16px;}
    .team .content .text ul li::before {top: 7px;}
}

@media (max-width: 1440px)
{
    .team .content .item .back {padding: 30px;}
    .team .content .item .data {margin: 20px 0;font-size: 14px;}
    .team .content .title {font-size: 20px;}
    .team .content .text {font-size: 14px;}
    .team .content .text ul li::before {width: 8px;height: 8px;top: 6px;}
}

@media (max-width: 1200px)
{
    .team .content .item .back .desc {font-size: 12px;-webkit-line-clamp: 8;}
    .team .content .item .back .href {font-size: 13px;}
    .team .content .item .name {font-size: 18px;margin: 5px 0 0;}
    .team .content .item .spec {font-size: 12px;}
    .team .content .item .data {margin: 15px 0;font-size: 12px;}
    .team .content .item .sm .sm-item {width: 25px;height: 25px;font-size: 12px;line-height: 25px;}
    .team .content .title {font-size: 20px;}
    .team .content .text {font-size: 14px;}
}

/*---------- PAGES - Blog Page ----------*/
@media (max-width: 1600px)
{
    .blog .content {margin-bottom: 75px;}
    .blog .side-bar {padding: 0 0 0 20px;top: 140px}
    .blog .side-bar .side-bar-title {font-size: 24px;line-height: 30px;margin: 30px 0 0;}
    .blog-details .latest-posts .post .title {font-size: 16px;}
}

@media (max-width: 1440px)
{
    .blog .side-bar {padding: 0;}
    .blog .content .blog-title {padding: 5px 0 10px;font-size: 24px;}
    .blog .content .blog-text {font-size: 14px;padding: 5px 0 20px;}
    .blog .side-bar .form {margin: 0 0 20px 0;}
    .blog .side-bar .side-bar-title {font-size: 20px;line-height: 24px;}
    .blog .side-bar .side-bar-content {margin: 15px 0 0 5px;}
    .blog .side-bar .side-bar-content .data {letter-spacing: 1px;font-size: 13px;margin: 0 0 12px 0;}
    .blog .side-bar .form .form-item .error-text {font-size: 10px;}
}

@media (max-width: 1200px)
{
    .blog .content .blog-title {padding: 5px 0 10px;font-size: 20px;}
    .blog .content .blog-data {padding: 10px 0;font-size: 10px;letter-spacing: 1px;}
    .blog .content .link a {font-size: 10px;letter-spacing: 1px;}
    .blog .side-bar .side-bar-content .data {font-size: 12px;}
    .blog-details .latest-posts .post .title {font-size: 14px;}
}

@media (max-width: 500px)
{
    .blog .side-bar {padding: 50px 0 30px;position: relative;top: 0;text-align: center;}
    .blog-details .latest-posts .post .title {text-align: left;}
}

/*---------- PAGES - Announcements Page ----------*/
@media (max-width: 1600px)
{
    .announcements .content .data .title {font-size: 24px;}
    .announcements .content .data .text {font-size: 16px;-webkit-line-clamp: 5;}
    .announcements.announcements-details .content.side-bar {top: 150px;}
    .announcements.announcements-details .content .data .text {font-size: 16px;}
}

@media (max-width: 1440px)
{
    .announcements .content .data .title {font-size: 20px;}
    .announcements .content .data .text {font-size: 14px;-webkit-line-clamp: 5;}
    .announcements .content .data .link a {font-size: 12px;letter-spacing: 1px;}
    .announcements.announcements-details .content.side-bar {top: 140px;}
    .announcements.announcements-details .content .data .text {font-size: 14px;}
}

@media (max-width: 1200px)
{
    .announcements .content .data .text {padding: 0 10px 0 0;;-webkit-line-clamp: 4;}
    .announcements .content .data .link a {font-size: 10px;}
}

/*---------- PAGES - Contact Page ----------*/
@media (max-width: 1600px)
{
    .contact-page .contact-info {padding: 50px 40px;}
    .contact-page .contact-info .data {font-size: 16px;padding: 0 15px;}
    .contact-page .form {padding: 100px;}
    .contact-page .form .content .title {font-size: 40px;}
    .contact-page .form .content .form-btn {padding: 12px 30px 12px 30px;border-radius: 4px;letter-spacing: 1px;}
}

@media (max-width: 1440px)
{
    .contact-page .contact-info .data {font-size: 14px;}
    .contact-page .contact-info .data i {font-size: 45px;}
    .contact-page .form .content .pre-title {letter-spacing: 1px;font-size: 12px;}
    .contact-page .form .content .title {font-size: 30px;}
}

@media (max-width: 1200px)
{
    .contact-page .form {padding: 75px;margin: 75px 0 0;}
    .contact-page .form .content .pre-title {font-size: 10px;}
    .contact-page .form .content .form-btn {font-size: 13px;}
}

@media (max-width: 1024px)
{
    .contact-page .form {padding: 30px;margin: 50px 0 30px;}
    .contact-page .form .content .title {font-size: 30px;}
    .contact-page .form .content .form-btn {font-size: 13px;}
}

@media (max-width: 500px)
{
    .contact-page .contact-info .info {border-right: none;border-bottom: 1px solid var(--primary-color);}
    .contact-page .contact-info  .data {padding: 30px 0}
    .contact-page .form {padding: 30px 10px;margin: 50px 0 30px;}
    .contact-page .form .content .title {font-size: 24px;}
    .contact-page .form .content .pre-title {letter-spacing: 1px;font-size: 8px;}
    .contact-page .form .content label {font-size: 8px;}
    .contact-page .form .content input,
    .contact-page .form .content textarea,
    .contact-page .form .content select {padding: 12px;margin: 0 0 20px 0;}
    .contact-page .form .content .form-btn {font-size: 13px;}
}

/*---------- Other ----------*/
@media (max-width: 820px)
{
    #appointmentModal .modal-body {padding: 40px 20px;border-radius: 8px;}
    #appointmentModal .modal-body .title {font-size: 24px;margin: 0 0 30px 0;}
}

@media (max-width: 500px)
{
    #appointmentModal .modal-body .title {font-size: 18px;margin: 0 0 30px 0;}
    #appointmentModal .modal-body .form-item {padding-bottom: 10px;}
    #appointmentModal .modal-body .form-item label {font-size: 12px;}
    #appointmentModal .modal-body .form-item .error-text {font-size: 10px;}
    #appointmentModal .modal-body .form-item button {font-size: 12px;border-radius: 4px;}
}