@media only screen and (max-width :500px) {
    .mobileBtns{display:flex;grid-gap:20px;margin-bottom:15px;line-height:35px}
    .mobileBtns > li{flex:1;}
    .mobileBtns > li > a{display:block;border:1px solid #e4e4e4;text-align:center;border-radius:5px;}
    .mobileBtns > li > a:hover{color:rgb(255 0 0);}
    .headFix, .headFixContent { background: #fff }
    .sortOpt{font-size:11px;}
    .bloglist > li, .prGallery { padding-right: 0 }
    .aboutImage, .cmspage img { max-width: 100%; height: auto }
    .acardionBox, .breadcrumb, .icoFx, .prIconLinks, .slideItem span, .slogan, .sortBox, .topBar, .topFoot { display: none }
    .bannerBox, .bloglist > li a, .cfItems, .contactPane, .contentWSide, .ftSec, .headContent, .prTabs > li > a, .products, .servicelist > li, .suppliers { display: block }
    .sortTgl,.sideToggle{display:none}
    .logo img { height: 40px; width: auto }
    .logo { margin: 0 44px 0 0; width: 120px; text-align: center }
    .headFix { height: 64px }
    .headFixContent.floatmenu { height: 57px; padding-top: 7px }
    .footerSections { padding-left: 0 }
    .ftNamad { position: static }
    .cfInput, .ftLetter, .ftLinkList, .sidebar { width: auto; margin-bottom: 20px }
    footer { padding-bottom: 65px }
    .socials { justify-content: center }
    .owl-nav { top: 0 }
    .titleBox h1, .titleBox h2 { margin-right: 0 }
    .partnersCarousel, .prCarousel, .prSummary h1, .vServicesList { padding-top: 30px }
    .aboutImg img, .bloglist > li figure img, .serviceImg img, .servicelist > li figure img { width: 100%; height: auto }
    .aboutContent { width: auto; margin-top: 100px }
    .slider { margin-bottom: 20px;overflow:hidden}
    .bannerSlider, .suppliers > li { width: auto; margin-bottom: 15px }
    .bannerVerticals, .contactInfo, .lContent, .map, .products > li { width: auto }
    .partners { margin-bottom: 35px }
    .blogCarousel { padding-top: 36px }
    .aboutImage { margin: 20px 0 }
    .insideHeader { height: 100px }
    .showForm { left: 10px }
    .serviceImg { float: none; margin: 0 0 20px }
    .faqQ { padding-left: 40px }
    .bloglist > li figure { position: static; width: 100% }
    .comments, .prGallery, .prOpt, .prOthe, .prSummary { width: auto; float: none }
    .dTable, .pContent { overflow-x: auto }
    .dTable table ,.prTbl{ width: 1000px }
    .prTblHolder{width:auto;overflow-x:auto}
    .prDetailPane { padding: 10px }
    .prTabs > li > a { width: auto }
    .prTabs { display: flex; margin: -10px -10px 20px }
    .prTabs > li { display: block; margin: 0; flex: 1 }
    .fqForm { margin: 20px 0 }
    .fqPr { margin: 0 }
    .cmSummary { display: block; float: none; width: auto; margin-bottom: 20px }
    .navigate > li > a { font-size: 10px }
    .insideHeader h1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;top:30%;width:100%;text-align:center;margin:0;font-size:25px }
    .cfBtn a, .cfBtn input { margin-bottom: 10px }
    .popFormBorder { width: 300px }
    .popFormContent { padding: 15px }
    .pagination { flex-wrap: wrap }
    .pagination li { margin-bottom: 5px }
}
@media only screen and (min-width: 768px) and (max-width :1024px){
	.ftSec{display:block}
	.topBar,.slogan{display:none}
	.footerSections { padding-left: 0 }
    .ftNamad { position: static }
    .cfInput, .ftLetter, .ftLinkList, .sidebar { width: auto; margin-bottom: 20px }
    footer { padding-bottom: 65px }
    .socials { justify-content: center }
	.logo img { height: 40px; width: auto }
    .logo { margin: 0 44px 0 0; width: 120px; text-align: center }
    .headFix { height: 64px }
    .headFixContent.floatmenu { height: 57px; padding-top: 7px }
}
@media only screen and (max-width :1080px) {
    .tgmenu span, .tgmenu span:after, .tgmenu span:before { height: 2px; width: 30px; background: #fff; position: absolute; left: 0 }
    .tgmenu { width: 44px; height: 44px; display: block; color: #e62a76; position: absolute; top: 10px; right: 5px; text-align: center; font-size: 30px; line-height: 44px }
    .floatmenu .topmenu, .topmenu { top: 64px }
    .tgmenu span { top: 19px }
    .tgmenu span:after, .tgmenu span:before { content: ''; display: block; top: 8px }
    .tgmenu span:after { top: auto; bottom: 8px }
    .topmenu { width: 250px; display: block; background: #f5f5f5; position: fixed; right: 0; bottom: 0; margin-top: 0; height: auto; transition: .3s ease-out; transform: translateX(250px); -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); z-index: 1000 }
    .iLinks { display: none }
    .topTel{position:fixed;top:0;left:10px;z-index:10000;padding-top:12px !important}
    .topmenu > li > a { display: block; color: #383d47; padding-right: 30px; text-shadow: none }
    .topmenu > li a:hover { background: #c2edda; color: #068d38 }
    .topmenu > li { margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,.1); width: auto; line-height: 46px }
    .openMenu { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0) }
    .mobileTabs { display: flex }
    .submenu{position:static;background:#383d47}
    .submenu > li{width:auto;}
    .submenuUl{display:block;}
}

@media only screen and (min-width :1080px) {
    .tgmenu { display: none }
}