@media screen and (max-width:1600px){
	.commonBanner{height:530px;}
	.commonBanner .bannerImg{height:100%;}
	.commonBanner .bannerImg img{height:100%;object-fit:cover;}
}
@media screen and (max-width:1360px){
	.homeSocialMedia .container .grp .facebook{height:400px;overflow-y:auto;}
	.homeSocialMedia .container .grp .instagram{height:400px;overflow-y:auto;}
}
@media screen and (max-width:1300px){
	header .navBar .main_menu ul li a{margin:0 12.5px;}
	.homeMPs .ourMPs .contents .photo{padding-top:20px;}
}

@media screen and (max-width:1240px){
	.homeSocialMedia .container .grp .facebook{height:350px;overflow-y:auto;}
	.homeSocialMedia .container .grp .instagram{height:350px;overflow-y:auto;}
}

@media screen and (max-width:1200px){
	header .topBar .left{display:none;}
	header .topBar .rgt .font_adjust,
	header .topBar .rgt .follow_us{display:none;}
	header .topBar .rgt .search{position:absolute;margin-right:0;top:50%;right:30px;transform:translateY(-50%)}
	header .search .searchField input[type=text]{background:#e5e9eb;}
	header .search .mainSearch{filter:none;}
	header .navBar{padding:10px 30px;}
	header .navBar .myttc_logo{display:none;}
	header .navBar .tc_logo{display:block;width:190px;margin:0 auto;}
	header .navBar .main_menu{display:none;}
	.menuBtn_mobile{display:block;}
	header .navBar .main_menu.active{display:block;width:100%;max-width:320px;text-align:left;top:59px;left:0;position:absolute;background:#ffffff;height:calc(100vh - 59px);max-height:100vh;overflow-y:auto;overflow-x:none;border-right:1px solid #e5e9eb;}
	header .navBar .main_menu.active ul li{display:block;}
	header .navBar .main_menu.active ul li a{margin:0 30px;padding:15px 0;}
	header .navBar .main_menu.active ul li .subMenu{width:100%;position:relative;top:0;left:0;padding-top:0;z-index:1;display:none;}
	header .navBar .main_menu.active ul li:hover .subMenu{display:block}
	header .navBar .main_menu.active ul li .subMenu ul{background:none;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	header .navBar .main_menu.active ul li .subMenu ul li{width:100%;padding:0;}
	header .navBar .main_menu.active .mob_follow_us{display:block;}
	header .navBar .main_menu.active .mob_contact_no{display:block;}
	.homeMPs .ourMPs .contents .photo{width:200px;padding-top:0;position:absolute;left:25px;bottom:0;}
	.homeMPs .ourMPs .contents .details{width:calc(100% - 220px);padding-bottom:25px;padding-left:220px;}
	.commonBanner{height:420px;}
	.commonBanner h2{font-size:35px;}
	.displayThumb .grp{width:calc(33.333% - 30px);}
}

@media screen and (max-width:1100px){
	.templateLR .grp{align-items:flex-start;}
	.templateLR .col{width:calc(55% - 50px);}
	.templateLR .col.image{width:45%;}
}

@media screen and (max-width:1000px){
	.homeQuickLinks .container ul li{width:calc(33.333% - 30px);}
	.homeMPs .ourMPs .contents{width:calc(100% - 80px);}
	.homeSocialMedia .container .grp .facebook{display:block;width:340px;height:460px;margin:30px auto 0 auto;overflow:hidden;}
	.homeSocialMedia .container .grp .instagram{display:block;width:100%;height:460px;}
	.commonSpace .tabMenu,
	.usefulContact .tabMenu{display:none;}
	.commonSpace .tabMenuMobile,
	.usefulContact .tabMenuMobile{display:block;}
	.sitemap ul li ul li{width:22%;}
	.townMap .left{display:block;width:100%;margin-right:0;margin-bottom:30px;}
	.townMap .rgt{display:block;width:100%;margin-left:0;margin-bottom:0;}
	.templateLR .grp{display:block;}
	.templateLR .col{width:100%;margin:0 !important;}
	.templateLR .col.image{width:100%;margin:0 0 25px 0 !important;}
}

@media screen and (max-width:900px){
	footer .container .grp .col{width:calc(50% - 30px);margin-bottom:30px;}
	.commonBanner{height:300px;}
	.commonBanner .bannerImg{height:100% ;}
	.commonBanner .bannerImg img{height:100%;object-fit:cover;}
	.templateMPs .ourMPs .contents .photo{width:270px;padding-top:0;position:absolute;left:25px;bottom:0;}
	.templateMPs .ourMPs .contents .details{padding-bottom:25px;width:calc(100% - 300px);padding-left:300px;}
	.templateMPs .ourMPs .contents .details .col{width:100%;margin:0 0 20px 0;}
	.templateMPs .ourMPs .contents .details .commonBtn{position:relative;bottom:auto;left:0;}
	.commonBtn.viewTM{position:relative;top:auto;float:right;margin-bottom:20px;}
	.googleMap{margin-top:10px;}
	.googleMap iframe{height:480px;}
}

@media screen and (max-width:829px){
	header .search .searchField{width:250px;position:absolute;right:-5px;top:45px;background:#ffffff;}
	header .search .searchField input[type=text]{padding:10px 25px 10px 15px;}
	header .search .searchField .btn{right:5px;top:50%;transform:translateY(-50%);}
	.responsiveTable{border:none;}
	.responsiveTable table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.responsiveTable table tr{display:block;padding:0 0 10px 0;margin-bottom:20px;border:1px solid #e5e9eb;border-radius:20px;overflow:hidden;position:relative;background:#fff !important;}
	.responsiveTable table tr:last-child{margin-bottom:0;}
	.responsiveTable table tbody tr td{border-top:none !important;border-bottom:none !important;display:table;text-align:left !important;padding:5px 15px;}
	.responsiveTable table tbody tr td::before{content:attr(data-label);display:table-cell;vertical-align:top;width:110px;padding-right:10px;font-weight:700;color:#000;}
	.responsiveTable.mobileBlock table tbody tr td{padding:10px 15px;}
	.responsiveTable.mobileBlock table tbody tr td::before{content:attr(data-label);display:table;width:100%;padding-right:0;margin-bottom:10px;}
	.responsiveTable table tbody tr td:first-child::before{content:'';display:none;}
	.responsiveTable table tbody tr td:first-child{font-weight:700;color:#1c2084;background:#e8e8f2;display:block;padding:10px 15px;}
	.handyman .responsiveTable table tbody tr td:first-child{display:none;}
	.handyman .responsiveTable table tbody tr td:nth-child(2)::before{content:'';display:none;}
	.handyman .responsiveTable table tbody tr td:nth-child(2){font-weight:700;color:#1c2084;background:#e8e8f2;display:block;padding:10px 15px;}
	.grpForm.col_2 .grpFields{width:calc(100% - 30px);}
	.download-btn .grp-btn .description{width:calc(100% - 60px);}
	.download-btn .grp-btn .link{width:100%;padding:15px 0 0 0;margin-left:0;margin-top:15px;border-left:none;border-top:1px solid #fff;text-align:center;}
	.download-btn .grp-btn .link span{position:relative;right:auto;top:auto;transform:none;}
	.sitemap ul li ul li{width:30.3333%;}
	.sitemap ul li ul{margin:10px 0 0 10px;width:calc(100% - 10px);}
	.displayThumb .grp{width:calc(50% - 30px);}
}

@media screen and (max-width:699px){
	.homeQuickLinks .container ul li{width:calc(50% - 30px);}
	.templateMPs .ourMPs .contents .photo{display:block;width:220px;margin:0 auto 20px auto;position:relative;left:auto;}
	.templateMPs .ourMPs .contents .details{display:block;width:100%;padding-left:0;}
	.tabMenu{display:none;}
	.tabMenuMobile{display:block;}
	.commonPage.sitemap ul li ul li{width:45%;}
}

@media screen and (max-width:524px){
	.homeSocialMedia .container .grp .instagram{height:600px;}
}

@media screen and (max-width:529px){
	.homeMPs .ourMPs .contents .photo{display:block;width:220px;margin:0 auto 20px auto;position:relative;left:auto;}
	.homeMPs .ourMPs .contents .details{display:block;width:100%;padding-left:0;}
}

@media screen and (max-width:500px){
	footer .container .grp .col{width:calc(100% - 30px);margin-bottom:20px;}
	.homeBanners .bannerSlider .bannerText .container .tagLine h2{font-size:60px;}
	.homeBanners .bannerSlider .bannerText .container .tagLine h2::before{content:'';background:url('../images/common/img-MY.svg')no-repeat left top;background-size:100%; width:95px;height:72px;margin-right:15px;}
	.homeBanners .bannerSlider .bannerText .container .description{top:110px;}
	.homeBanners .bannerSlider .bannerText p{font-size:16px;line-height:22px;}
	.grpForm .grpFields .fieldInput.captcha span{width:100%;margin-right:0;margin-bottom:10px;}
	.grpForm .grpFields .fieldInput.captcha .code{margin-bottom:0;}
	.commonPage.sitemap ul li ul li{width:100%;}
	.townMap .googlemap{height:350px;}
}

@media screen and (max-width:399px){
	.homeQuickLinks .container ul li{width:calc(100% - 30px);}
	.displayThumb .grp{width:calc(100% - 30px);}
}

@media screen and (max-width:340px){
	.homeBanners .bannerSlider .bannerText .container .tagLine h2{font-size:50px;}
	.homeBanners .bannerSlider .bannerText .container .tagLine h2::before{content:'';background:url('../images/common/img-MY.svg')no-repeat left top;background-size:100%; width:79px;height:60px;margin-right:10px;}
	.homeBanners .bannerSlider .bannerText .container .description{top:100px;}
	.homeBanners .bannerSlider .bannerText p{font-size:14px;line-height:20px;}
}

@media screen and (min-height:1081px){
	.commonPage .container{min-height:41vh;}
}

@media screen and (max-height:699px){
	.homeBanners{height:700px;}
	.homeBanners .bannerSlider .bannerImg{height:700px;}
}

@media screen and (max-height:820px){
	footer .container{padding:30px 0 18rem 0;}
}

@media screen and (orientation:portrait){
	.homeBanners{height:95vh;}
	.homeBanners .bannerSlider .bannerImg{height:95vh;}
	.homeBanners .bannerSlider .bannerText{top:50%;transform:translateY(-50%);}
}

@media screen and (max-width:529px) and (orientation:portrait){
	.homeBanners .bannerSlider .bannerText{top:20%;transform:translateY(-20%);}
}

@media screen and (max-height:880px) and (orientation:portrait){
	.homeBanners .bannerSlider .bannerText{top:35%;transform:translateY(-35%);}
}

