@media (max-width: 1024px) {
.headerbg .logo{ width:30%}
.headerbg .logo img{ width:100%;}
.common_wrapper{ width:98%; padding:0 1%;}	
.headerbg .navbase{ width:69%;}
.topright .tphone{ width:60%;}
.scrollup{ right:10px; bottom:20px;}
.dt-sc-callout-box.type5{ width:97%;}
.th-section img, .th-section2 img{ width:30%;}

}
@media (max-width: 1023px) {
.footerbg .col4{ width:48.5%;height:381px;}	
.nomrgresponsive{ margin-left:0 !important;}
.footerbg .copy{ text-align:center;}
}
@media (max-width: 955px) {
.headerbg .logo{ width:25%}
.headerbg .navbase{ width:75%;}
.nav-item a{ padding:0 4px !important;}	
.topright .tphone{ width:70%;}
.colfirst h4{ font-size:18px;}
.about_scrollable .viewport{ width:95% !important;}
.entry-metadata .user{ width:100%;}
.entry-metadata .userdate{ width:100%;}
}
@media (max-width: 918px) {
.contentbg .know .visitingspace h6{ font-size:12px; margin-bottom:0px;}
.th-section3 h2{ font-size:18px;}
.informationright .TabbedPanelsTab{ padding:7px 10px;}
.informationright ul.informrightblog li img{ width:100%;}
}
@media (max-width: 840px) {
.headerbg .navbase{ width:50%;}	
.headerbg .logo{ width:35%}
.colfirst h4{ font-size:16px;}
.contact-info{ font-size:14px;}
.informationright .TabbedPanelsTab{ padding:7px 8px;}
}
@media (max-width: 800px) {

.informationleft_base{ width:59% !important;}
.informationright_base{ width:40% !important;}
}
@media (max-width: 768px) {
.contentbg .know .visitingspace h6{ font-size:14px; margin-bottom:10px;}
.col3{ width:97%;}
.contentbg .know .col3{ border-bottom:1px dotted #987654; padding-bottom:15px; margin-bottom:15px;}	
.fromtheblog{ width:100%;}
.mrgresponsive{ margin-right:0px !important;}
.fromtheblog .col3{ width:29.9%;}
.healthtalk{ width:100%;}
.about_scrollable .viewport{ width:98% !important;}
.th-section img, .th-section2 img{ width:40%;}
.contact-info{ font-size:13px;}
.from-radio span{ margin-right:15px;}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, .form-allowed-tags, .form-submit{ width: 100%;}
a.post-thumbnail{ width: 100%;}
a.post-thumbnail + header.entry-header{ width: 100%;}
a.post-thumbnail ~ footer.entry-meta{ width: 100%;}
a.post-thumbnail ~ .entry-content{ width: 100%;}
.informationleft_base{ width:57% !important;}
.informationright_base{ width:42% !important;}
}
@media (max-width: 767px) {
.topdate{ width:100%;}
.topright{ width:100%; float:left;}
.topright .tphone{ float:left;}
.servicemain .col2{ width:100%; margin:0px !important; padding-bottom:30px;}
.mainleftcol{ width:100%;}
.formfield .form-subfield{ width:46%; margin:0 2%;}
.fullwidthtextarea{ margin:0 2%; width:96%;}
.mainrightcol{ width:100%;}
.subject{ width:96%; margin:0 2%;}
.informationleft_base{ width:100%;}
.informationright_base{ width:100%;}
.informationright ul.informrightblog li img { width: auto;}
}
@media (max-width: 700px) {
.dt-sc-callout-box.type5{ padding:23px 2.5%; width:94%;}
.colfirst h4{ line-height:20px;}
.colfirst h5{ font-size:11px;}
}
@media (max-width: 600px) {
.productlist li{ width:45%; margin-right:5%; margin-bottom:30px;}
.srchform input[type="text"]{ width:190px;}
.navbar-fixed{ position:static;}
.informationleft_base{ width:100% !important;}
.informationright_base{ width:100% !important;}
}
@media (max-width: 568px) {
.colfirst{ width:70%;}	
.fromtheblog .col3{ width:80%; margin:0 10% 40px !important;}
.footerbg .col4{ width:100%; margin:0 !important;}	
.formfield .form-subfield{ width:100%; margin:0;}
.fullwidthtextarea{ width:100%; margin:0;}
.subject{ width:100%; margin:0;}
.informationleft_base{ width:100% !important;}
.informationright_base{ width:100% !important;}
}
@media (max-width: 480px) {
.headerbg .logo{ width:100%; text-align:center;}
.headerbg .logo img{ width:70%;}
.headerbg .navbase{ width:100%;}
.fromtheblog .col3{ width:100%; margin:0 0 40px !important;}
.srchform{ float:left; width:100%;}
.breadcum{ width:100%;}
.srchform input[type="text"]{ width:90%;}
.fromtheblog ul li{ width:99%; margin-right:0;}
}
@media (max-width: 445px) {
.topright .tphone{ width:100%; line-height:28px;}
.topright .lang{ width:100%; line-height:28px;}
}
@media (max-width: 440px) {
.colfirst h4{ font-size:15px;}
.dt-sc-callout-box.type5{ width:100%; position:static; }
.dt-sc-callout-box.type5::after{ right:0 !important; border-top:none; border-bottom:none; border-right:none;}
.srchform input[type="text"]{ width:82%;}	
}
@media (max-width: 392px) {
.th-section img, .th-section2 img{ width:50%;}
.about_scrollable .viewport{ width:96% !important;}	
.th-section3 h2{ font-size:15px;}
.productlist li{ width:95%; margin-right:0%; margin-bottom:50px;}
}