/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 4, 2021 */
@font-face {
    font-family: 'hk_grotesklight';
    src: url('font/hkgrotesk-light.eot');
    src: url('font/hkgrotesk-light.eot?#iefix') format('embedded-opentype'),
        url('font/hkgrotesk-light.woff2') format('woff2'),
        url('font/hkgrotesk-light.woff') format('woff'),
        url('font/hkgrotesk-light.ttf') format('truetype'),
        url('font/hkgrotesk-light.svg#hk_grotesklight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskmedium';
    src: url('font/hkgrotesk-medium.eot');
    src: url('font/hkgrotesk-medium.eot?#iefix') format('embedded-opentype'),
        url('font/hkgrotesk-medium.woff2') format('woff2'),
        url('font/hkgrotesk-medium.woff') format('woff'),
        url('font/hkgrotesk-medium.ttf') format('truetype'),
        url('font/hkgrotesk-medium.svg#hk_groteskmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskmedium_legacy';
    src: url('font/hkgrotesk-mediumlegacy.eot');
    src: url('font/hkgrotesk-mediumlegacy.eot?#iefix') format('embedded-opentype'),
        url('font/hkgrotesk-mediumlegacy.woff2') format('woff2'),
        url('font/hkgrotesk-mediumlegacy.woff') format('woff'),
        url('font/hkgrotesk-mediumlegacy.ttf') format('truetype'),
        url('font/hkgrotesk-mediumlegacy.svg#hk_groteskmedium_legacy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskregular';
    src: url('font/hkgrotesk-regular.eot');
    src: url('font/hkgrotesk-regular.eot?#iefix') format('embedded-opentype'),
        url('font/hkgrotesk-regular.woff2') format('woff2'),
        url('font/hkgrotesk-regular.woff') format('woff'),
        url('font/hkgrotesk-regular.ttf') format('truetype'),
        url('font/hkgrotesk-regular.svg#hk_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskregular_legacy';
    src: url('font/hkgrotesk-regularlegacy.eot');
    src: url('font/hkgrotesk-regularlegacy.eot?#iefix') format('embedded-opentype'),
        url('font/hkgrotesk-regularlegacy.woff2') format('woff2'),
        url('font/hkgrotesk-regularlegacy.woff') format('woff'),
        url('font/hkgrotesk-regularlegacy.ttf') format('truetype'),
        url('font/hkgrotesk-regularlegacy.svg#hk_groteskregular_legacy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_grotesksemibold';
    src: url('font/hkgrotesk-semibold.eot');
    src: url('font/hkgrotesk-semibold.eot?#iefix') format('embedded-opentype'),
        url('font/hkgrotesk-semibold.woff2') format('woff2'),
        url('font/hkgrotesk-semibold.woff') format('woff'),
        url('font/hkgrotesk-semibold.ttf') format('truetype'),
        url('font/hkgrotesk-semibold.svg#hk_grotesksemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskbold';
    src: url('font/hkgrotesk-bold.eot');
    src: url('font/hkgrotesk-bold.eot?#iefix') format('embedded-opentype'),
        url('font/hkgrotesk-bold.woff2') format('woff2'),
        url('font/hkgrotesk-bold.woff') format('woff'),
        url('font/hkgrotesk-bold.ttf') format('truetype'),
        url('font/hkgrotesk-bold.svg#hk_groteskbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sf_pro_displayregular';
    src: url('font/sfprodisplay-regular.eot');
    src: url('font/sfprodisplay-regular.eot?#iefix') format('embedded-opentype'),
        url('font/sfprodisplay-regular.woff2') format('woff2'),
        url('font/sfprodisplay-regular.woff') format('woff'),
        url('font/sfprodisplay-regular.ttf') format('truetype'),
        url('font/sfprodisplay-regular.svg#sf_pro_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sf_pro_displaymedium';
    src: url('font/sfprodisplay-medium.eot');
    src: url('font/sfprodisplay-medium.eot?#iefix') format('embedded-opentype'),
        url('font/sfprodisplay-medium.woff2') format('woff2'),
        url('font/sfprodisplay-medium.woff') format('woff'),
        url('font/sfprodisplay-medium.ttf') format('truetype'),
        url('font/sfprodisplay-medium.svg#sf_pro_displaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latomedium';
    src: url('font/lato-medium.eot');
    src: url('font/lato-medium.eot?#iefix') format('embedded-opentype'),
        url('font/lato-medium.woff2') format('woff2'),
        url('font/lato-medium.woff') format('woff'),
        url('font/lato-medium.ttf') format('truetype'),
        url('font/lato-medium.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('font/roboto-light.eot');
    src: url('font/roboto-light.eot?#iefix') format('embedded-opentype'),
        url('font/roboto-light.woff2') format('woff2'),
        url('font/roboto-light.woff') format('woff'),
        url('font/roboto-light.ttf') format('truetype'),
        url('font/roboto-light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


.homeBanner,
.homeSlider,
.homeSliderItem,
.homeSliderItem img,
.temp1,
.temp1-inner,
.temp2,
.temp2-left img,
.temp2-rightLink,
.temp3,
.temp3-list,
.temp3-img .temp3-mainImg,
.temp3-txt,
.temp4,
.temp4-main,
.temp4-item,
.temp4-img,
.temp4-img img,
.temp4-txt,
.temp4-txtTop,
.temp4-txtBtm,
.temp5,
.temp5-slider,
.temp5-img .temp5-mainImg,
.temp5-txt,
.exploreHeadFull,
.temp6,
.temp6-list,
.temp6-img img,
.temp6-item p,
.temp7,
.temp7-head,
.temp7-list,
.innerBanner,
.innerBanner img,
.temp8,
.temp8-link,
.temp9,
.temp9-left img,
.temp9-right ul,
.temp9-link,
.temp10,
.temp10-slider,
.temp10-link,
.temp11,
.temp12,
.temp12-list,
.temp12-txt,
.temp13,
.temp13-top,
.temp13-btm,
.temp13-item,
.temp13-itemSub,
.temp14,
.temp14-list,
.temp14-item h5,
.temp15,
.temp15-list,
.temp15-plan,
.temp15-period,
.temp15-price,
.temp15-link,
.temp15-subItem,
.temp15-title,
.temp15-val,
.temp16,
.temp16-inner,
.temp16-link,
.temp17,
.temp17-list,
.temp17-item,
.temp17-head,
.temp17-content,
.temp18,
.formRow,
.formField,
.temp18-link,
.temp18-form,
.temp18-bill,
.temp18-tabList,
.temp18-billing,
.temp18-billingLabel,
.temp18-billingVal,
.temp18-twoCol,
.temp18-policy,
.temp18-billLinks,
.temp19,
.temp19-list,
.temp20,
.temp20-lItem,
.temp20-lItemTop,
.temp20-title,
.temp20-lItemLinks,
.temp20-left2col,
.temp20-blog,
.temp20-avtar,
.temp20-categories,
.temp20-categories li,
.temp20-categories li a,
.temp20-lPosts,
.temp20-lPosts ul,
.temp20-lPosts li,
.temp20-lPostsItem,
.temp20-lPostsTxtBtm,
.temp20-left2colList,
.temp21,
.temp22,
.temp22-social,
.temp22-txt,
.temp23,
.temp23-social,
.temp24,
.temp25,
.temp25-txt,
.temp26,
.temp26-list,
.temp26-txt,
.temp27,
.temp27-list,
.temp27-txt ul,
.temp27-lItemLinks,
.newsletterTab,
.temp28,
.temp28-list,
.temp28-item,
.temp28-txt ul,
.temp28-txt li,
.temp28-links,
.temp28-itemMain,
.temp29,
.temp30,
.temp30-list,
.temp30-img,
.temp30-img img,
.temp30-txt,
.temp31,
.temp31-form,
.writeToUsThanku,
.temp32,
.temp32-subItem,
.temp33,
.temp33-img {
    width: 100%;
    float: left;
}

.homeSlider,
.homeSliderItem,
.temp1,
.temp2,
.temp3,
.temp3-img,
.temp4,
.temp5,
.temp5-slider,
.temp5-img,
.temp6-item,
.temp7-list,
.innerBanner,
.temp9,
.temp10-slider,
.temp15-plan,
.temp15-period,
.temp17-head,
.temp18,
.temp19-list,
.temp20-categories li a,
.temp20-lPostsTxt,
.temp22,
.temp26-list,
.temp26-img,
.temp27-img,
.temp28-img,
.temp28-txt li {
    position: relative;
}

/* Home and Inner page banner css start here */

.homeSliderItem img {
    height: calc(100dvh - 120px);
    -o-object-fit: cover;
    object-fit: cover;
}

.homeSliderItem:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: calc(100dvh - 120px);
    background: linear-gradient(0deg, rgba(233, 166, 0, .8) 44%, #fff 99%);
    /* background: linear-gradient(0deg, rgba(0, 37, 63,.8) 44%, #83b9de00 99%); */
    mix-blend-mode: multiply;
}

.homeSliderItem-txt {
    max-width: 1000px;
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.homeSliderItem-txt h3 {
    margin-bottom: 25px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: -1.44px;
}

.homeSliderItem-txt p {
    padding-inline: 8%;
    margin-bottom: 45px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0px;
    color: #fff;
}

.innerBanner {
    /* margin-bottom: 60px; */
}

.innerBanner img {
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
}

.innerBanner h1 {
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.innerBanner h1.smlHead {
    font-size: 140px;
}

.innerBanner:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(32, 38, 49, .2);
    mix-blend-mode: multiply;
    border-radius: 2px;
}

/* Home and inner page banner css end here */

/* temp1 css start here */
.temp1 {
    padding: 0 5%;
}

.temp1-inner {
    padding: 70px 15%;
    background: #fff;
}

.temp1-inner h6 {
    margin-bottom: 35px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 22px;
    letter-spacing: 0.59px;
    line-height: 1.4;
    color: #202631;
}

.temp1-inner h2 {
    margin-bottom: 60px;
}

.temp1-inner h2 em {
    font-family: 'latomedium', sans-serif;
    font-style: normal;
    font-size: 25px;
    letter-spacing: 4.25px;
    vertical-align: middle;
}

.temp1-specs {
    margin-bottom: 50px;
    text-align: center;
    display: flex;
    align-content: space-between;
    justify-content: center;
}

.temp1-specsItem {
    width: calc(25% - 80px);
    margin: 0 40px;
}

.temp1-specsItemVal {
    margin-bottom: 15px;
    font-family: 'sf_pro_displayregular', sans-serif;
    font-size: 51px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #202631;
}

.temp1-specsItemLabel {
    font-family: 'sf_pro_displayregular', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.49px;
    color: #202631;
}

.temp1-para {
    /* max-width: 800px; */
    margin: 0 auto 60px;

    p:not(:last-child) {
        margin-bottom: 30px;
    }
}

.temp1-links a {
    float: none;
    display: inline-block;
    margin: 0 25px 0 0;
}

/* temp1 css end here */

/* temp2 css start here */
.temp2 {
    padding: 0 5%;
}

.temp2-left {
    width: 54%;
    float: left;
    border-radius: 2px;
}

.temp2-left img {
    border-radius: 2px;
}

.temp2-right {
    padding: 80px 9%;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 52%;
    background: #202631;
    border-radius: 2px;
}

.temp2-right .blockTitle {
    margin-bottom: 15px;
    letter-spacing: 4.2px;
}

.temp2-right h3 {
    margin-bottom: 20px;
    font-size: 48px;
    letter-spacing: -0.96px;
}

.temp2-right p {
    margin-bottom: 70px;
    letter-spacing: 0.32px;
    color: #F2F2F2;
}

.temp2-rightLink .btn {
    float: none;
    display: inline-block;
}

.temp2-howDoes {
    max-width: 360px;
    margin: 0 auto 70px;
    padding: 35px 50px 50px;
    border: 1px solid rgba(255, 255, 255, .1);
    text-align: left;
}

.temp2-howDoes p {
    margin-bottom: 30px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.18px;
    color: #F2F2F2;
}

.temp2-howDoes ul {
    position: relative;
}

.temp2-howDoes ul:before {
    position: absolute;
    left: 10px;
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
}

.temp2-howDoes ul li {
    padding-left: 45px;
    padding-bottom: 25px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0.18px;
    color: #F2F2F2;
    position: relative;
}

.temp2-howDoes ul li:last-child {
    padding-bottom: 0;
}

.temp2-howDoes ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #fff;
    background: #202631;
}

.temp2-howDoes ul li.active:after {
    position: absolute;
    left: 5px;
    top: 5px;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
}

.temp2-howDoes ul li.active:before {
    border-color: #DB386B;
}

.temp2-ilce {
    position: absolute;
    right: 32px;
    top: -136px;
}

/* temp2 css end here */

/* temp3 css start here */
.temp3 {
    padding: 0 5%;
}

.temp3-list {
    display: flex;
    align-content: space-between;
    justify-content: space-between;
}

.temp3-item {
    width: calc(50% - 25px);
}

.temp3-img {
    width: calc(100% - 50px);
    margin-left: 25px;
    float: left;
    z-index: 1;
}

.temp3-img .temp3-mainImg {
    width: 100%;
    height: 365px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
}

.temp3-share {
    position: absolute;
    right: 20px;
    top: 20px;
}

.temp3-share .temp3-shareIcon {
    width: 34px;
    height: 34px;
    float: left;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
}

.temp3-share .material-icons {
    font-size: 18px;
    line-height: 34px;
    color: #000;
}

.temp3-txt {
    padding: 150px 25px 25px;
    background: rgba(242, 242, 242, .1);
    border: 1px solid rgba(32, 38, 49, .1);
    position: relative;
    margin-top: -110px;
}

.temp3-txt p {
    margin-bottom: 15px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    color: #000;
}

.temp3-txt h4 {
    margin-bottom: 20px;
    text-transform: capitalize;
}

/* temp3 css end here */

/* temp4 css start here */
.temp4 {
    padding: 0 5%;
}

.temp4-left {
    width: 46%;
    padding-right: 100px;
    float: left;
}

.temp4-img img {
    height: 580px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
}

.temp4-img .cept {
    height: auto;
    width: 50%;
}


.temp4-txt {
    padding: 60px 40px 40px;
    /* border-radius: 0 0 2px 2px;
    background: rgba(242, 242, 242, .2); */
}

.temp4-txtTop {
    margin-bottom: 25px;
}

.temp4-txtTopItem {
    float: left;
    margin-right: 60px;
}

.temp4-txtTopItem:last-child,
.temp4-right .temp4-txtTopItem:last-child {
    margin-right: 0;
}

.temp4-txtTopItem .material-icons {
    margin-right: 15px;
    padding: 0;
    color: #000;
    vertical-align: middle;
}

.temp4-val {
    display: inline-block;
    vertical-align: middle;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    color: #707070;
    text-transform: capitalize;
}

.temp4-txtBtm h4 {
    margin-bottom: 15px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.temp4-txtBtm h6 {
    margin-bottom: 20px;
    padding-right: 30%;
    color: #707070;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.temp4-right {
    width: 54%;
    float: left;
}

.temp4-right .temp4-item {
    margin-bottom: 30px;
}

.temp4-right .temp4-img {
    width: 44%;
    float: left;
}

.temp4-right .temp4-img img {
    height: 260px;
}

.temp4-right .temp4-txt {
    width: 56%;
    padding: 10px 10px 10px 40px;
}

.temp4-right .temp4-txtTopItem {
    margin-right: 40px;
}

.temp4-right .temp4-txtBtm h6 {
    padding-right: 0;
}

.temp5-sliderArea.temp4-right {
    width: 100%;
    float: left;
}

.temp5-sliderArea.temp4-right .slick-slide .temp4-item {
    padding-left: 60px;
    margin-bottom: 50px;
}

.temp5-sliderArea.temp4-right .slick-slide:first-child {
    padding-left: 157px;
}

.temp5-sliderArea.temp4-right .btn-onlyText {
    padding: 10px 0;
    color: #000;
}

.temp5-sliderArea.temp4-right a:hover .btn-onlyText {
    color: #DB386B;
}

.temp5-sliderArea.temp4-right .temp4-txtTop {
    margin-bottom: 20px;
}


/* temp4 css end here */

/* temp5 css start here */
.temp5-sliderItem {
    padding: 0 30px;
}

.temp5-sliderItem:first-child {
    padding-left: 217px;
}

.temp5-item {
    width: 630px;
    float: left;
}

.temp5-img {
    width: calc(100% - 50px);
    margin-left: 25px;
    float: left;
    z-index: 1;
}

.temp5-img .temp5-mainImg {
    width: 100%;
    height: 365px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
}

.temp5-category {
    position: absolute;
    left: 15px;
    top: 15px;
}

.temp5-category.temp5-catSpace {
    left: 20px;
    top: 20px;
}

.temp5-category a {
    float: left;
    margin-right: 5px;
    padding: 6px 9px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-size: 10px;
    letter-spacing: 0.8px;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    background: #fff;
    border-radius: 3px;
}

.temp5-category a:last-child {
    margin-right: 0;
}

.temp5-share {
    position: absolute;
    right: 20px;
    top: 20px;
}

.temp5-share .temp5-shareIcon {
    width: 34px;
    height: 34px;
    margin-left: 12px;
    float: left;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
}

.temp5-share .material-icons {
    font-size: 18px;
    line-height: 34px;
    color: #000;
}

.temp5-txt {
    padding: 150px 55px 25px;
    background: rgba(242, 242, 242, .1);
    border: 1px solid rgba(32, 38, 49, .1);
    position: relative;
    margin-top: -110px;
}

.temp5-txt h6 {
    margin-bottom: 15px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    color: #000;
}

.temp5-txt p {
    margin-bottom: 15px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #707070;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: calc(20px * 1.4 * 4);
}

.temp5-txt h4 {
    margin-bottom: 20px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(28px * 1.4 * 2);
}

.temp5-slider .slick-next,
.temp5-slider .slick-prev {
    bottom: calc(50% - 17px);
    top: initial;
}

.temp5-slider .slick-prev {
    left: 4%;
    right: initial;
}

.temp5-slider .slick-next {
    right: 4%;
    left: initial;
}

/* temp5 css end here */

/* temp6 css start here */
.temp6 {
    padding: 0 5%;
}

.temp6-list {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.temp6-item {
    width: calc(50% - 25px);
    margin-bottom: 95px;
    margin-right: 25px;
}

.temp6-item:nth-child(2n+2) {
    margin-left: 25px;
    margin-right: 0;
}

.temp6-img {
    margin-bottom: 50px;
    width: 88%;
    float: left;
}

.temp6-img img {
    height: 465px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
}

.temp6-item p {
    padding: 0 20% 0 8%;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #202631;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(20px * 1.4 * 2);
}

.btn-whatsMore {
    position: absolute;
    right: 0;
    top: 33%;
    width: 300px;
    height: 300px;
    background-color: #202631;
    border-radius: 100%;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 28px;
    letter-spacing: 0px;
    color: #F2F2F2;
    text-transform: capitalize;
    text-align: center;
}

.btn-whatsMore:hover {
    background-color: #DB386B;
}

.btn-whatsMore span:not(.material-icons) {
    margin-top: 100px;
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    display: inline-block;
}

/* temp6 css end here */

/* temp7 css start here */
.temp7-inner {
    max-width: 1140px;
    margin: 0 auto;
}

.temp7-head {
    margin-bottom: 70px;
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 25px;
    letter-spacing: 7.5px;
    color: #202631;
    text-transform: uppercase;
    text-align: center;
}

.temp7-list:before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
}

.temp7-list:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.temp7-item {
    width: 25%;
    /* width: 16.66666667%; */
    height: 160px;
    float: left;
    border-right: 1px solid rgba(32, 38, 49, .1);
    border-bottom: 1px solid rgba(32, 38, 49, .1);
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.temp7-item img {
    max-width: 240px;
    display: inline-block;
}

.temp7-head-title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1%;
    width: 22%;
}

.temp7-head-title img {
    width: 100%;
}


/* temp7 css end here */

/* temp8 css start here */
.temp8 {
    padding: 0 5%;
    text-align: left;
}

.temp8 h2 {
    margin-bottom: 20px;
}

.temp8 p {
    max-width: 800px;
    margin: 0 auto 25px;
    letter-spacing: 0.32px;
}

.temp8 p.mb0 {
    margin-bottom: 0;
}

/* temp8 css end here */

/* temp9 css start here */
.temp9 {
    padding: 0 5%;
}

.temp9-left {
    width: 60%;
    float: left;
    border-radius: 2px;
}

.temp9-left img {
    border-radius: 2px;
}

.temp9-right {
    padding: 70px 100px 60px 80px;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: 50%;
    background: #202631;
    border-radius: 2px;
}

.temp9-right .subTitle {
    margin-bottom: 20px;
}

.temp9-right h3 {
    margin-bottom: 20px;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 0px;
    color: #fff;
    text-transform: capitalize;
}

.temp9-right p {
    margin-bottom: 30px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0px;
}

.temp9-right ul {
    margin-top: 20px;
}

.temp9-right ul.temp9-list {
    margin-top: 40px;
}

.temp9-right ul.temp9-list li {
    margin-bottom: 24px;
}

.temp9-right ul li {
    margin-bottom: 30px;
    padding-left: 40px;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0px;
    line-height: 1.5;
    position: relative;
}

.temp9-right ul li .material-icons,
.temp9-right ul li .material-icons-outlined {
    position: absolute;
    left: 0;
    top: 3px;
}

.temp9Rtl .temp9-left {
    float: right;
}

.temp9Rtl .temp9-right {
    right: initial;
}

.temp9-link {
    margin-top: 30px;
}

/* temp9 css end here */

/* temp10 css start here */
.temp10-slider {
    margin-bottom: 50px;
}

.temp10-item {
    float: left;
    padding: 0 40px 20px;
}

.temp10-item a {
    float: left;
    padding: 17px;
    border-radius: 100%;
    border: 2px solid #D9D9D9;
    background-color: #fff;
}

.temp10-item img {
    float: left;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    box-shadow: 0px 18px 22px rgba(0, 0, 0, 0.1);
}

.temp10-item a:hover {
    border-color: #DB386B;
}

.temp10-link {
    text-align: center;
}

.temp10-item:first-child {
    padding-left: 217px;
}

.temp10-slider .slick-next,
.temp10-slider .slick-prev {
    bottom: calc(50% - 17px);
    top: initial;
}

.temp10-slider .slick-prev {
    left: 4%;
    right: initial;
}

.temp10-slider .slick-next {
    right: 4%;
    left: initial;
}

/* temp10 css end here */

/* temp11 css start here */
.temp11 {
    padding: 0 5%;
    margin-top: 30px;
}

.temp11-main {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.temp11-main h4 {
    margin-bottom: 40px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 0.92px;
    line-height: 1.7;
    color: #202631;
}

/* temp11 css end here */

/* temp12 css start here */
.temp12-list {
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.temp12-item {
    width: 25%;
    margin-bottom: 90px;
    text-align: center;
}

.temp12-img {
    display: inline-block;
    padding: 17px;
    border-radius: 100%;
    border: 2px solid #D9D9D9;
    background-color: #fff;
    margin-bottom: 30px;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp12-img img {
    float: left;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    box-shadow: 0px 18px 22px rgb(0 0 0 / 10%);
}

.temp12-txt h5 {
    margin-bottom: 10px;
    letter-spacing: 0px;
    color: #000;
    line-height: 1.5;
    text-transform: capitalize;
}

.temp12-txt p {
    margin-bottom: 20px;
    letter-spacing: 0px;
    color: rgba(32, 38, 49, .7);
}

.temp12-txt .temp12-txtView {
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0.88px;
    color: #000;
    text-transform: uppercase;
}

.temp12-item a:hover .temp12-img {
    border-color: #DB386B;
}

/* temp12 css end here */

/* temp13 css start here */
.temp13 {
    padding: 0 8.333333%;
    margin-top: 90px;
}

.temp13-top {
    padding-left: 80px;
    margin-bottom: 150px;
    display: flex;
    align-items: center;
}

.temp13-img {
    margin-right: 100px;
    display: inline-block;
    padding: 17px;
    border-radius: 100%;
    border: 2px solid #D9D9D9;
    background-color: #fff;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp13-img img {
    float: left;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    box-shadow: 0px 18px 22px rgb(0 0 0 / 10%);
}

.temp13-topTxt h2 {
    margin-bottom: 25px;
}

.temp13-topTxt h4 {
    margin-bottom: 20px;
}

.temp13-topTxt p {
    font-size: 18px;
}

.temp13-btm {
    margin-bottom: 140px;
}

.temp13-item {
    margin-bottom: 40px;
}

.temp13-item h3 {
    margin-bottom: 40px;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 37px;
    color: #000;
    letter-spacing: 0px;
    text-transform: capitalize;
    position: relative;
}

.temp13-item h3 span {
    background-color: #fff;
    position: relative;
    padding-right: 30px;
    z-index: 1;
}

.temp13-item h3:before {
    position: absolute;
    left: 0;
    bottom: 5px;
    content: '';
    width: 100%;
    height: 2px;
    background-color: rgba(32, 38, 49, .2);
}

.temp13-itemSub ul {
    margin-bottom: 30px;
}

.temp13-item li {
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.7;
    color: #202631;
    position: relative;
}

.temp13-item li:before {
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #202631;
    text-transform: capitalize;
    position: absolute;
    left: 0;
    top: 0;
    content: '.';
}

.temp13-itemSub {
    padding-left: 80px;
    margin-bottom: 40px;
}

.temp13-itemSub h4 {
    margin-bottom: 20px;
    font-family: 'hk_groteskmedium', sans-serif;
}

.temp13-itemSub h6 {
    margin-bottom: 15px;
    font-family: 'hk_groteskmedium', sans-serif;
    letter-spacing: 0px;
    color: #202631;
}

.temp13-itemSub p {
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: 0.36px;
    line-height: 1.7;
    color: #000;
}

.temp13.chairmansMsg,
.temp13.ourCharter {
    padding: 0 5%;
}

.temp13.chairmansMsg .temp13-top {
    margin-bottom: 50px;
    padding-left: 0;
    align-items: flex-start;
}

.temp13.chairmansMsg .temp13-topTxt p {
    margin-bottom: 25px;
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 1.7;
}

.temp13.chairmansMsg .temp13-topTxt h2 {
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
}

.temp13.chairmansMsg .temp13-topTxt h4 {
    margin-bottom: 60px;
}

.temp13.ourCharter {
    text-align: center;
}

.temp13.ourCharter h2 {
    margin-bottom: 100px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 400;
    font-size: 89px;
    line-height: 1.2;
    color: #000;
}

/* temp13 css end here */

/* temp14 css start here */
.temp14 {
    padding: 0 5%;
}

.temp14-list {
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.temp14-item {
    width: 25%;
    margin-bottom: 90px;
    text-align: center;
}

.temp14-img {
    height: 100px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.temp14-img img {
    max-width: 100px;
    max-height: 100px;
    display: inline-block;
    vertical-align: middle;
}

.temp14-item h5 {
    padding: 0 20px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

/* temp14 css end here */

/* temp15 css start here */
.temp15-list {
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.temp15-item {
    width: calc(33.333333% - 33.333333px);
    padding: 45px;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(242, 242, 242, .06) url(../img/svg/ilce-subscription.svg) no-repeat left 34px top 22px;
    border: 2px solid rgba(32, 38, 49, .06);
}

.temp15-plan {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.temp15-plan h3 {
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: 6.15px;
    color: #202631;
    text-transform: uppercase;
}

.temp15-period {
    margin-bottom: 40px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-size: 12px;
    letter-spacing: 3.6px;
    color: rgba(32, 38, 49, .6);
    text-transform: uppercase;
}

.temp15-period:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background-color: rgba(32, 38, 49, .1);
}

.temp15-period.noLine:before {
    content: none;
}

.temp15-period span {
    background-color: #fff;
    position: relative;
    padding: 0 20px;
    z-index: 1;
}

.temp15-price {
    margin-bottom: 30px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.temp15-price h5 {
    margin-right: 25px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 41px;
    line-height: 1.2;
    letter-spacing: -0.82px;
    color: #202631;
}

.temp15-price p {
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #202631;
}

.temp15-price span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'hk_groteskmedium', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #202631;
    text-transform: lowercase;
}

.temp15-link {
    margin-bottom: 40px;
}

.temp15-subItem {
    margin-bottom: 30px;
}

.temp15-subItem:last-child {
    margin-bottom: 0;
}

.temp15-title {
    margin-bottom: 10px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-size: 12px;
    letter-spacing: 3.6px;
    color: rgba(32, 38, 49, .6);
    text-transform: uppercase;
}

.temp15-val {
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #202631;
    text-transform: capitalize;
}

/* temp15 css end here */

/* temp16 css start here */
.temp16 {
    padding: 0 5%;
}

.temp16-inner {
    padding: 0 16.66666667%;
}

.temp16-left {
    width: 50%;
    float: left;
    padding-right: 5%;
}

.temp16-left h6 {
    margin-bottom: 10px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 22px;
    letter-spacing: 0.59px;
    color: #202631;
}

.temp16-right {
    width: 50%;
    float: left;
}

.temp16-right p {
    margin-bottom: 40px;
    letter-spacing: 0.32px;
}

.temp16-link {
    display: flex;
    justify-content: space-between;
}

.temp16-link a {
    width: calc(50% - 20px);
    text-align: center;
}

.temp16.contact {
    padding-top: 150px;
    padding-bottom: 100px;
    border-radius: 2px;
    background-color: rgba(32, 38, 49, .1);
}

/* temp16 css end here */

/* temp17 css start here */
.temp17 {
    padding: 0 5%;
}

.temp17-item {
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(32, 38, 49, .2);
}

.temp17-head {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 100px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 1.1;
    color: #000;
    text-transform: capitalize;
    cursor: pointer;
}

.temp17-headBtn {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 28px;
    top: calc(50% - 19px);
}

.temp17-headBtn:before,
.temp17-headBtn:after {
    content: '';
    position: absolute;
    background-color: #284059;
    transition: transform 0.4s ease-out;
}

.temp17-headBtn:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}

.temp17-headBtn:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
}

.temp17Active .temp17-headBtn:before {
    transform: rotate(90deg);
}

.temp17Active .temp17-headBtn:after {
    transform: rotate(180deg);
}

.temp17-content {
    display: none;
}

.temp17-content p {
    margin-bottom: 30px;
    letter-spacing: 0.32px;
}

/* temp17 css end here */

/* temp18 css start here */
.temp18-left {
    position: absolute;
    width: 30%;
    left: 0;
    top: 81px;
}

.temp18-left .temp15-item {
    width: 100%;
    float: left;
    background: #F2F2F2 url(../img/svg/ilce-subscription.svg) no-repeat left 34px top 22px;
    border: 2px solid #E4E5E5;
    display: none;
}

.temp18-left .temp15-period span {
    background-color: #F2F2F2;
}

.temp18-right {
    width: 80%;
    float: right;
    background: #EFEFEF;
    border-radius: 2px;
}

.temp18-form {
    padding: 150px 10% 40px 18%;
}

.temp18-bill {
    padding: 45px 5% 100px 18%;
    display: none;
}

.formRow.twoCol {
    display: flex;
    justify-content: space-between;
}

.formRow.twoCol .formField {
    width: calc(50% - 35px);
}

.formField {
    margin-bottom: 60px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select {
    width: 100%;
    float: left;
    padding: 0 0 25px;
    margin: 0;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #000;
    border: 0;
    outline: 0;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 2px solid rgba(32, 38, 49, .1);
    transition: all .4s ease-in;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../img/svg/arrow-down.svg) no-repeat right 0 top 5px;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
select:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus {
    outline: 0;
    border-bottom-color: #000;
}

textarea {
    width: 100%;
    float: left;
    padding: 25px 50px;
    margin: 0;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #000;
    outline: 0;
    background-color: rgba(242, 242, 242, .1);
    border-radius: 0;
    border: 2px solid rgba(32, 38, 49, .1);
    resize: none;
    transition: all .4s ease-in;
}

textarea:hover,
textarea:focus {
    outline: 0;
    border-color: #000;
}

input[type="file"] {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0 0 0 100px;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #000;
    text-indent: -100em;
    outline: 0;
    /* border: 2px solid #DDDDDD;
    border-radius: 10px;
    background: #fff url(../img/attachIcon.svg) no-repeat 0 center; */
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
    position: absolute;
    left: 0;
    top: 0;
}

.fileUpload {
    width: 100%;
    float: left;
    position: relative;
}

.fileUpload label {
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 600;
    letter-spacing: 1.12px;
    line-height: 24px;
    color: #284059;
    text-transform: uppercase;
}

.fileUpload label img {
    margin-right: 10px;
    float: left;
}

button {
    float: left;
    border: 0;
    outline: 0;
    margin: 0;
}

.formField button {
    float: left;
}

.temp18-link {
    text-align: center;
}

.temp18-link a {
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1.12px;
    color: #284059;
    text-transform: uppercase;
}

.temp18-tabs {
    width: 80%;
    float: right;
}

.temp18-tabList {
    padding: 0 10% 0 18%;
}

.temp18-tabsItem {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 45px;
    float: left;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: 0px;
    color: rgba(32, 38, 49, .3);
    position: relative;
}

.temp18-tabsItem:first-child {
    padding-left: 0;
}

.temp18-tabsItem:last-child {
    padding-right: 0;
}

.temp18-tabsItem:after {
    width: 100%;
    height: 3px;
    content: '';
    position: absolute;
    left: 0;
    bottom: -1.5px;
    background-color: rgba(112, 112, 112, .1);
}

.temp18-tabsItem.tabsItemActive {
    color: #000;
}

.temp18-tabsItem.tabsItemActive:after {
    background-color: #284059;
}

.temp18-billing {
    margin-bottom: 50px;
}

.temp18-billingLabel {
    margin-bottom: 5px;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: 0px;
    color: #000;
}

.temp18-billingVal {
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: -0.8px;
    color: #202631;
}

.temp18-twoCol {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
}

.temp18-benifits,
.temp18-order {
    width: calc(50% - 17px);
    padding: 40px;
    background: #F2F2F2;
    border: 2px solid #E4E5E5;
}

.temp18-benifits h6,
.temp18-order h6 {
    margin-bottom: 45px;
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 12px;
    letter-spacing: 3.6px;
    color: rgba(32, 38, 49, .6);
    text-transform: uppercase;
}

.temp18-benifits ul li {
    margin-bottom: 15px;
    padding-left: 30px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #202631;
    letter-spacing: 0px;
    line-height: 1.5;
    text-transform: capitalize;
    position: relative;
}

.temp18-benifits ul li .material-icons {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 18px;
}

.temp18-orderRow {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.temp18-orderRow:last-child {
    margin-bottom: 0;
}

.temp18-orderLabel,
.temp18-orderVal {
    width: 50%;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #202631;
}

.temp18-orderVal {
    text-align: right;
}

.temp18-orderTotal {
    margin-top: 100px;
    margin-bottom: 10px;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    border-top: 3px solid rgba(112, 112, 112, .1);
}

.temp18-orderTotal .temp18-orderLabel,
.temp18-orderTotal .temp18-orderVal {
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 24px;
    text-transform: capitalize;
}

.temp18-policy {
    margin-bottom: 90px;
}

.temp18-policy p {
    padding-right: 20%;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #707070;
}

.temp18-billLinks {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.backToMemberForm {
    margin-right: 80px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1.12px;
    color: rgba(40, 64, 89, .6);
    text-transform: uppercase;
}

.backToMemberForm:hover {
    color: rgba(40, 64, 89, 1);
}

/* temp18 css end here */

/* temp19 css start here */
.temp19-list .temp5-sliderItem {
    width: calc(33.333333% - 20px);
    margin-bottom: 50px;
    float: left;
}

.temp19-list .temp5-sliderItem:nth-child(3n+2) {
    margin-left: 30px;
    margin-right: 30px;
}

.temp19-list .temp5-sliderItem,
.temp19-list .temp5-sliderItem:first-child {
    padding: 0;
}

.temp19-list .temp5-sliderItem .temp5-item {
    width: 100%;
}

.temp19-list .temp5-img .temp5-mainImg {
    height: 305px;
}

.temp19-list .temp5-txt {
    padding: 140px 45px 20px;
}

.temp19-list .temp5-txt h6 {
    font-size: 17px;
}

.temp19-list .temp5-txt h4 {
    margin-bottom: 10px;
    font-size: 24px;
    height: calc(24px * 1.5 * 2);
}

.temp19-list .temp5-txt p {
    padding-right: 5%;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.5;
    height: calc(16px * 1.5 * 4);
}

.temp19-list .temp5-share {
    right: 15px;
    top: 15px;
}

.temp19-list .temp5-share .temp5-shareIcon {
    width: 30px;
    height: 30px;
    margin-left: 12px;
}

.temp19-list .temp5-share .material-icons {
    line-height: 30px;
}

/* temp19 css end here */

/* jPlist css start here */
.jplist-hidden {
    display: none
}

.jplist-panel {
    width: 100%;
    float: left;
    text-align: center;
}

.jplist-panel input[type=text] {
    width: 220px;
    position: relative;
    margin: 0;
    padding: 14px 20px 14px 45px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.96px;
    line-height: 1.2;
    color: rgba(0, 0, 0, .8);
    text-transform: uppercase;
    text-align: left;
    border: 2px solid rgba(32, 38, 49, .2);
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    background: rgba(242, 242, 242, .2) url(../img/svg/search.svg) no-repeat left 10px center;
    transition: all .4s ease-in;
}

.jplist-panel input[type=text]:hover,
.jplist-panel input[type=text]:focus {
    outline: 0;
    border-color: #000;
}

.jplist-panel input[type=checkbox],
.jplist-panel input[type=radio] {
    float: left;
    display: inline-block;
    height: 30px;
    background: #fff;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #27252a
}

.jplist-panel label {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    display: inline-block;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #27252a;
    cursor: pointer
}

.jplist-panel input.jplist-no-right-border {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.jplist-label {
    width: 100%;
    float: left;
    margin: 30px 0 50px;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 16px;
    letter-spacing: 0.32px;
    color: #000;
}

.jplist-clear {
    color: #666;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 27px;
    padding: 0 4px;
    background: #fff;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    text-shadow: 1px 1px 1px #fff
}

.jplist-clear:hover {
    color: #444
}

.jplist-selected {
    color: #000
}

.jplist-box {
    float: left;
    height: 30px;
    margin: 10px 10px 0 0
}

.jplist-drop-down {
    margin: 0 15px;
    display: inline-block;
    position: relative;
}

.jplist-drop-down .jplist-dd-panel {
    min-width: 220px;
    max-width: 300px;
    width: auto;
    height: 46px;
    float: left;
    position: relative;
    margin: 0;
    padding: 0 40px 0 20px;
    font-family: 'hk_grotesksemibold', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.96px;
    line-height: 44px;
    color: rgba(0, 0, 0, .8);
    text-transform: uppercase;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 1;
    border: 2px solid rgba(32, 38, 49, .2);
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    background: rgba(242, 242, 242, .2);
    transition: all .4s ease-in;
}

.jplist-drop-down .jplist-dd-panel:after {
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/svg/arrow-down.svg) no-repeat 0 0;
}

.jplist-drop-down ul {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(32, 38, 49, .2);
    border-radius: 0;
    position: absolute;
    top: 46px;
    z-index: 1000;
    width: 100%;
    display: none;
    overflow: hidden;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 3px 6px #bbb;
}

.jplist-drop-down ul li {
    width: 100%;
    padding: 7px 20px;
    float: left;
    font-size: 14px;
    text-align: left;
    line-height: 1.2;
    cursor: pointer
}

.jplist-drop-down ul li:hover {
    background-color: #f2f2f2
}

.jplist-drop-down:hover .jplist-dd-panel {
    border-color: #000;
}

.jplist-select {
    height: 30px;
    box-shadow: 0 0 1px #fff;
    background: #fff;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #fff;
    color: #27252a;
    float: left;
    margin: 10px 10px 0 0;
    padding: 5px;
    text-shadow: none
}

.jplist-panel .jplist-pagination {
    display: inline-block;
}

.jplist-panel .jplist-pagination button {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    letter-spacing: 0.4px;
    text-align: center;
    color: #707070;
}

.jplist-panel .jplist-pagination .jplist-current {
    font-family: 'hk_groteskmedium', sans-serif;
    color: #000
}

.jplist-panel .jplist-pagination .jplist-pagingprev,
.jplist-panel .jplist-pagination .jplist-pagingmid,
.jplist-panel .jplist-pagination .jplist-pagingnext {
    float: left
}

.jplist-panel .jplist-pagination .jplist-pagingprev button,
.jplist-panel .jplist-pagination .jplist-pagingnext button {
    color: #000;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 100%;
}

.jplist-one-page {
    display: none
}

.jplist-empty {
    display: none
}

.jplist-first,
.jplist-last {
    display: none !important;
}

.jplist-panel .text-filter-box {
    margin: 0 15px;
    display: inline-block;
}

.jplist-panel .text-filter-box .jplist-icon {
    background: #E8EFF9
}

.jplist-panel .text-filter-box .jplist-label {
    margin: 0;
    border-right: 0;
    background: #f1f1f1
}

.jplist-panel .text-filter-box button {
    margin: 0;
    border-left: 0;
    padding: 0 10px
}

.jplist-pagingprev.jplist-hidden,
.jplist-pagingnext.jplist-hidden {
    display: block;
}

.jplist-pagingprev.jplist-hidden .jplist-prev .material-icons,
.jplist-pagingnext.jplist-hidden .jplist-next .material-icons {
    opacity: 0.2;
}

.jplist-panel button {
    float: left;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #707070;
    background: #fff;
    margin: 0 10px;
}

.jplist-panel button:hover {
    color: #707070;
}

.jplist-panel button.jplist-disabled {
    background: #e3e3e3;
    color: #6c6c6c;
    cursor: default
}

.jplist-panel button.jplist-selected {
    color: #000
}

.jplist-panel .jplist-pagination button .material-icons {
    line-height: 34px;
}

.jplist-panel .jplist-pagination.jplist-hidden {
    display: none;
}

.jplist-no-results {
    width: 100%;
    margin-top: 35px;
    float: left;
    text-align: center;
}

/* jPlist css end here */

/* temp20 css start here */
.temp20-left {
    width: 66.66666667%;
    float: left;
}

.temp20-right {
    width: 33.33333333%;
    float: left;
}

.temp20-lItem {
    margin-bottom: 60px;
}

.temp20-lItem .temp5-item {
    width: 100%;
}

.temp20-lItemTop {
    padding: 0 50% 40px 25px;
}

.temp20-lItem .temp5-txt {
    padding: 290px 55px 25px;
    margin-top: -250px;
}

.temp20-lItem .temp5-txt p {
    margin-bottom: 30px;
    color: #000;
    -webkit-line-clamp: 2;
    height: calc(20px * 1.4 * 2);
}

.temp20-title {
    margin-bottom: 20px;
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 16px;
    letter-spacing: 4.8px;
    color: #202631;
    text-transform: uppercase;
}

.temp20-lItem h4 {
    margin-bottom: 20px;
    text-transform: capitalize;
}

.temp20-date {
    font-size: 17px;
}

.temp20-date span {
    padding-left: 5px;
    padding-right: 5px;
    color: rgba(32, 38, 49, .2);
}

.temp20-lItemLinks ul {
    float: right;
}

.temp20-lItemLinks li {
    float: left;
    padding: 15px 0 15px 20px;
}

.temp20-lItemLinks li img {
    opacity: .6;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp20-lItemLinks li a:hover img {
    opacity: 1;
}

.temp20-left2col {
    /* display: flex;
    justify-content: space-between; */
}

.temp20-left2col .temp5-item {
    width: calc(50% - 15px);
    margin-bottom: 50px;
}

.temp20-left2col .temp5-item:nth-child(2n+1) {
    margin-right: 30px;
}

.temp20-left2col .temp5-item:hover .temp5-txt {
    border-color: rgba(219, 56, 107, .3);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp20-left2col .temp5-img .temp5-mainImg {
    height: 310px;
}

.temp20-left2col .temp5-txt {
    padding: 150px 45px 25px;
}

.temp20-left2col .temp5-txt h4 {
    font-size: 24px;
    height: calc(24px * 1.4 * 2);
}

.temp20-left2col .temp5-txt p {
    font-size: 16px;
    -webkit-line-clamp: 3;
    height: calc(16px * 1.4 * 3);
}

.temp20-left2col .temp5-txt h6 {
    font-size: 17px;
}

.temp20-left2col .temp5-share {
    right: 15px;
    top: 15px;
}

.temp20-left2col .temp5-share .material-icons {
    line-height: 30px;
}

.temp20-left2col .temp5-share .temp5-shareIcon {
    width: 30px;
    height: 30px;
    margin-left: 12px;
}

.temp20-right {
    padding-left: 30px;
}

.temp20-blog {
    margin-bottom: 50px;
    padding: 40px 60px;
    background: rgba(242, 242, 242, .1);
    border: 1px solid rgba(32, 38, 49, .1);
}

.temp20-avtar {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.temp20-avtarImg {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background-color: #07101A;
    border-radius: 100%;
}

.temp20-avtarImg span {
    font-size: 60px;
    color: #F2F2F2;
}

.temp20-blog h6 {
    margin-bottom: 30px;
}

.temp20-blogLink {
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 16px;
    letter-spacing: 1.28px;
    color: #000;
    text-transform: uppercase;
}

.temp20-categories {
    margin-bottom: 50px;
    padding: 40px 60px 40px 35px;
    background: rgba(242, 242, 242, .1);
    border: 1px solid rgba(32, 38, 49, .1);
}

.temp20-categories ul {
    margin-top: 30px;
    float: left;
}

.temp20-categories li {
    margin-bottom: 30px;
    border-bottom: 2px solid rgba(32, 38, 49, .1);
}

.temp20-categories li:last-child {
    margin-bottom: 20px;
}

.temp20-categories li a {
    padding-bottom: 14px;
    padding-left: 45px;
    padding-right: 45px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    letter-spacing: 0.4px;
    color: #000;
}

.temp20-categories li a:hover {
    color: #DB386B;
}

.temp20-categories li a:before {
    position: absolute;
    left: 0;
    top: 9px;
    content: '';
    width: 16px;
    height: 16px;
    background: #202631;
    border-radius: 100%;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp20-categories li a:hover:before {
    background: #DB386B;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.blogCount {
    position: absolute;
    right: 0;
    top: 0;
}

.temp20-lPosts {
    margin-bottom: 50px;
    padding: 10px 0 0;
    background: rgba(242, 242, 242, .1);
    border: 1px solid rgba(32, 38, 49, .1);
}

.temp20-lPosts ul {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}

.temp20-lPosts .temp20-title {
    margin-bottom: 40px;
    padding: 25px 0;
    border-bottom: 1px solid rgba(32, 38, 49, .1);
}

.temp20-lPosts li {
    padding: 0 20px 20px;
}

.temp20-lPostsImg {
    width: 140px;
    float: left;
}

.temp20-lPostsImg img {
    width: 100%;
    height: 100px;
    float: left;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
}

.temp20-lPostsTxt {
    width: calc(100% - 140px);
    padding-left: 20px;
    float: left;
}

.temp20-lPostsTxt p {
    padding-right: 35px;
    margin-bottom: 15px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(16px * 1.5 * 2);
}

.temp20-lPostsTxt p a,
.temp20-lPostsTxtBtm a {
    color: #000;
}

.temp20-lPostsTxtBtm {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    letter-spacing: 0px;
    color: #000;
}

.temp20-lPostsItemShare {
    position: absolute;
    right: 0;
    top: 5px;
}

.temp20-lPostsItemShareIcon {
    width: 30px;
    height: 30px;
    float: left;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
}

.temp20-lPostsItemShareIcon .material-icons {
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

.temp20-lPosts.temp20-lFollow li {
    padding: 0 20px 25px;
}

.temp20-lPosts.temp20-lFollow .temp20-lPostsImg img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
}

.temp20-lPosts.temp20-lFollow .temp20-lPostsItem {
    display: flex;
    align-items: center;
}

.temp20-lPosts.temp20-lFollow .temp20-lFollowTxt h6 {
    margin-bottom: 10px;
    font-family: 'hk_grotesksemibold', sans-serif;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

.temp20-lPosts.temp20-lFollow .temp20-lFollowTxt h6 a {
    color: #000;
}

.temp20-lPosts.temp20-lFollow .temp20-lFollowTxt2col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.temp20-lPosts.temp20-lFollow .temp20-lArticlesCount {
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}


/* temp20 css end here */

/* temp21 css start here */
.temp21 {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}

.temp21-item {
    margin-bottom: 20px;
    width: calc(25% - 15px);
    float: left;
}

.temp21-item:nth-child(4n+2) {
    margin-left: 20px;
    margin-right: 20px;
}

.temp21-item:nth-child(4n+3) {
    margin-right: 20px;
}

.temp21-item img {
    width: 100%;
    height: 398px;
    float: left;
    -o-object-fit: cover;
    object-fit: cover;
}

/* temp21 css end here */

/* temp22 css start here */
.temp22 {
    margin-top: -60px;
    padding: 0 8.33333333%;
    padding-top: 60px;
    padding-bottom: 50px;
    background: rgba(242, 242, 242, .1);
    border: 1px solid rgba(32, 38, 49, .1);
    border-top: 0;
}

.temp22 .temp20-date {
    margin-bottom: 25px;
}

.temp22 h1 {
    margin-bottom: 50px;
    padding-bottom: 60px;
    font-family: 'hk_grotesklight', sans-serif;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -1px;
    color: #202631;
    border-bottom: 1px solid rgba(32, 38, 49, .1);
}

.temp22-txt {
    margin-bottom: 50px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(32, 38, 49, .1);
}

.temp22 p {
    margin-bottom: 30px;
    padding-right: 10%;
    letter-spacing: 0.32px;
}

.temp22-social {
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

.temp22-social li {
    float: left;
    padding-right: 25px;
}

.temp22-social li img {
    opacity: .6;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp22-social li a:hover img {
    opacity: 1;
}

.temp22-socialRight a {
    color: rgba(32, 38, 49, .6);
}

.temp22-socialRight a:hover {
    color: rgba(32, 38, 49, 1);
}

/* temp22 css end here */

/* temp23 css start here */
.temp23 {
    padding: 0 5%;
    text-align: center;
}

.temp23 h1 {
    margin-bottom: 20px;
    font-size: 70px;
    line-height: 1.2;
    letter-spacing: -1.4px;
    color: #202631;
}

.temp23 h4 {
    margin-bottom: 10px;
    text-transform: capitalize;
}

.temp23 h6 {
    margin-bottom: 35px;
    text-transform: capitalize;
}

.temp23-specs {
    margin-bottom: 25px;
    text-align: center;
    display: flex;
    align-content: space-between;
    justify-content: center;
}

.temp23-specItem {
    padding: 0 60px;
    position: relative;
    border-right: 2px solid rgba(112, 112, 112, .3);
}

.temp23-specItem:last-child {
    border-right: 0;
}

.temp23-specItemLabel {
    margin-bottom: 10px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

.temp23-specItemVal {
    margin-bottom: 10px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

.temp23-social {
    display: flex;
    justify-content: center;
}

.temp23-social li {
    float: left;
    padding-left: 12px;
    padding-right: 12px;
}

.temp23-social li img {
    opacity: .6;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp23-social li a:hover img {
    opacity: 1;
}

/* temp23 css end here */
/* temp24 css start here */
.temp24 {
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
}

.temp24-col {
    width: calc(50% - 100px);
    position: relative;
}

.temp24-col:after {
    position: absolute;
    right: -100px;
    top: 0;
    content: '';
    width: 2px;
    height: 100%;
    background-color: rgba(112, 112, 112, .3);
}

.temp24-col:last-child:after {
    content: none;
}

.temp24-col h2 {
    margin-bottom: 35px;
}

.temp24-col p {
    letter-spacing: 0.32px;
    line-height: 1.8;
    color: #000;
}

/* temp24 css end here */

/* temp25 css start here */
.temp25 {
    padding: 0 5%;
}

.temp25-txt {
    text-align: center;
}

.temp25-txt h2 {
    margin-bottom: 80px;
}

.temp25-txt ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.temp25-txt ul li {
    width: 50%;
    margin-bottom: 60px;
    padding-right: 80px;
    padding-left: 50px;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    letter-spacing: 0.4px;
    line-height: 1.5;
    text-align: left;
    position: relative;
}

.temp25-txt ul li .material-icons {
    position: absolute;
    left: 0;
    top: 3px;
    color: #DB386B;
    font-weight: 700;
}

/* temp25 css end here */

/* temp26 css start here */
.temp26-item {
    width: calc(25% - 30px);
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 70px;
    float: left;
}

.temp26-item:nth-child(4n + 1) {
    margin-left: 0;
}

.temp26-item:nth-child(4n + 4) {
    margin-right: 0;
}

.temp26-img {
    width: calc(100% - 46px);
    margin-left: 23px;
    float: left;
    z-index: 1;
}

.temp26-img .temp26-mainImg {
    width: 100%;
    height: 315px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
}

.temp26-share {
    position: absolute;
    right: 17px;
    top: 17px;
}

.temp26-share .temp26-shareIcon {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    float: left;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
}

.temp26-share .material-icons {
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

.temp26-txt {
    padding: 130px 45px 25px;
    background: rgba(242, 242, 242, .1);
    border: 1px solid rgba(32, 38, 49, .1);
    position: relative;
    margin-top: -100px;
}

.temp26-txt h5 {
    margin-bottom: 20px;
    line-height: 1.5;
    color: #000;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(24px * 1.5 * 2);
}

.temp26-txt h5.newsl {
    margin-bottom: 10px;
}

.temp26-txt p {
    padding-right: 6%;
    margin-bottom: 15px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #707070;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: calc(16px * 1.4 * 4);
}

.temp26-txt p.temp26-author {
    padding-right: 0;
    margin-bottom: 10px;
    -webkit-line-clamp: 1;
    height: calc(16px * 1.4 * 1);
}

/* Newsletter and Events tab css start here */
.eduNewsletters,
.pastEvents {
    display: none;
}

.newsletterTab {
    margin-bottom: 30px;
    text-align: center;
}

.newsletterTabItem {
    margin-left: 15px;
    margin-right: 15px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.32px;
    color: rgba(0, 0, 0, .6);
    display: inline-block;
}

.newsletterTabItem.nltActive {
    font-family: 'hk_grotesksemibold', sans-serif;
    color: rgba(0, 0, 0, 1);
}

/* temp26 css end here */

/* temp27 css start here */
.temp27-item {
    width: calc(50% - 32px);
    float: left;
    margin-bottom: 70px;
}

.temp27-item:nth-child(2n + 1) {
    margin-right: 64px;
}

.temp27-img {
    width: 350px;
    float: left;
}

.temp27-img img {
    width: 100%;
    height: 260px;
    float: left;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
}

.temp27-txt {
    width: calc(100% - 350px);
    padding-left: 50px;
    float: left;
}

.temp27-txt h4 {
    margin-bottom: 5px;
    text-transform: capitalize;
}

.temp27-txt p {
    margin-bottom: 25px;
    font-size: 17px;
    letter-spacing: 0px;
}

.temp27-txt ul {
    margin-bottom: 15px;
}

.temp27-txt li {
    margin-bottom: 10px;
    padding-left: 17px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0px;
    color: #707070;
    position: relative;
}

.temp27-txt li:before {
    position: absolute;
    left: 0;
    top: 10px;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #284059;
}

.temp27-lItemLinks a {
    margin-right: 20px;
    display: inline-block;
    vertical-align: baseline;
}

/* temp27 css end here */

/* temp28 css start here */
.temp28 {
    padding: 0 5%;
}

.temp28-list {
    margin-top: 90px;
}

.temp28-itemMain {
    margin-bottom: 90px;
}

.temp28-itemMain h2 {
    position: relative;
    margin-bottom: 90px;
}

.temp28-itemMain h2 span {
    background-color: #fff;
    position: relative;
    padding-right: 35px;
    z-index: 1;
}

.temp28-itemMain h2:before {
    position: absolute;
    left: 0;
    bottom: 10px;
    content: '';
    width: 100%;
    height: 2px;
    background-color: rgba(32, 38, 49, .2);
}

.temp28-item {
    margin-bottom: 90px;
}

.temp28-img {
    width: 44%;
    padding: 0 0 0 50px;
    float: left;
}

.temp28-txt {
    width: 56%;
    padding: 60px 80px 0 140px;
    float: left;
}

.temp28-mainImg {
    width: 100%;
    border-radius: 2px;
}

.temp28-share {
    position: absolute;
    right: 17px;
    top: 17px;
}

.temp28-share .temp28-shareIcon {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    float: left;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
}

.temp28-share .material-icons {
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

.temp28-price {
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #202631;
    position: absolute;
    left: 0;
    top: 34px;
    padding: 25px 50px;
    background-color: #fff;
}

.temp28-txt h5 {
    margin-bottom: 40px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

.temp28-txt ul {
    margin-bottom: 20px;
}

.temp28-txt li {
    margin-bottom: 20px;
    padding-left: 40px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #202631;
    text-transform: capitalize;
}

.temp28-txt li .material-icons,
.temp28-txt li .material-icons-outlined {
    position: absolute;
    left: 0;
    top: 4px;
    color: #000;
}

.temp28-txt p {
    margin-bottom: 40px;
    padding-right: 30%;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0px;
    color: #707070;
}

.temp28-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.temp28-links a {
    width: calc(50% - 10px);
    margin-bottom: 10px;
    text-align: center;
}

/* temp28 css end here */

/* temp29 css start here */
.temp29 {
    padding: 0 5%;
    display: flex;
    align-items: center;
}

.temp29-left {
    width: 60%;
    padding-left: 50px;
    padding-right: 2%;
    float: left;
}

.temp29-left ul li {
    list-style: disc;
    list-style-position: inside;
}

.temp29 h2 {
    margin-bottom: 35px;
}

.temp29 p {
    line-height: 1.8;
    letter-spacing: 0.32px;
}

.temp29-right {
    width: 40%;
    padding-right: 50px;
    float: left;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    flex-direction: column;
}

.temp29-right a {
    margin-bottom: 30px;
}

.temp29-right a:last-child {
    margin-bottom: 0;
}

/* temp29 css end here */

/* temp30 css start here */
.temp30 {
    padding: 0 5%;
}

.temp30-list {
    display: flex;
    flex-wrap: wrap;
}

.temp30-item {
    width: calc(25% - 21px);
    margin-bottom: 70px;
    float: left;
}

.temp30-item:nth-child(4n+2) {
    margin-left: 28px;
    margin-right: 28px;
}

.temp30-item:nth-child(4n+3) {
    margin-right: 28px;
}

.temp30-img {
    overflow: hidden;
}

.temp30-img img {
    height: 490px;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale();
    transition: transform .3s ease-in;
}

.temp30-item a:hover .temp30-img img {
    filter: none;
    transform: scale(1.1);
}

.temp30-txt {
    padding: 35px 20px 0 0;
}

.temp30-txt p {
    font-family: 'hk_grotesksemibold', sans-serif;
    letter-spacing: 1.28px;
    color: #000;
    text-transform: uppercase;
}

/* temp30 css end here */

/* temp31 css start here */
.temp31 {
    padding: 0 5%;
}

.temp31-form {
    padding: 100px 10% 60px;
    background: #EFEFEF;
    border-radius: 2px;
}

.formField.formFieldCenter {
    display: flex;
    justify-content: center;
}

.formField.formFieldCenter.mb0 {
    margin-bottom: 0;
}

.temp31-order {
    width: 100%;
    margin-bottom: 90px;
    margin-top: 30px;
    float: left;
    display: flex;
    justify-content: space-between;
}

.temp31-oLeft {
    width: 50%;
    padding: 65px;
    float: left;
}

.temp31-oLeft h4 {
    margin-bottom: 20px;
    font-family: 'hk_groteskregular', sans-serif;
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

.temp31-oLeft h6 {
    color: #707070;
}

.temp31-oRight {
    width: 50%;
    padding: 65px;
    float: left;
    background: rgba(40, 64, 89, .2);
}

.temp31-oRight h4 {
    margin-bottom: 40px;
}

.temp31-orderRow {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.temp31-orderLabel,
.temp31-orderVal {
    width: 50%;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #202631;
}

.temp31-orderVal {
    text-align: right;
}

.temp31-orderTotal {
    margin-top: 30px;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    border-top: 2px solid rgba(32, 38, 49, .1);
}

.temp31-orderTotal .temp31-orderLabel,
.temp31-orderTotal .temp31-orderVal {
    font-size: 37px;
}

.temp31-orderRow.temp31-totalBtm {
    margin-bottom: 0;
}

.temp31-orderRow.temp31-totalBtm .temp31-orderVal {
    font-size: 16px;
}

.writeToUsThanku {
    margin-bottom: 30px;
    text-align: center;
    display: none;
}

/* temp31 css end here */

/* temp32 css start here */
.temp32 {
    padding: 0 5%;
}

.temp32-item {
    width: 50%;
    float: left;
}

.temp32-item h2 {
    margin-bottom: 60px;
    font-family: 'hk_groteskregular', sans-serif;
    font-weight: 400;
}

.temp32-subItem {
    margin-bottom: 55px;
    padding-right: 35%;
}

.temp32-subItem .material-icons {
    margin-right: 20px;
    padding: 0;
    float: left;
    font-size: 36px;
    color: #284059;
}

.temp32-subItem h5 {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #D6D6D6;
}

.temp32-subItem p {
    width: calc(100% - 70px);
    float: left;
    font-family: 'hk_groteskmedium', sans-serif;
    font-size: 20px;
    line-height: 1.6;
    color: #202631;
    letter-spacing: 0px;
    margin: 0;
}

.temp32-subItem p a {
    color: #202631;
}

.temp32-subItem p a:hover {
    color: #DB386B;
}

.temp32-contact .temp32-subItem {
    margin-bottom: 40px;
}

.temp32-contact .temp32-subItem.mb80 {
    margin-bottom: 80px;
}

.temp32-contact .temp32-subItem:last-child {
    margin-bottom: 0;
}

/* temp32 css end here */

/* temp33 css start here */
.temp33-tml {
    max-width: 890px;
    margin: 0 auto;
    position: relative;
}

.temp33-tml::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: rgba(40, 64, 89, .2);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}

.temp33-item {
    width: 50%;
    padding: 0 0 0 120px;
    position: relative;
    margin-top: -100px;
}

.temp33-item:first-child {
    margin-top: 0;
}

.temp33-item.left {
    padding: 0 120px 0 0;
}

.temp33-item::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 100px;
    right: -10px;
    background: url(../img/svg/tml-mark.svg) no-repeat 0 0;
    top: 0;
    z-index: 1;
}

.left {
    left: 0;
}

.right {
    left: 50%;
}

.left::before {
    content: " ";
    height: 2px;
    position: absolute;
    top: 24px;
    width: 22px;
    z-index: 2;
    right: 0;
    background: #284059;
}

.right::before {
    content: " ";
    height: 2px;
    position: absolute;
    top: 24px;
    width: 22px;
    z-index: 2;
    left: 0;
    background: #284059;
}

.right::after {
    left: -10px;
}

.temp33-img {
    margin-bottom: 25px;
}

.temp33-img img {
    max-width: 100%;
}

.temp33-txt {
    padding: 0;
    position: relative;
}

.temp33-txt h2 {
    margin-bottom: 15px;
}

.temp33-txt p {
    font-size: 14px;
    font-family: 'hk_grotesksemibold', sans-serif;
    letter-spacing: 1.12px;
    line-height: 2;
    color: rgba(0, 0, 0, .8);
    text-transform: uppercase;
}

/* temp33 css end here */

.serviceArea,
.carSlider,
.carItem,
.carItemInner,
.carImg img {
    width: 100%;
    float: left;
    position: relative;
}

.carItemInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 62px;
}
.carImg {
    width: calc(50% - 62px);
    float: left;

    img {
        border-radius: 16px;
        border: 1px solid #fc882c;
    }
}
.carTxt {
    width: 50%;
    float: left;
    h4 {
        margin-bottom: 7px;
    }
    h6 {
        margin-bottom: 24px;
    }
}















/* Media Queries start here */
@media only screen and (max-width: 1700px) {
    .innerBanner h1.smlHead {
        font-size: 120px;
    }

    .temp1-inner {
        padding: 100px 8%;
    }

    .temp1-specsItem {
        width: calc(27% - 80px);
    }

    .temp2-right {
        padding: 60px 5%;
    }

    .temp2-right p {
        margin-bottom: 40px;
    }

    .temp2-howDoes {
        margin: 0 auto 40px;
    }

    .temp2-ilce {
        top: -116px;
    }

    .temp2-ilce img {
        height: 150px;
    }

    .temp3-img .temp3-mainImg {
        height: 300px;
    }

    .temp4-left {
        width: 42%;
        padding-right: 50px;
    }

    .temp4-right {
        width: 58%;
    }

    .temp4-img img {
        height: 470px;
    }

    .temp4-txtTopItem .material-icons {
        margin-right: 10px;
    }

    .temp4-val {
        font-size: 16px;
    }

    .temp4-txtTopItem {
        margin-right: 40px;
    }

    .temp4-right .temp4-img img {
        height: 235px;
    }

    .temp4-txtBtm h6 {
        padding-right: 10%;
    }

    .temp5-item {
        width: 500px;
    }

    .temp5-sliderItem:first-child {
        padding-left: 180px;
    }

    .temp5-img .temp5-mainImg {
        height: 290px;
    }

    .temp6-img img {
        height: 390px;
    }

    .btn-whatsMore {
        top: 38%;
        width: 220px;
        height: 220px;
        font-size: 24px;
    }

    .btn-whatsMore span:not(.material-icons) {
        margin-top: 70px;
        margin-bottom: 20px;
    }

    .innerBanner img {
        height: 400px;
    }

    .temp10-item:first-child {
        padding-left: 188px;
    }

    .temp11-main h4 {
        font-size: 32px;
    }

    .temp12-img img {
        width: 270px;
        height: 270px;
    }

    .temp13 {
        padding: 0 5%;
    }

    .temp13.ourCharter h2 {
        font-size: 64px;
    }

    .temp14-item h5 {
        font-size: 20px;
    }

    .temp15-item {
        background-size: 90px;
        padding: 45px 30px;
    }

    .temp18-left .temp15-item {
        background-size: 90px;
    }

    .temp15-plan h3,
    .temp15-price h5 {
        font-size: 36px;
    }

    .temp15-price h5 {
        margin-right: 20px;
    }

    .temp15-plan {
        height: 100px;
    }

    .temp17-item {
        margin-bottom: 30px;
    }

    .temp17-head {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 100px;
        font-size: 24px;
    }

    .temp17-headBtn {
        width: 34px;
        height: 34px;
        top: calc(50% - 17px);
    }

    .temp18-left {
        top: 66px;
    }

    .temp18-tabsItem {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 35px;
        font-size: 22px;
    }

    .temp18-form {
        padding: 100px 10% 40px 18%;
    }

    .formRow.twoCol .formField {
        width: calc(50% - 30px);
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select {
        padding: 0 0 20px;
        font-size: 18px;
    }

    textarea {
        padding: 20px 40px;
        font-size: 18px;
    }

    .fileUpload label {
        font-size: 13px;
    }

    .temp18-billingLabel {
        font-size: 22px;
    }

    .temp18-billingVal {
        font-size: 36px;
    }

    .temp18-orderTotal .temp18-orderLabel,
    .temp18-orderTotal .temp18-orderVal {
        font-size: 20px;
    }

    .temp18-policy p {
        font-size: 14px;
    }

    .temp18-benifits ul li,
    .temp18-orderLabel,
    .temp18-orderVal {
        font-size: 15px;
    }

    .temp18-benifits ul li .material-icons {
        top: 3px;
    }

    .backToMemberForm {
        margin-right: 50px;
    }

    .temp19-list .temp5-img .temp5-mainImg {
        height: 260px;
    }

    .temp20-lPostsImg {
        width: 120px;
    }

    .temp20-lPostsImg img {
        height: 85px;
    }

    .temp20-lPostsTxt {
        width: calc(100% - 120px);
    }

    .temp20-lItem .temp5-img .temp5-mainImg {
        height: 325px;
    }

    .temp20-left2col .temp5-img .temp5-mainImg {
        height: 260px;
    }

    .temp21-item img {
        height: 340px;
    }

    .temp23 h1 {
        font-size: 62px;
    }

    .temp23-specItemLabel {
        font-size: 18px;
    }

    .temp23-specItemVal {
        font-size: 24px;
    }

    .temp26-item {
        width: calc(25% - 22.5px);
        margin-left: 15px;
        margin-right: 15px;
    }

    .temp26-img .temp26-mainImg {
        height: 275px;
    }

    .temp27-img {
        width: 300px;
    }

    .temp27-txt {
        width: calc(100% - 300px);
    }

    .temp28-txt {
        padding: 30px 60px 0 120px;
    }

    .temp28-price {
        font-size: 18px;
        top: 30px;
        padding: 20px 50px;
    }

    .temp28-txt h5 {
        margin-bottom: 35px;
        font-size: 30px;
    }

    .temp28-txt ul {
        margin-bottom: 15px;
    }

    .temp28-txt li,
    .temp28-txt p {
        font-size: 18px;
    }

    .temp28-txt p {
        margin-bottom: 35px;
        padding-right: 25%;
    }

    .temp5-sliderArea.temp4-right .slick-slide:first-child {
        padding-left: 150px;
    }

    .temp5-sliderArea.temp4-right .slick-slide .temp4-item {
        padding-left: 40px;
    }

    .temp29-left {
        width: 70%;
    }

    .temp29-right {
        width: 30%;
    }


}


@media only screen and (max-width: 1600px) {
    .innerBanner img {
        height: 370px;
    }

    .innerBanner h1.smlHead {
        font-size: 100px;
    }

    .temp15-period,
    .temp15-title {
        letter-spacing: 2px;
    }

    .temp16-inner {
        padding: 0 13%;
    }

    .temp16-left h6 {
        font-size: 20px;
    }

    .temp9-right .subTitle {
        font-size: 18px;
    }

    .temp9-right h3 {
        font-size: 42px;
    }

    .temp9-right p,
    .temp9-right ul li {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .temp19-list .temp5-img .temp5-mainImg {
        height: 245px;
    }

    .temp20-lItem h4 {
        font-size: 24px;
    }

    .temp20-date,
    .temp20-left2col .temp5-txt h6 {
        font-size: 16px;
    }

    .temp20-title,
    .temp20-blogLink {
        font-size: 14px;
    }

    .temp20-lItemTop {
        padding: 0 50% 30px 25px;
    }

    .temp20-lItem .temp5-img .temp5-mainImg {
        height: 310px;
    }

    .temp20-lItem .temp5-txt p {
        font-size: 18px;
        margin-bottom: 25px;
        height: calc(18px * 1.4 * 2);
    }

    .temp20-left2col .temp5-img .temp5-mainImg {
        height: 250px;
    }

    .temp20-left2col .temp5-txt h4 {
        font-size: 22px;
        height: calc(22px * 1.4 * 2);
    }

    .temp20-blog {
        padding: 40px 50px;
    }

    .temp20-blog h6,
    .temp20-categories li a {
        font-size: 18px;
    }

    .temp20-categories li a {
        padding-left: 35px;
    }

    .temp20-categories li a:before {
        top: 7px;
        width: 14px;
        height: 14px;
    }

    .temp20-lPostsImg {
        width: 110px;
    }

    .temp20-lPostsImg img {
        height: 80px;
    }

    .temp20-lPostsTxt {
        width: calc(100% - 110px);
    }

    .temp20-lPostsTxt p {
        margin-bottom: 10px;
        font-size: 15px;
        height: calc(15px * 1.5 * 2);
    }

    .temp20-lPostsTxtBtm {
        font-size: 14px;
    }

    .temp21-item img {
        height: 325px;
    }

    .temp22 h1 {
        margin-bottom: 40px;
        padding-bottom: 50px;
        font-size: 42px;
    }

    .temp22-social {
        margin-bottom: 40px;
    }

    .temp22-txt {
        margin-bottom: 40px;
        padding-bottom: 50px;
    }

    .temp26-txt h5 {
        font-size: 22px;
        height: calc(22px * 1.5 * 2);
        margin-bottom: 15px
    }

    .temp26-txt {
        padding: 130px 45px 20px;
    }

    .temp26-img .temp26-mainImg {
        height: 260px;
    }

    .temp27-txt h4 {
        font-size: 24px;
    }

    .temp27-txt p {
        font-size: 16px;
    }

    .temp27-txt li {
        font-size: 15px;
    }

    .temp27-txt li:before {
        top: 8px;
    }

    .temp27-img img {
        height: 240px;
    }

    .temp9-right ul.temp9-list li {
        margin-bottom: 20px;
    }

    .temp9-right ul.temp9-list {
        margin-top: 30px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h6 {
        font-size: 18px;
    }

    .temp29-left {
        width: 70%;
    }

    .temp5-sliderArea.temp4-right .slick-slide:first-child {
        padding-left: 140px;
    }

    .temp30-img img {
        height: 450px;
    }

    .temp31-form {
        padding: 70px 7% 60px;
    }

    .writeToUsThanku {
        margin-bottom: 10px;
    }

    .temp31-oLeft h4 {
        font-size: 32px;
    }

    .temp31-oLeft h6 {
        font-size: 18px;
    }

    .temp31-oRight h4 {
        font-size: 24px;
    }

    .temp31-orderLabel,
    .temp31-orderVal {
        font-size: 18px;
    }

    .temp31-orderTotal .temp31-orderLabel,
    .temp31-orderTotal .temp31-orderVal {
        font-size: 32px;
    }

    .temp31-orderRow.temp31-totalBtm .temp31-orderVal {
        font-size: 14px;
    }

    .temp20-lPosts.temp20-lFollow .temp20-lPostsImg img {
        width: 100px;
        height: 100px;
    }

    .temp32-subItem {
        margin-bottom: 45px;
        padding-right: 30%;
    }

    .temp32-subItem p {
        font-size: 18px;
    }

    .temp32-subItem h5 {
        font-size: 22px;
        margin-bottom: 35px;
        padding-bottom: 15px;
    }

    .temp32-contact .temp32-subItem {
        margin-bottom: 30px;
    }

    .temp32-contact .temp32-subItem.mb80 {
        margin-bottom: 70px;
    }


}


@media only screen and (max-width: 1500px) {
    .temp1-inner {
        padding: 70px 8%;
    }

    .temp1-inner h6 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .temp2-right h3 {
        font-size: 42px;
    }

    .temp1-inner h2 em {
        font-size: 21px;
    }

    .temp2-right p {
        margin-bottom: 30px;
    }

    .temp2-howDoes p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .temp2-howDoes {
        padding: 25px 40px 35px;
    }

    .homeSliderItem-txt {
        left: 7%;
        top: 60px;
        max-width: 750px;
    }

    .homeSliderItem-txt h3 {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .homeSliderItem-txt p {
        font-size: 20px;
    }

    .temp1-specsItemVal {
        font-size: 40px;
    }

    .temp1-specsItemLabel,
    .temp2-howDoes ul li {
        font-size: 16px;
    }

    .temp3-img .temp3-mainImg {
        height: 290px;
    }

    .temp3-txt {
        padding: 140px 25px 20px;
    }

    .temp3-txt p,
    .temp5-txt h6 {
        font-size: 16px;
    }

    .temp3-txt h4 {
        margin-bottom: 15px;
    }

    .temp4-img img {
        height: 450px;
    }

    .temp4-txt {
        padding: 30px;
    }

    .temp4-txtTopItem .material-icons {
        margin-right: 5px;
        font-size: 22px;
    }

    .temp4-val {
        font-size: 15px;
    }

    .temp4-txtTop {
        margin-bottom: 20px;
    }

    .temp4-txtBtm h6 {
        padding-right: 5%;
        font-size: 16px;
    }

    .temp4-right .temp4-img img {
        height: 225px;
    }

    .temp5-sliderItem {
        padding: 0 25px;
    }

    .temp5-sliderItem:first-child {
        padding-left: 124px;
    }

    .temp5-item {
        width: 450px;
    }

    .temp5-txt h4 {
        margin-bottom: 15px;
        height: calc(24px * 1.4 * 2);
    }

    .temp5-slider .slick-prev {
        left: 2%;
    }

    .temp5-slider .slick-next {
        right: 2%;
    }

    .temp5-img .temp5-mainImg {
        height: 255px;
    }

    .temp5-txt p {
        font-size: 16px;
        height: calc(16px * 1.4 * 4);
    }

    .temp6-img img {
        height: 370px;
    }

    .btn-whatsMore {
        top: 35%;
        font-size: 20px;
    }

    .temp6-item p {
        font-size: 16px;
        height: calc(16px * 1.4 * 2);
    }

    .temp6-img {
        margin-bottom: 40px;
    }

    .innerBanner img {
        height: 350px;
    }

    .temp10-item img {
        width: 270px;
        height: 270px;
    }

    .temp10-item {
        padding: 0 25px 20px;
    }

    .temp10-item:first-child {
        padding-left: 124px;
    }

    .temp10-slider .slick-prev {
        left: 2%;
    }

    .temp10-slider .slick-next {
        right: 2%;
    }

    .innerBanner h1 {
        left: 7%;
    }

    .temp11-main h4 {
        font-size: 30px;
    }

    .temp12-item {
        margin-bottom: 70px;
    }

    .temp12-img {
        padding: 15px;
        margin-bottom: 20px;
    }

    .temp12-img img {
        width: 250px;
        height: 250px;
    }

    .temp13 {
        margin-top: 50px;
    }

    .temp13-itemSub {
        padding-left: 50px;
    }

    .temp13-top {
        padding-left: 50px;
        margin-bottom: 100px;
    }

    .temp13-btm {
        margin-bottom: 50px;
    }

    .temp13-img {
        margin-right: 60px;
        padding: 15px;
    }

    .temp13-img img {
        width: 250px;
        height: 250px;
    }

    .temp13-item h3 {
        font-size: 32px;
    }

    .temp13-item li {
        padding-left: 15px;
        font-size: 16px;
    }

    .temp13-itemSub p,
    .temp13-item li:before {
        font-size: 16px;
    }

    .temp13.chairmansMsg .temp13-topTxt p {
        font-size: 18px;
    }

    .temp13.ourCharter h2 {
        font-size: 62px;
    }

    .temp14-item h5,
    .temp16-left h6 {
        font-size: 18px;
    }

    .temp15-plan h3,
    .temp15-price h5 {
        font-size: 32px;
    }

    .temp15-item {
        background-size: 80px;
        padding: 35px 30px;
    }

    .temp18-left .temp15-item {
        background-size: 80px;
    }

    .temp15-period {
        margin-bottom: 30px;
    }

    .temp17-head {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 80px;
        font-size: 20px;
    }

    .temp17-headBtn {
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
    }

    .temp18-tabsItem {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        font-size: 20px;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select {
        padding: 0 0 15px;
        font-size: 16px;
    }

    .formField {
        margin-bottom: 40px;
    }

    .formRow.twoCol .formField {
        width: calc(50% - 20px);
    }

    textarea {
        padding: 15px 25px;
        font-size: 16px;
    }

    .temp18-left {
        top: 59px;
    }

    .temp18-billingLabel {
        font-size: 20px;
    }

    .temp18-billingVal {
        font-size: 30px;
    }

    .jplist-label {
        font-size: 14px;
        margin: 30px 0 40px;
    }

    .temp19-list .temp5-img .temp5-mainImg {
        height: 235px;
    }

    .temp19-list .temp5-txt h6 {
        font-size: 14px;
    }

    .temp19-list .temp5-txt h4 {
        font-size: 20px;
        height: calc(20px * 1.5 * 2);
    }

    .temp19-list .temp5-txt p {
        padding-right: 0;
        font-size: 14px;
        -webkit-line-clamp: 4;
        height: calc(14px * 1.5 * 4);
    }

    .jplist-panel .jplist-pagination .jplist-pagesbox button {
        width: 24px;
        height: 24px;
        margin: 0 5px;
        line-height: 24px;
        margin-top: 5px;
        font-size: 18px;
    }

    .temp20-lItem .temp5-img .temp5-mainImg {
        height: 300px;
    }

    .temp20-lItem .temp5-txt {
        padding: 240px 45px 25px;
        margin-top: -200px;
    }

    .temp20-left2col .temp5-txt h4 {
        font-size: 20px;
        height: calc(20px * 1.4 * 2);
    }

    .temp20-left2col .temp5-img .temp5-mainImg {
        height: 240px;
    }

    .temp20-date,
    .temp20-left2col .temp5-txt h6 {
        font-size: 14px;
    }

    .temp20-left2col .temp5-txt p {
        font-size: 14px;
        height: calc(14px * 1.4 * 3);
    }

    .temp20-lItem .temp5-txt p {
        font-size: 16px;
        height: calc(16px * 1.4 * 2);
    }

    .temp20-blog {
        padding: 30px 40px;
    }

    .temp20-avtar {
        margin-bottom: 30px;
    }

    .temp20-avtarImg {
        width: 120px;
        height: 120px;
    }

    .temp20-avtarImg span {
        font-size: 42px;
    }

    .temp20-blog h6 {
        font-size: 16px;
    }

    .temp20-blogLink {
        font-size: 12px;
    }

    .temp20-categories {
        padding: 30px 40px;
    }

    .temp20-lPosts .temp20-title {
        margin-bottom: 30px;
        padding: 20px 0;
    }

    .temp21 {
        margin-top: 40px;
    }

    .temp21-item img {
        height: 310px;
    }

    .temp23 h1 {
        font-size: 48px;
        margin-bottom: 25px;
    }

    .temp25-txt ul li {
        font-size: 18px;
    }

    .temp26-item {
        width: calc(25% - 15px);
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 50px;
    }

    .temp26-img .temp26-mainImg {
        height: 255px;
    }

    .temp26-txt {
        padding: 120px 40px 15px;
    }

    .temp26-txt h5 {
        font-size: 20px;
        height: calc(20px * 1.5 * 2);
    }

    .temp26-txt p {
        padding-right: 0;
        height: calc(15px * 1.4 * 4);
    }

    .temp26-txt p.temp26-author {
        height: calc(15px * 1.4 * 1);
    }

    .temp28-itemMain h2 {
        margin-bottom: 60px;
    }

    .temp28-itemMain h2 span {
        padding-right: 20px;
    }

    .temp28-img {
        padding: 0 0 0 30px;
    }

    .temp28-price {
        font-size: 16px;
        padding: 15px 30px;
    }

    .temp28-txt {
        padding: 30px 60px 0 100px;
    }

    .temp28-txt h5 {
        margin-bottom: 30px;
        font-size: 28px;
    }

    .temp28-txt li,
    .temp28-txt p {
        font-size: 16px;
    }

    .temp28-txt li .material-icons,
    .temp28-txt li .material-icons-outlined {
        top: 3px;
        font-size: 20px;
    }

    .temp28-txt ul {
        margin-bottom: 10px;
    }

    .temp28-item {
        margin-bottom: 60px;
    }

    .temp30-img img {
        height: 430px;
    }

    .temp30-txt {
        padding: 30px 20px 0 0;
    }

    .temp5-sliderArea.temp4-right .slick-slide:first-child {
        padding-left: 84px;
    }

    .temp29-left {
        padding-left: 80px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h6 {
        font-size: 16px;
    }

    .temp31-oLeft h6 {
        font-size: 16px;
    }

    .temp32-subItem {
        margin-bottom: 40px;
        padding-right: 30%;
    }

    .temp32-subItem h5 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .temp32-subItem .material-icons {
        font-size: 30px;
    }

    .temp32-contact .temp32-subItem {
        margin-bottom: 20px;
    }

    .temp32-contact .temp32-subItem.mb80 {
        margin-bottom: 60px;
    }

}

@media only screen and (max-width: 1366px) {
    .innerBanner h1.smlHead {
        font-size: 80px;
    }

    .homeSliderItem-txt h3 {
        font-size: 32px;
    }

    .temp1-inner h6 {
        font-size: 18px;
    }

    .temp1-inner {
        padding: 50px 8%;
    }

    .temp1-inner h2 em {
        font-size: 18px;
        letter-spacing: 3.25px;
    }

    .temp2-ilce {
        top: -95px;
    }

    .temp2-ilce img {
        height: 120px;
    }

    .temp2-right h3 {
        font-size: 36px;
    }

    .temp5-sliderItem:first-child {
        padding-left: 118px;
    }

    .temp3-img .temp3-mainImg {
        height: 270px;
    }

    .temp4-img img {
        height: 425px;
    }

    .temp5-txt p {
        height: calc(16px * 1.4 * 2);
        -webkit-line-clamp: 2;
    }

    .temp6-img img {
        height: 350px;
    }

    .temp5-txt h4 {
        height: calc(22px * 1.4 * 2);
    }

    .temp5-txt {
        padding: 140px 25px 25px;
    }

    .temp5-share,
    .temp3-share {
        right: 10px;
        top: 10px;
    }

    .temp1-specsItemVal {
        font-size: 36px;
    }

    .innerBanner img {
        height: 335px;
    }

    .temp9-right h3 {
        font-size: 36px;
    }

    .temp9-right p,
    .temp9-right ul li,
    .temp13.chairmansMsg .temp13-topTxt p {
        font-size: 16px;
    }

    .temp9-right ul li .material-icons,
    .temp9-right ul li .material-icons-outlined {
        font-size: 20px;
    }

    .temp9-right ul li {
        padding-left: 35px;
    }

    .temp10-item:first-child {
        padding-left: 118px;
    }

    .temp11-main h4 {
        font-size: 28px;
    }

    .temp13.chairmansMsg .temp13-topTxt h4 {
        margin-bottom: 40px;
    }

    .temp13.chairmansMsg {
        margin-top: 40px;
    }

    .temp13.ourCharter h2 {
        font-size: 54px;
    }

    .temp15 {
        padding: 0 5%;
    }

    .temp15-item {
        background-size: 65px;
        padding: 30px 20px;
    }

    .temp18-left .temp15-item {
        background-size: 65px;
    }

    .temp15-plan h3,
    .temp15-price h5 {
        font-size: 28px;
    }

    .temp15-plan {
        height: 80px;
    }

    .temp15-item {
        width: calc(33.333333% - 20px);
        margin-bottom: 30px;
        background-position: left 24px top 20px;
    }

    .temp18-link a,
    .backToMemberForm {
        font-size: 13px;
    }

    .temp18-orderTotal .temp18-orderLabel,
    .temp18-orderTotal .temp18-orderVal {
        font-size: 18px;
    }

    .temp20-lItem .temp5-img .temp5-mainImg {
        height: 290px;
    }

    .temp20-left2col .temp5-img .temp5-mainImg {
        height: 230px;
    }

    .temp20-left2col .temp5-txt {
        padding: 140px 45px 20px;
    }

    .temp22 {
        padding: 0 7%;
        padding-top: 40px;
        padding-bottom: 0;
        border: 0;
    }

    .temp22 h1 {
        margin-bottom: 30px;
        padding-bottom: 40px;
        font-size: 36px;
    }

    .temp22-txt {
        margin-bottom: 30px;
        padding-bottom: 40px;
    }

    .temp5-category.temp5-catSpace {
        left: 10px;
        top: 10px;
    }

    .temp22 .temp20-date {
        margin-bottom: 20px;
    }

    .temp23 h1 {
        font-size: 42px;
    }

    .temp23-specItemLabel {
        font-size: 16px;
    }

    .temp23-specItemVal {
        font-size: 20px;
    }

    .temp27-txt h4 {
        font-size: 22px;
    }

    .temp27-txt p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .temp27-txt ul {
        margin-bottom: 10px;
    }

    .temp27-lItemLinks img {
        max-width: 20px;
    }

    .temp27-txt {
        padding-left: 40px;
    }

    .temp29-left {
        padding-left: 64px;
    }

    .temp5-sliderArea.temp4-right .slick-slide:first-child {
        padding-left: 53px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h4 {
        font-size: 22px;
    }

    .temp23 h6 {
        font-size: 16px;
    }

}

@media only screen and (max-width: 1300px) {
    .temp3-img .temp3-mainImg {
        height: 250px;
    }

    .temp4-img img {
        height: 395px;
    }

    .temp5-item {
        width: 400px;
    }

    .temp5-img .temp5-mainImg {
        height: 220px;
    }

    .temp5-sliderItem:first-child {
        padding-left: 110px;
    }

    .temp6-img img {
        height: 330px;
    }

    .btn-whatsMore {
        width: 200px;
        height: 200px;
    }

    .temp7-inner {
        max-width: 1000px;
    }

    .innerBanner img {
        height: 315px;
    }

    .temp10-item:first-child {
        padding-left: 110px;
    }

    .temp11-main h4 {
        font-size: 24px;
    }

    .temp19-list .temp5-img .temp5-mainImg {
        height: 215px;
    }

    .temp19-list .temp5-txt {
        padding: 135px 25px 20px;
    }

    .temp20-lItemTop {
        padding: 0 40% 30px 25px;
    }

    .temp20-lItem .temp5-img .temp5-mainImg {
        height: 280px;
    }

    .temp20-lItem .temp5-txt {
        padding: 220px 45px 20px;
        margin-top: -190px;
    }

    .temp20-left2col .temp5-img .temp5-mainImg {
        height: 220px;
    }

    .temp20-left2col .temp5-txt p {
        margin-bottom: 10px;
    }

    .temp20-lPostsTxt p {
        font-size: 14px;
        height: calc(14px * 1.5 * 2);
    }

    .temp20-lPostsTxtBtm {
        font-size: 12px;
    }

    .temp20-lPostsImg {
        width: 100px;
    }

    .temp20-lPostsImg img {
        height: 70px;
    }

    .temp20-lPostsTxt {
        width: calc(100% - 100px);
        padding-left: 15px;
    }

    .temp20-lPostsItemShareIcon {
        width: 24px;
        height: 24px;
    }

    .temp20-lPostsItemShareIcon .material-icons {
        font-size: 14px;
        line-height: 24px;
    }

    .temp21-item img {
        height: 290px;
    }

    .temp26-img .temp26-mainImg {
        height: 235px;
    }

    .temp27-img {
        width: 270px;
    }

    .temp27-item:nth-child(2n + 1) {
        margin-right: 40px;
    }

    .temp27-item {
        width: calc(50% - 40px);
        margin-bottom: 50px;
    }

    .temp27-txt {
        width: calc(100% - 270px);
        padding-left: 30px;
    }

    .temp30-img img {
        height: 400px;
    }

    .temp30-txt {
        padding: 20px 20px 0 0;
    }

    .temp29-left {
        padding-left: 53px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h4 {
        font-size: 20px;
    }

    .temp5-sliderArea.temp4-right .temp4-val {
        font-size: 13px;
    }

    .temp5-sliderArea.temp4-right .temp4-txt {
        padding: 10px 10px 10px 30px;
    }

    .temp7-item img {
        max-width: 220px;
    }

}

@media only screen and (max-width: 1100px) {
    .innerBanner h1.smlHead {
        font-size: 74px;
    }

    .temp1-specsItem {
        width: calc(27% - 20px);
        margin: 0 10px;
    }

    .temp3-item {
        width: calc(50% - 20px);
    }

    .temp3-img {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

    .temp3-img .temp3-mainImg {
        height: 200px;
    }

    .temp3-txt {
        padding: 130px 20px 20px;
    }

    .temp4-left {
        padding-right: 40px;
    }

    .temp4-img img {
        height: 315px;
    }

    .temp4-txt {
        padding: 20px;
    }

    .temp4-val {
        font-size: 13px;
    }

    .temp4-txtTopItem .material-icons {
        margin-right: 0;
    }

    .temp4-txtTopItem,
    .temp4-right .temp4-txtTopItem {
        margin-right: 20px;
    }

    .temp4-right .temp4-img img {
        height: 180px;
    }

    .temp4-right .temp4-txt {
        padding: 5px 10px 5px 20px;
    }

    .temp4-txtBtm h6 {
        padding-right: 0;
    }

    .temp4-txtBtm h6 {
        margin-bottom: 15px;
        -webkit-line-clamp: 2;
    }

    .temp4-right .temp4-item {
        margin-bottom: 20px;
    }

    .temp5-sliderItem {
        padding: 0 20px;
    }

    .temp7-item img {
        /* max-width: 60%; */
    }

    .temp6-item {
        width: calc(50% - 20px);
        margin-bottom: 70px;
        margin-right: 20px;
    }

    .temp6-item:nth-child(2n+2) {
        margin-left: 20px;
        margin-right: 0;
    }

    .temp6-img img {
        height: 270px;
    }

    .btn-whatsMore {
        width: 180px;
        height: 180px;
        top: 30%;
    }

    .temp5-sliderItem:first-child {
        padding-left: 88px;
    }

    .slick-prev {
        left: 30%;
    }

    .slick-next {
        right: 30%;
    }

    .innerBanner img {
        height: auto;
    }

    .temp9-right {
        padding: 50px 60px 25px 60px;
    }

    .temp9-right p,
    .temp9-right ul li {
        font-size: 15px;
    }

    .temp10-item:first-child {
        padding-left: 88px;
    }

    .temp10-item {
        padding: 0 20px 20px;
    }

    .temp11-main h4 {
        font-size: 22px;
    }

    .temp12-item {
        width: 33.333333%;
    }

    .temp13-item h3 {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .temp13-item h3 span {
        padding-right: 20px;
    }

    .temp13.ourCharter h2 {
        font-size: 48px;
        margin-bottom: 60px;
    }

    .temp14-item {
        width: 33.333333%;
        margin-bottom: 70px;
    }

    .temp14-item h5 {
        font-size: 16px;
    }

    .temp15-item {
        width: calc(50% - 25px);
        margin-bottom: 50px;
    }

    .temp16-inner {
        padding: 0;
    }

    .temp17-head {
        padding-right: 50px;
        font-size: 18px;
    }

    .temp17-headBtn {
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
        right: 0;
    }

    .temp18-tabsItem {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 25px;
        font-size: 18px;
    }

    .temp18-left {
        top: 50px;
    }

    .temp18-form {
        padding: 50px 5% 40px 18%;
    }

    .temp18-twoCol {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .temp18-benifits,
    .temp18-order {
        width: 100%;
    }

    .temp18-benifits {
        margin-bottom: 30px;
    }

    .temp19-list .temp5-sliderItem:nth-child(3n+2) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .temp19-list .temp5-img {
        width: 100%;
        margin-left: 0;
    }

    .temp19-list .temp5-img .temp5-mainImg {
        height: 190px;
    }

    .temp19-list .temp5-txt {
        padding: 20px 15px 10px;
        margin-top: -1px;
    }

    .temp19-list .temp5-txt h6 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .jplist-drop-down,
    .jplist-panel .text-filter-box {
        margin: 0 10px;
    }

    .jplist-drop-down .jplist-dd-panel {
        height: 42px;
        min-width: 150px;
        max-width: 250px;
        padding: 0 35px 0 15px;
        line-height: 40px;
    }

    .jplist-drop-down ul {
        top: 42px;
    }

    .jplist-panel input[type=text] {
        width: 200px;
        padding: 12px 15px 12px 35px;
        background-size: 20px;
    }

    .temp20-lItemTop {
        padding: 0 25% 25px 25px;
    }

    .temp20-lItem .temp5-img .temp5-mainImg {
        height: 220px;
    }

    .temp20-lItem .temp5-txt {
        padding: 165px 25px 20px;
        margin-top: -140px;
    }

    .temp5-img {
        width: 100%;
        margin-left: 0;
    }

    .temp20-left2col .temp5-img .temp5-mainImg {
        height: 200px;
    }

    .temp20-left2col .temp5-txt {
        padding: 140px 45px 20px;
        padding: 25px 25px 10px;
        margin-top: -1px;
    }

    .temp20-blog,
    .temp20-categories {
        padding: 25px;
    }

    .temp20-categories li a {
        font-size: 16px;
    }

    .temp20-categories li {
        margin-bottom: 25px;
    }

    .temp20-categories ul {
        margin-top: 10px;
    }

    .temp20-categories li:last-child {
        margin-bottom: 10px;
    }

    .temp20-lPosts {
        padding: 0;
    }

    .temp20-lPostsTxt p {
        font-size: 12px;
        height: calc(12px * 1.5 * 2);
    }

    .temp20-lPostsTxtBtm {
        font-size: 10px;
    }

    .temp20-lPosts.temp20-lFollow .temp20-lArticlesCount {
        font-size: 12px;
    }

    .temp20-lPosts.temp20-lFollow .temp20-lPostsTxt {
        padding-left: 0;
    }

    .temp20-lPosts.temp20-lFollow .temp20-lPostsImg img {
        width: 80px;
        height: 80px;
    }

    .temp20-lPosts ul {
        max-height: 350px;
    }

    .temp20-lPosts.temp20-lFollow li {
        padding: 0 20px 20px;
    }

    .temp21-item img {
        height: 230px;
    }

    .temp22 {
        margin-top: -40px;
    }

    .temp22 h1 {
        font-size: 32px;
    }

    .temp23 h1 {
        font-size: 36px;
    }

    .temp23-specItemLabel {
        font-size: 14px;
    }

    .temp23-specItemVal {
        font-size: 18px;
    }

    .temp23-specItem {
        padding: 0 40px;
    }

    .temp24-col {
        width: calc(50% - 50px);
    }

    .temp24-col:after {
        right: -50px;
    }

    .temp25-txt ul li {
        font-size: 16px;
        margin-bottom: 40px;
        padding-right: 40px;
        padding-left: 35px;
    }

    .temp25-txt ul li .material-icons {
        font-size: 20px;
    }

    .temp26-item {
        width: calc(33.333333% - 13.333333px);
    }

    .temp26-item:nth-child(4n + 1) {
        margin-left: 10px;
    }

    .temp26-item:nth-child(4n + 4) {
        margin-right: 10px;
    }

    .temp26-item:nth-child(3n + 1) {
        margin-left: 0;
    }

    .temp26-item:nth-child(3n + 3) {
        margin-right: 0;
    }

    .temp26-img .temp26-mainImg {
        height: 255px;
    }

    .temp27-item {
        width: calc(50% - 20px);
    }

    .temp27-item:nth-child(2n + 1) {
        margin-right: 40px;
    }

    .temp27-img {
        width: 100%;
    }

    .temp27-txt {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 45px;
        padding-right: 45px;
        background: rgba(242, 242, 242, .1);
        border: 1px solid rgba(32, 38, 49, .1);
        margin-top: -1px;
    }

    .temp28-txt {
        padding: 10px 20px 0 50px;
    }

    .temp28-txt h5 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .temp28-txt li,
    .temp28-txt p {
        font-size: 14px;
    }

    .temp28-img {
        padding: 0 0 0 20px;
    }

    .temp28-price {
        font-size: 14px;
        padding: 13px 20px;
    }

    .temp28-item {
        margin-bottom: 50px;
    }

    .temp28-itemMain {
        margin-bottom: 0px;
    }

    .temp30-img img {
        height: 310px;
        filter: none;
    }

    .temp30-txt p {
        font-size: 14px;
    }

    .temp29-left {
        padding-left: 0;
    }

    .temp29-right {
        padding-right: 0;
    }

    .temp5-sliderArea.temp4-right .slick-slide:first-child {
        padding-left: 50px;
    }

    .temp5-sliderArea.temp4-right .slick-slide .temp4-item {
        padding-left: 20px;
    }

    .temp5-sliderArea.temp4-right .temp4-txt {
        padding: 10px 0 10px 25px;
    }

    .temp5-sliderArea.temp4-right .temp4-val {
        font-size: 12px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h4 {
        font-size: 18px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h6 {
        font-size: 14px;
    }

    .temp23 h1 {
        margin-bottom: 20px;
    }

    .temp23 h4 {
        font-size: 20px;
    }

    .temp31-oRight,
    .temp31-oLeft {
        padding: 35px;
    }

    .temp31-orderLabel,
    .temp31-orderVal {
        font-size: 16px;
    }

    .temp31-oLeft h4 {
        font-size: 28px;
    }

    .temp31-orderTotal .temp31-orderLabel,
    .temp31-orderTotal .temp31-orderVal {
        font-size: 30px;
    }

    .temp32-subItem p {
        font-size: 16px;
    }

    .temp32-subItem {
        padding-right: 20%;
    }

    .temp32-subItem h5 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .temp16.contact {
        padding-top: 100px;
        padding-bottom: 80px;
    }

}

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

    .fancybox-iframe,
    .iframePDF .fancybox-iframe {
        left: 0;
        width: 100%;
    }

    .fancybox-slide {
        padding: 0;
    }

    .innerBanner h1.smlHead {
        font-size: 62px;
    }

    .homeBanner {
        padding: 0;
    }

    .homeSliderItem-txt {
        left: 6%;
        width: 88%;
    }

    .temp1,
    .temp3,
    .temp4,
    .temp6,
    .temp8,
    .temp11,
    .temp12,
    .temp13,
    .temp14,
    .temp15,
    .temp16,
    .temp17,
    .temp19,
    .temp20,
    .temp21,
    .temp22,
    .temp23,
    .temp24,
    .temp25,
    .temp26,
    .temp27,
    .temp28,
    .temp29,
    .temp30,
    .temp31,
    .temp32 {
        padding: 0 6%;
    }

    .temp1-inner {
        padding: 50px 8%;
    }

    .temp1-specsItem {
        width: calc(33.3333% - 20px);
    }

    .temp2 {
        padding: 0;
    }

    .temp2-left,
    .temp4-right {
        width: 100%;
    }

    .temp2-right {
        padding: 80px 9%;
        position: relative;
        top: initial;
        right: initial;
        transform: none;
        width: 100%;
        float: left;
    }

    .temp3-item {
        width: calc(50% - 15px);
    }

    .temp3-img .temp3-mainImg {
        height: 160px;
    }

    .temp3-txt p,
    .temp5-txt h6 {
        font-size: 14px;
    }

    .temp4-left {
        width: 100%;
        padding-right: 0;
    }

    .temp4-img,
    .temp4-right .temp4-img {
        width: 44%;
    }

    .temp4-img img,
    .temp4-right .temp4-img img {
        height: 220px;
    }

    .temp4-txt,
    .temp4-right .temp4-txt {
        width: 56%;
        padding: 10px 10px 10px 40px;
    }

    .temp4-item,
    .temp4-right .temp4-item {
        margin-bottom: 30px;
    }

    .temp4-right .temp4-item:nth-child(2),
    .temp4-right .temp4-item:nth-child(3) {
        display: none;
    }

    .temp5-sliderItem {
        padding: 0 15px;
    }

    .temp5-sliderItem:first-child {
        padding-left: 46px;
    }

    .temp5-item {
        width: 320px;
    }

    .temp5-slider .slick-prev {
        left: 1%;
    }

    .temp5-slider .slick-next {
        right: 1%;
    }

    .temp5-img {
        width: 100%;
        margin-left: 0;
    }

    .temp5-img .temp5-mainImg {
        height: 200px;
    }

    .temp5-txt h4 {
        height: calc(20px * 1.4 * 2);
    }

    .temp6-item {
        width: calc(50% - 15px);
        margin-bottom: 50px;
        margin-right: 15px;
    }

    .temp6-item:nth-child(2n+2) {
        margin-left: 15px;
        margin-right: 0;
    }

    .temp7-head h5 {
        font-size: 16px;
        letter-spacing: 4.8px;
    }

    .temp7-list:before,
    .temp7-list:after {
        content: none;
    }

    .temp7-item {
        width: initial;
        height: 143px;
        border-right: 0;
        border-bottom: 0;
        text-align: center;
        line-height: 143px;
    }

    .temp7-item:first-child {
        padding-left: 46px;
    }

    .temp7-itemInner {
        max-width: 155px;
        min-width: 155px;
        height: 143px;
        text-align: center;
        line-height: 143px;
    }

    .temp7-item img {
        max-width: 90%;
        /* max-width: 100%; */
        vertical-align: middle;
    }

    .temp7-head {
        margin-bottom: 50px;
    }

    .innerBanner img {
        height: 200px;
    }

    .innerBanner h1 {
        left: 6%;
    }

    .temp9 {
        padding: 0;
    }

    .temp9-left {
        width: 100%;
    }

    .temp9-right {
        padding: 70px 9% 60px;
        position: relative;
        top: initial;
        right: initial;
        transform: none;
        width: 100%;
        float: left;
    }

    .temp10-item:first-child {
        padding-left: 46px;
    }

    .temp10-slider .slick-prev {
        left: 1%;
    }

    .temp10-slider .slick-next {
        right: 1%;
    }

    .temp11-main h4 {
        font-size: 20px;
    }

    .temp12-item {
        width: 50%;
        margin-bottom: 50px;
    }

    .temp12-img img {
        width: 240px;
        height: 240px;
    }

    .temp13 {
        margin-top: 20px;
    }

    .temp13-top {
        padding-left: 0;
        margin-bottom: 70px;
        display: block;
        text-align: center;
    }

    .temp13-img {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }

    .temp13-topTxt h2 {
        margin-bottom: 5px;
        font-family: 'hk_groteskmedium', sans-serif;
        letter-spacing: 0px;
        font-size: 24px;
        color: #000;
    }

    .temp13-topTxt h4 {
        margin-bottom: 30px;
        font-size: 16px;
        color: #202631;
    }

    .temp13-topTxt p {
        font-size: 14px;
        letter-spacing: 0.28px;
        color: #000;
    }

    .temp13-item h3 {
        font-size: 30px;
    }

    .temp13-itemSub {
        padding-left: 0;
    }

    .temp13.chairmansMsg .temp13-topTxt h4 {
        margin-bottom: 60px;
    }

    .temp13.ourCharter h2 {
        font-size: 42px;
    }

    .temp14-item {
        margin-bottom: 50px;
    }

    .temp14-item h5 {
        font-size: 14px;
    }

    .temp15-item {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }

    .temp16-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .temp16-right {
        width: 100%;
    }

    .temp17-item {
        margin-bottom: 20px;
    }

    .temp18-left {
        margin-bottom: 70px;
        top: 0;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .temp18-left .temp15-item {
        width: calc(50% - 15px);
    }

    .temp18-link a,
    .backToMemberForm {
        font-size: 14px;
    }

    .temp18-right,
    .temp18-tabs {
        width: 100%;
    }

    .temp18-form,
    .temp18-bill {
        padding: 50px 6% 20px;
    }

    .temp19-list .temp5-sliderItem {
        width: calc(50% - 10px);
    }

    .temp19-list .temp5-sliderItem:nth-child(3n+2) {
        margin-left: initial;
        margin-right: initial;
    }

    .temp19-list .temp5-sliderItem:nth-child(2n+2) {
        margin-left: 20px;
        margin-right: 0;
    }

    .jplist-panel .text-filter-box,
    .jplist-drop-down {
        margin: 0 10px;
    }

    .temp19-list .temp5-img .temp5-mainImg {
        height: 210px;
    }

    .temp20-left {
        width: 100%;
    }

    .temp20-right {
        width: 100%;
        margin-top: 50px;
        padding-left: 0;
    }

    .temp21-item {
        margin-bottom: 20px;
        width: calc(33.333333% - 13.333333px);
    }

    .temp21-item:nth-child(4n+2) {
        margin-left: initial;
        margin-right: initial;
    }

    .temp21-item:nth-child(4n+3) {
        margin-right: initial;
    }

    .temp21-item:nth-child(3n+2) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .temp21-item img {
        height: 215px;
    }

    .temp22 p {
        margin-bottom: 25px;
        padding-right: 0;
    }

    .temp22 h1 {
        padding-bottom: 20px;
        letter-spacing: -0.6px;
    }

    .temp22 .temp20-date {
        margin-bottom: 15px;
    }

    .temp22-social {
        margin-bottom: 30px;
    }

    .temp22 {
        padding-top: 40px;
    }

    .temp22-txt {
        padding-bottom: 20px;
    }

    .temp24 {
        flex-wrap: wrap;
    }

    .temp24-col {
        width: 100%;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .temp24-col:after {
        right: 0;
        top: initial;
        bottom: 0;
        width: 100%;
        height: 2px;
    }

    .temp24-col h2 {
        margin-bottom: 30px;
    }

    .temp25-txt ul li {
        width: 100%;
    }

    .temp26-item {
        width: calc(50% - 10px);
    }

    .temp26-item:nth-child(3n + 1) {
        margin-left: 10px;
    }

    .temp26-item:nth-child(3n + 3) {
        margin-right: 10px;
    }

    .temp26-item:nth-child(2n + 1) {
        margin-left: 0;
    }

    .temp26-item:nth-child(2n + 2) {
        margin-right: 0;
    }

    .temp26-img .temp26-mainImg {
        height: 265px;
    }

    .temp27-item {
        width: calc(50% - 10px);
    }

    .temp27-item:nth-child(2n + 1) {
        margin-right: 20px;
    }

    .temp27-txt {
        padding-left: 40px;
        padding-right: 40px;
    }

    .temp27-txt h4 {
        font-size: 20px;
    }

    .temp27-txt p {
        font-size: 14px;
    }

    .temp27-txt li {
        font-size: 14px;
    }

    .temp27-txt li:before {
        top: 7px;
    }

    .temp28-links {
        flex-wrap: wrap;
    }

    .temp28-links a {
        width: 100%;
        margin-bottom: 20px;
    }

    .temp30-item {
        width: calc(33.333333% - 13.333333px);
    }

    .temp30-item:nth-child(4n+2) {
        margin-left: initial;
        margin-right: initial;
    }

    .temp30-item:nth-child(4n+3) {
        margin-right: initial;
    }

    .temp30-item:nth-child(3n+2) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .temp29 {
        flex-direction: column;
    }

    .temp29-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .temp29-right {
        width: 100%;
        flex-direction: column;
        align-content: flex-start;
    }

    .temp29-right .btn-blue.withIcon.btn-blueLarge {
        padding: 16px 30px 17px;
        font-size: 12px;
    }

    .temp5-sliderArea.temp4-right .slick-slide:first-child {
        padding-left: 26px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtBtm h4 {
        font-size: 18px;
        -webkit-line-clamp: 2;
    }

    .temp5-sliderArea.temp4-right .temp4-val {
        font-size: 10px;
    }

    .temp5-sliderArea.temp4-right .temp4-txtTopItem .material-icons {
        font-size: 14px;
    }

    .temp31-oLeft,
    .temp31-oRight {
        width: 100%;
    }

    .temp31-order {
        margin-bottom: 50px;
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .temp31-oLeft {
        padding: 0 0 40px;
    }

    .temp31-oLeft h6 {
        font-size: 20px;
    }

    .temp31-oLeft h4 {
        font-size: 24px;
    }

    .temp31-oRight h4 {
        font-size: 22px;
    }

    .temp31-orderRow.temp31-totalBtm .temp31-orderVal {
        font-size: 16px;
    }

}


@media only screen and (max-width: 650px) {
    .innerBanner h1.smlHead {
        font-size: 50px;
    }

    .homeSliderItem-txt {
        top: 40px;
    }

    .homeSliderItem-txt h3 {
        font-size: 24px;
        letter-spacing: 0;
    }

    .homeSliderItem-txt p {
        font-size: 16px;
        padding-right: 0;
    }

    .slick-prev {
        left: 15%;
    }

    .slick-next {
        right: 15%;
    }

    .temp1-inner h6 {
        font-size: 14px;
        letter-spacing: 0.38px;
    }

    .temp1-inner {
        padding: 40px 20px 0;
    }

    .temp1-inner h2 em {
        font-size: 16px;
        letter-spacing: 2.72px;
    }

    .temp1-inner h2 {
        margin-bottom: 20px;
    }

    .temp1-specsItemVal {
        font-size: 42px;
        margin-bottom: 5px;
    }

    .temp1-specs {
        flex-wrap: wrap;
    }

    .temp1-specsItem {
        width: calc(62% - 20px);
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .temp1-para {
        margin: 0 auto 30px;
    }

    .temp1-links a {
        margin: 7px 0;
    }

    .temp2-right {
        padding: 80px 6%;
    }

    .temp2-right h3 {
        font-size: 24px;
        letter-spacing: -0.48px;
        margin-bottom: 25px;
    }

    .temp2-right p {
        margin-bottom: 40px;
    }

    .temp3,
    .temp4 {
        padding-bottom: 130px;
    }

    .temp5 {
        padding-bottom: 160px;
    }

    .temp3-list {
        flex-wrap: wrap;
    }

    .temp3-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .temp3-img .temp3-mainImg {
        height: 180px;
    }

    .temp6-item {
        width: 100%;
        margin-bottom: 50px;
        margin-right: 0;
    }

    .temp6-item:nth-child(2n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .temp6-img img {
        height: 240px;
    }

    .btn-whatsMore {
        width: 160px;
        height: 160px;
    }

    .temp6-img {
        margin-bottom: 20px;
    }

    .btn-whatsMore span:not(.material-icons) {
        margin-top: 50px;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .temp7-head {
        margin-bottom: 30px;
        padding: 0 6%;
    }

    .temp7-head h5 {
        font-size: 20px;
        letter-spacing: 6px;
        line-height: 2;
    }

    .temp7-item:first-child,
    .temp5-sliderItem:first-child {
        padding-left: 25px;
    }

    .temp7-head-title {
        display: block;
        width: 45%;
        margin: auto;
    }

    .temp4-img,
    .temp4-right .temp4-img {
        width: 40%;
    }

    .temp4-txt,
    .temp4-right .temp4-txt {
        width: 60%;
        padding: 10px 0 10px 20px;
    }

    .temp4-val {
        font-size: 10px;
    }

    .temp4-txtTopItem .material-icons {
        font-size: 15px;
    }

    .temp4-txtTopItem,
    .temp4-right .temp4-txtTopItem {
        margin-right: 10px;
    }

    .temp4-txtTop {
        margin-bottom: 10px;
    }

    .temp4-img img,
    .temp4-right .temp4-img img {
        height: 210px;
    }

    .temp4-img .cept {
        height: auto;
        width: 100%;
    }

    .temp4-txtBtm h6 {
        -webkit-line-clamp: 3;
        font-size: 14px;
    }

    .innerBanner {
        width: 88%;
        margin-left: 6%;
    }

    .innerBanner img {
        height: 340px;
    }

    .innerBanner h1 {
        width: calc(100% - 40px);
        left: 20px;
        text-align: center;
    }

    .temp8 h2 {
        margin-bottom: 25px;
    }

    .temp8 p {
        margin: 0 auto 35px;
        letter-spacing: 0px;
    }

    .temp9-right {
        padding: 40px 6% 30px;
    }

    .temp9-right .subTitle {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .temp9-right h3 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .temp9-right p,
    .temp9-right ul li {
        font-size: 16px;
    }

    .temp10-item:first-child {
        padding-left: 20px;
    }

    .temp10-item {
        text-align: center;
    }

    .temp10-item a {
        float: none;
        padding: 15px;
        display: inline-block;
    }

    .temp11-main h4 {
        font-size: 18px;
    }

    .temp11-main h4 br {
        display: none;
    }

    .temp12-item {
        width: 100%;
    }

    .temp12-txt h5 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .temp12-img {
        margin-bottom: 10px;
    }

    .temp12-txt p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .temp12-txt .temp12-txtView {
        font-size: 14px;
        letter-spacing: 1.12px;
    }

    .temp13-item h3 span {
        padding-right: 10px;
    }

    .temp13-item li {
        margin-bottom: 20px;
        font-size: 14px;
        letter-spacing: 0.28px;
        line-height: 1.6;
    }

    .temp13-itemSub h4 {
        margin-bottom: 30px;
        line-height: 1.3;
        font-size: 24px;
    }

    .temp13-itemSub p {
        font-size: 14px;
        letter-spacing: 0.28px;
        line-height: 1.6;
    }

    .temp13-itemSub h6 {
        font-size: 20px;
    }

    .temp13.chairmansMsg,
    .temp13.ourCharter {
        margin-top: 10px;
    }

    .temp13.chairmansMsg .temp13-topTxt p {
        font-size: 14px;
        letter-spacing: 0.38px;
        line-height: 1.5;
    }

    .temp13.ourCharter h2 {
        margin-bottom: 40px;
        font-size: 32px;
        letter-spacing: -0.32px;
        line-height: 1.3;
    }

    .temp16-link {
        display: block;
    }

    .temp16-link a {
        width: 100%;
        margin-bottom: 20px;
    }

    .temp16-left h6 {
        margin-bottom: 5px;
        font-size: 16px;
        letter-spacing: 0.43px;
    }

    .temp16-right p {
        margin-bottom: 30px;
        letter-spacing: 0.28px;
    }

    .temp14,
    .temp15 {
        padding: 0;
    }

    .temp14-list {
        margin-bottom: 30px;
    }

    .temp14-item {
        margin-bottom: 0;
    }

    .temp14-img {
        margin-bottom: 25px;
    }

    .temp14-item h5 {
        font-size: 16px;
        padding: 0 80px;
    }

    .temp14-list .slick-next,
    .temp14-list .slick-prev,
    .temp15-list .slick-next,
    .temp15-list .slick-prev {
        bottom: calc(50% - 17px);
        top: initial;
    }

    .temp14-list .slick-prev,
    .temp15-list .slick-prev {
        left: 1%;
    }

    .temp14-list .slick-next,
    .temp15-list .slick-next {
        right: 1%;
    }

    .temp14-list .slick-dots {
        bottom: -30px;
    }

    .temp15-list .slick-dots {
        bottom: 0;
    }

    .temp14-list .slick-dots li button,
    .temp15-list .slick-dots li button {
        background: rgba(183, 183, 183, .4);
        box-shadow: none;
        transition: all .4s ease-in;
    }

    .temp14-list .slick-dots li.slick-active button,
    .temp15-list .slick-dots li.slick-active button {
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }

    .temp15-item {
        width: 100%;
        background-size: 70px;
        background-position: left 20px top 12px;
        max-width: 320px;
        margin-left: 47px;
        margin-right: 47px;
        margin-bottom: 30px;
        padding: 30px 5px;
    }

    .temp15-plan h3 {
        font-size: 30px;
        letter-spacing: 4.5px;
        line-height: 1.2;
    }

    .temp15-plan {
        height: 72px;
    }

    .temp15-period,
    .temp15-title {
        letter-spacing: 3.6px;
    }

    .temp15-price {
        padding: 0 30px;
        height: 40px;
    }

    .temp15-price h5 {
        margin-right: 15px;
        font-size: 30px;
        letter-spacing: -0.6px;
    }

    .temp15-price p {
        font-size: 12px;
    }

    .temp15-link {
        margin-bottom: 30px;
        padding: 0 30px;
    }

    .temp15-link a {
        min-width: 100%;
        letter-spacing: 2.28px;
    }

    .temp15-title {
        margin-bottom: 7px;
    }

    .temp15-val {
        font-size: 12px;
    }

    .temp15-subItem {
        margin-bottom: 25px;
    }

    .temp15-period span {
        padding: 0 5px;
    }

    .temp15-period:before {
        background-color: rgba(112, 112, 112, .1);
    }

    .temp17-head {
        padding-right: 40px;
        font-size: 16px;
        line-height: 1.2;
    }

    .temp17-content p {
        margin-bottom: 20px;
        letter-spacing: 0;
        font-size: 14px;
        font-family: 'hk_groteskmedium', sans-serif;
        letter-spacing: 0px;
    }

    .temp18-left .temp15-item {
        width: 100%;
        background-size: 70px;
        background-position: left 20px top 12px;
    }

    .formRow.twoCol .formField {
        width: 100%;
    }

    .formRow.twoCol {
        flex-direction: column;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select {
        padding: 0 0 20px;
        font-size: 14px;
    }

    textarea {
        padding: 20px;
        font-size: 14px;
    }

    .fileUpload label {
        font-size: 10px;
    }

    .formField.formSubmitWrap {
        display: flex;
        justify-content: center;
    }

    .temp18-policy p {
        padding-right: 0;
    }

    .temp18-billing {
        text-align: center;
    }

    .temp18-billingVal {
        letter-spacing: -0.6px;
    }

    .temp18-benifits,
    .temp18-order {
        padding: 40px 30px;
    }

    .temp18-benifits h6,
    .temp18-order h6 {
        font-size: 14px;
        letter-spacing: 4.2px;
    }

    .temp18-benifits h6 {
        padding-left: 30px;
    }

    .temp18-benifits ul li:last-child {
        margin-bottom: 0;
    }

    .temp18-benifits ul li,
    .temp18-orderLabel,
    .temp18-orderVal {
        font-size: 14px;
    }

    .temp18-orderTotal .temp18-orderLabel,
    .temp18-orderTotal .temp18-orderVal {
        font-size: 20px;
    }

    .temp18-billLinks {
        flex-direction: column;
    }

    .backToMemberForm {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .temp18-bill {
        padding: 50px 6%;
    }

    .temp18-tabsItem:after {
        height: 2px;
        bottom: -1px;
    }

    .temp18-tabsItem {
        padding-left: 6%;
        padding-right: 6%;
        padding-bottom: 20px;
        font-size: 20px;
        white-space: nowrap;
    }

    .temp18-tabsItem:first-child {
        padding-left: 6%;
    }

    .temp18-tabsItem:last-child {
        padding-right: 6%;
    }

    .temp18-tabs {
        overflow: hidden;
        overflow-x: auto;
    }

    .temp18-tabList {
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    .temp19-list .temp5-sliderItem,
    .temp19-list .temp5-sliderItem:nth-child(2n+2),
    .temp19-list .temp5-sliderItem:nth-child(3n+2) {
        width: 320px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        float: none;
    }

    .temp19-list .temp5-img .temp5-mainImg {
        height: 200px;
    }

    .jplist-label {
        font-size: 16px;
        margin: 10px 0 40px;
    }

    .jplist-drop-down .jplist-dd-panel,
    .jplist-drop-down ul {
        min-width: 140px;
    }

    .jplist-panel .text-filter-box,
    .jplist-drop-down {
        margin: 0 5px 20px;
    }

    .jplist-panel {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .jplist-drop-down .jplist-dd-panel,
    .jplist-panel input[type=text] {
        border-width: 1px;
        height: 40px;
        line-height: 38px;
    }

    .jplist-panel.csPanel {
        justify-content: space-between;
    }

    .jplist-panel.csPanel .jplist-drop-down,
    .jplist-panel.csPanel .text-filter-box {
        margin-left: 0;
        margin-right: 0;
    }

    .jplist-panel.csPanel .jplist-drop-down:first-child {
        width: 40%;
    }

    .jplist-panel.csPanel .jplist-drop-down:nth-child(2) {
        width: 55%;
    }

    .jplist-panel.csPanel .text-filter-box,
    .jplist-panel.csPanel .jplist-drop-down .jplist-dd-panel,
    .jplist-panel.csPanel input[type=text] {
        width: 100%;
    }

    .temp20 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .temp20-left {
        max-width: 320px;
    }

    .temp20-lItemTop {
        padding: 0 0 25px;
    }

    .temp20-title {
        letter-spacing: 4.2px;
    }

    .temp20-lItem .temp5-txt p {
        font-size: 14px;
        -webkit-line-clamp: 4;
        height: calc(14px * 1.4 * 4);
    }

    .temp20-lItem .temp5-img .temp5-mainImg {
        height: 200px;
    }

    .temp20-lItemLinks ul {
        width: 100%;
        float: left;
    }

    .temp20-lItemLinks li {
        padding: 15px 30px 15px 0;
    }

    .temp20-lItem .temp5-txt {
        padding: 165px 25px 10px;
    }

    .temp20-lItem {
        margin-bottom: 50px;
    }

    .temp20-left2col {
        flex-direction: column;
    }

    .temp20-left2col .temp5-item {
        width: 100%;
        margin-bottom: 50px;
    }

    .temp20-right {
        max-width: 360px;
        margin-top: 0;
        padding-left: 0;
    }

    .temp20-left2col {
        margin-bottom: 70px;
    }

    .temp20-lPosts ul {
        overflow: initial;
        overflow-y: initial;
        margin-bottom: 30px;
    }

    .temp20-lPosts ul .slick-next,
    .temp20-lPosts ul .slick-prev {
        width: 24px;
        height: 24px;
        bottom: calc(50% - 12px);
    }

    .temp20-lPosts ul .slick-prev {
        left: -18px;
    }

    .temp20-lPosts ul .slick-next {
        right: -18px;
    }

    .temp20-lPosts ul .slick-dots {
        bottom: -60px;
        margin: 0;
    }

    .temp20-lPosts ul .slick-dots li {
        width: 10px;
        height: 10px;
        padding: 0;
        float: none;
    }

    .temp20-lPosts ul .slick-dots li button {
        background: rgba(40, 64, 89, .4);
        box-shadow: none;
    }

    .temp20-lPosts ul .slick-dots li.slick-active button {
        background: #284059;
        box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    }

    .temp20-lPostsImg {
        width: 115px;
    }

    .temp20-lPostsTxt {
        width: calc(100% - 115px);
    }

    .temp20-lPosts li,
    .temp20-lPosts.temp20-lFollow li {
        padding: 0 20px;
    }

    .temp20-lPosts {
        margin-bottom: 80px;
    }

    .temp20-lPosts.temp20-lFollow .temp20-lPostsImg img {
        width: 100px;
        height: 100px;
    }

    .temp20-lPostsImg img {
        height: 100px;
    }

    .temp20-lPosts.temp20-lFollow .temp20-lFollowTxt h6 {
        font-size: 16px;
    }

    .temp20-lPosts.temp20-lFollow .temp20-lArticlesCount {
        font-size: 10px;
    }

    .temp20-lPostsTxt p {
        height: calc(12px * 1.5 * 4);
        -webkit-line-clamp: 4;
    }

    .temp21 {
        margin-top: 10px;
    }

    .temp21-item {
        margin-bottom: 6px;
        width: calc(33.333333% - 4px);
    }

    .temp21-item:nth-child(3n+2) {
        margin-left: 6px;
        margin-right: 6px;
    }

    .temp21-item img {
        height: 117px;
    }

    .temp22 {
        padding-top: 20px;
    }

    .temp22 h1 {
        font-size: 30px;
        line-height: 1.2;
        padding-bottom: 10px;
    }

    .temp22-txt {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .temp22-social.temp22-socialBtm {
        display: none;
    }

    .temp23 h1 {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .temp23-specItem {
        padding: 0 10px;
        border-right-width: 1px;
    }

    .temp23-specItemLabel {
        font-size: 10px;
        margin-bottom: 5px;
    }

    .temp23-specItemVal {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .temp23-specs {
        margin-bottom: 30px;
    }

    .temp24-col p {
        line-height: 1.4;
    }

    .temp25-txt h6 {
        margin-bottom: 5px;
        font-size: 16px;
        letter-spacing: 0.43px;
    }

    .temp25-txt h2 {
        margin-bottom: 40px;
    }

    .temp25-txt ul li {
        font-size: 14px;
        letter-spacing: 0.28px;
        margin-bottom: 30px;
        padding-right: 0;
    }

    .temp26-item {
        width: 320px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        float: none;
    }

    .temp26-item:nth-child(2n + 1),
    .temp26-item:nth-child(2n + 2) {
        margin-left: auto;
        margin-right: auto;
    }

    .temp26-img {
        width: 100%;
        margin-left: 0;
    }

    .temp26-img .temp26-mainImg {
        height: 205px;
    }

    .temp26-txt {
        padding: 25px 15px 10px;
        margin-top: -1px;
    }

    .temp26-txt p {
        font-size: 14px;
        height: calc(14px * 1.4 * 4);
    }

    .temp26-txt p.temp26-author {
        height: calc(14px * 1.4 * 1);
    }

    .temp26-share {
        right: 10px;
        top: 10px;
    }

    .temp26-share .temp26-shareIcon {
        width: 24px;
        height: 24px;
        margin-left: 15px;
    }

    .temp26-share .material-icons {
        font-size: 15px;
        line-height: 24px;
    }

    .jplist-panel .temp26-input,
    .jplist-panel .temp26-input input[type=text] {
        width: 100%;
    }

    .temp27-item {
        width: 320px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        float: none;
    }

    .temp27-item:nth-child(2n + 1) {
        margin-right: auto;
    }

    .temp27-txt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .temp27-txt li {
        padding-left: 25px;
    }

    .temp27-lItemLinks a {
        margin-right: 30px;
    }

    .temp27-lItemLinks img {
        max-width: none;
    }

    .temp28-list {
        margin-top: 30px;
    }

    .temp28-itemMain h2 {
        margin-bottom: 45px;
    }

    .temp28-itemMain h2 span {
        padding-right: 10px;
    }

    .temp28-itemMain h2:before {
        bottom: 5px;
        height: 1px;
    }

    .temp28-item {
        width: 320px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        overflow-x: initial;
        float: none;
    }

    .temp28-img {
        width: 100%;
        padding: 0;
    }

    .temp28-txt {
        width: 100%;
        padding: 25px 20px 20px;
        margin-top: -1px;
        background: rgba(242, 242, 242, .1);
        border: 1px solid rgba(32, 38, 49, .1);
    }

    .temp28-txt h5 {
        margin-bottom: 15px;
    }

    .temp28-txt li {
        padding-left: 30px;
        line-height: 1.4;
    }

    .temp28-txt li .material-icons,
    .temp28-txt li .material-icons-outlined {
        top: 0;
    }

    .temp28-txt p {
        padding-right: 0;
    }

    .temp28-links a:last-child {
        margin-bottom: 0;
    }

    .temp28-price {
        left: -20px;
    }

    .temp30-item {
        width: calc(50% - 5px);
        margin-bottom: 50px;
    }

    .temp30-item:nth-child(3n+2) {
        margin-left: initial;
        margin-right: initial;
    }

    .temp30-item:nth-child(2n+1) {
        margin-right: 10px;
    }

    .temp30-img img {
        height: 250px;
    }

    .temp30-txt p {
        font-size: 12px;
        letter-spacing: .5px;
    }

    .temp29-right {
        flex-wrap: nowrap;
    }

    .temp29-right .btn-blue.withIcon.btn-blueLarge {
        text-align: center;
    }

    .temp23.evInnerHead h1 {
        margin-bottom: 20px;
    }

    .temp23.evInnerHead h4 {
        font-size: 16px;
    }

    .temp23.evInnerHead h6 {
        font-size: 14px;
    }

    .temp5-sliderArea.temp4-right .slick-slide:first-child {
        padding-left: 5px;
    }

    .temp9-link .btn-white {
        width: 100%;
        text-align: center;
    }

    .temp5-sliderArea.temp4-right .temp4-txt {
        padding: 0 20px;
    }

    .temp5-sliderArea.temp4-right .slick-slide .temp4-item {
        margin-bottom: 35px;
    }

    .temp31 {
        padding: 0;
    }

    .temp31-form {
        padding: 45px 6%;
    }

    .temp31-oRight,
    .temp31-oLeft {
        padding: 30px 16px;
    }

    .temp31-oRight h4 {
        font-size: 20px;
    }

    .temp31-oLeft {
        padding: 0 0 40px;
    }

    .temp32-item {
        margin-bottom: 40px;
        width: 100%;
    }

    .temp32-subItem {
        margin-bottom: 30px;
        padding-right: 0;
    }

    .temp32-subItem p {
        width: calc(100% - 50px);
    }

    .temp32-item h2 {
        margin-bottom: 30px;
    }

    .temp32-subItem h5 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .temp32-contact .temp32-subItem.mb80 {
        margin-bottom: 50px;
    }

    .temp16.contact {
        padding-top: 40px;
        padding-bottom: 20px;
    }



}

@media only screen and (max-width: 380px) {
    .innerBanner h1.smlHead {
        font-size: 42px;
    }

    .innerBanner img {
        height: 300px;
    }

    .temp15-plan h3,
    .temp15-price h5 {
        font-size: 24px;
    }

    .jplist-panel input[type=text] {
        width: 170px;
    }

    .temp20-lPostsImg {
        width: 100px;
    }

    .temp20-lPostsTxt {
        width: calc(100% - 100px);
    }

    .temp20-lPosts.temp20-lFollow .temp20-lPostsImg img {
        width: 90px;
        height: 90px;
    }

    .temp21-item img {
        height: 105px;
    }

    .temp22 h1 {
        font-size: 28px;
    }

    .temp30-img img {
        height: 200px;
    }


}