*:focus { outline: none; }
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; text-decoration:none;}
body{ font-family:'OpenSans-Semibold'; overflow-x:hidden; font-size:12px;}
img{ outline:none; border:none; max-width:100%;}
.clear{ clear:both !important;}
.align-center{text-align: center; border:1px solid #ccc;}
.align-left{text-align: left!important; border:1px solid #ccc;}
.b-0{ border:0px !important;}
.bb-0{ border-bottom:0px !important;}
.b-1{ border:1px solid #ccc !important;}
.p-0{ padding:0px !important;}
.p-10{ padding:10px !important;}
.p-15{ padding:15px !important;}
.p-20{ padding:25px !important;}
.p-5{ padding:5px !important;}
.ptb-10{ padding-top:10px !important; padding-bottom:10px !important;}
.plr-15{ padding-left:15px !important; padding-right:15px !important;}
.pt-5{ padding-top:5px !important;}
.pl-10{ padding-left:10px !important;}
.plr-0{ padding:5px 0 !important;}
.pb-30{ padding:0 20px 30px;}
.pb-20{ padding:10px 0 20px !important;}
.pb-10{ padding:0 0 10px !important;}
.pr-15{ padding:0 15px 0 0 !important;}
.p-40{ padding:51px 41px !important;}
.pr-40{ padding:0 41px 0 0 !important;}
.m-0{ margin:0px !important;}
.mt-10{ display:inline-block; margin-top:10px !important;}
.mr-30{ margin-right:30px !important;}
.mb-20{ display:inline-block; margin-bottom:20px !important;}
.br-blue{ border-right:1px solid #2e70f2;}
.br-grey{ border-right:1px solid #ccc;}
.bl-grey{ border-left:1px solid #ccc;}
.bb-grey{ border-bottom:1px solid #ccc;}
.bt-grey{ border-top:1px solid #ccc;}
.font-12{ font-size:12px !important;}
.font-14{ font-size:14px !important;}
.span-1{ width:100% !important; display:inline-block;}
.span-2{ width:50% !important; display:inline-block;}
.span-3{ width:33.3% !important; display:inline-block;}
.span-4{ width:25% !important; display:inline-block;}
.span-5{ width:75% !important; display:inline-block;}
.span-6{ width:66% !important; display:inline-block;}
.mb-30{ margin-bottom:30px !important;}
.tl{ text-align:left !important;}
.tr{ text-align:right !important;}
.tc{ text-align:center !important;}
.black{ color:#000 !important;}
.grey{ color:#666 !important;}
.red{ color:#FF0000 !important;}
.blue{ display:inline-block; color:#0551e7 !important; text-decoration:none;}
.green{ display:inline-block; color:#009933 !important; text-decoration:none;}
.orange{ display:inline-block; color:#f58532 !important; text-decoration:none;}
.orange-bg{ width:100%; display:inline-block; background:#f58532; color:#fff !important; text-decoration:none; padding:5px 0;}
.red-bg{ width:100%; display:inline-block; background:#FF0000; color:#fff !important; text-decoration:none; padding:5px 0;}
.bg-grey{ width:100%; float:left; background:#f4f3f3; padding:10px;}
.bg-white{ width:100%; float:left; background:#fff !important;}
.font-12{ font-size:12px !important; display:inline-block;}
.inline-block{ display:inline-block !important;}
.relative{ position:relative; display:inline-block; width:100%;}
.required_red{ width:100%; float:left; padding:2px 0 0;}
.required_red p { float:left !important; font-family:'OpenSans-Regular' !important; color:#f00 !important; font-size:12px !important; padding:0 !important; text-align:left !important;}
.required_red-box p { float:left !important; font-family:'OpenSans-Regular' !important; color:#f00 !important; border:1px solid #ccc; font-size:12px !important; padding:10px !important; text-align:center !important; margin:10px 0;}
.no-found{ width:100%; float:left !important; color:#f00 !important; font-size:14px !important; padding:30px 0 !important; text-align:center !important;}
.loader{ width:100%; float:left !important; padding:50px 0 !important; text-align:center !important;}
.notify{ width:100%; display:inline-block; background:#eee; color:#333 !important; text-decoration:none; padding:10px; border:1px solid #ddd; margin-bottom:30px; text-align:center; position:relative;}
.notify img{ position:absolute; z-index:22; right:-7px; top:-7px; background:#fff; border-radius:50%; cursor:pointer;}
.notify span{ padding:0 30px 0 0;}
.notify p{ width:auto !important; display:inline-block; float:none !important; text-align:left; padding:0 30px 0 0 !important; margin:0; font-size:12px !important;}
.note{ width:100%; float:left; text-align:left; padding:5px 0 0; margin:0; font-size:12px; color:#000;}
.notify-area{ width:70%; display:block; margin:0 auto; text-align:center;}
.notify-red{ width:100%; display:inline-block !important; font-family:'OpenSans-Regular' !important; color:#fff !important; background:#F00; font-size:12px !important; padding:10px !important; text-align:center !important; margin:10px 0;}
.notify-green{ width:100%; display:inline-block !important; font-family:'OpenSans-Regular' !important; color:#fff !important; background:#0C0; font-size:12px !important; padding:10px !important; text-align:center !important; margin:10px 0;}
.notify-orange{ width:100%; display:inline-block !important; font-family:'OpenSans-Regular' !important; color:#fff !important; background:#FC0; font-size:12px !important; padding:10px !important; text-align:center !important; margin:10px 0;}
.notify-orange-msg{ width:100%; display:inline-block !important; font-family:'OpenSans-Regular' !important; color:#000000 !important; background:#FC0; font-size:16px !important; padding:10px !important; text-align:center !important; margin:10px 0;}
.italic{ display:inline-block; font-style:italic; color:#999; line-height: 26px; }

.container{ width:1110px; max-width:100%; display:block; margin:0px auto;}
.main-bg{ width:100%; height:100%; float:left; background:url(../../images/memberarea/bg.jpg) no-repeat 100% 100% fixed; padding:100px 0; text-align:center;}
.login{ width:450px; display:inline-block; font-size:16px; color:#333; background:rgba(255,255,255,.8); padding:40px 20px 20px; border-radius:15px;}
.logo{ display:block; margin:0 auto 30px;}
.logo img{ max-width:100%;}
.login-box{ width:100%; float:left; padding:0 30px;}
.login-box h2{ width:100%; float:left; font-size:20px; color:#000; font-family:'OpenSans-Bold'; text-transform:uppercase; font-weight:normal;}
.login-box p{ width:100%; float:left; font-size:14px; color:#666; font-family:'OpenSans-Regular'; padding:15px 0; font-weight:normal;}
.login-input{ width:100%; height:50px; float:left; font-size:14px; color:#333; background:#fff; border:1px solid #ccc; padding:2px 15px; margin:10px 0 5px; border-radius:5px;}
.login-box a, .login-box a:hover, .login-box a:focus{ font-size:14px; float:right; text-align:right; text-decoration:none; color:#0551e7; margin:5px 0 0;}
.login-btn{ width:100%; float:left; background:#0551e7; border-radius:5px; font-size:18px !important; color:#fff !important; font-family:'OpenSans-Semibold'; padding:10px 0; text-decoration:none; text-transform:uppercase; text-align:center !important; margin:15px 0; border:none; cursor:pointer;}
.create{ width:100%; float:left; text-align:center !important;}
.create a, .create a:hover, .create a:focus{ text-align:center !important; text-decoration:none; float:none !important; display:inline-block; margin-top:30px;}
.hdr-bg{ width:100%; float:left; background:url(../../images/memberarea/hdr-bg.jpg) no-repeat top center; background-size:100% 100%; padding:20px 0; text-align:center;}
.hdr-login{ float:right; position:relative; padding-right:10px;}
.hdr-login img{ padding-top:2px;}
.hdr-login a, .hdr-login a:hover, .hdr-login a:focus{ float:right; padding:11px 0; font-size:14px; position:relative; color:#fff; text-decoration:none; font-weight:normal;}
.hdr-login ul{ display:none;}
.hdr-login:hover ul{ width:150px; display:inline-block; position:absolute; z-index:33; top:100%; right:0px;}
.hdr-login:hover ul li{ width:100%; float:left; list-style:none;}
.hdr-login:hover ul li a{ width:100%; float:left; text-decoration:none; background:#000; padding:10px 15px; color:#fff; font-size:13px; font-family:'OpenSans-Regular'; font-weight:normal;}
.hdr-login:hover ul li a:hover, .hdr-login:hover ul li a:focus{ text-decoration:none; background:#222; color:#fff;}

.content{ width:100%; float:left; padding:40px 0;}
.content h1{ width:100%; float:left; padding:0 0 10px; font-size:24px; line-height:28px; color:#000; text-transform:uppercase; text-align:center; font-family:'OpenSans-Bold'; font-weight:normal;}
.content h1 span{ color:#f58532;}
.content p{ width:100%; float:left; padding:0 0 20px; font-size:14px; line-height:20px; color:#444; text-align:center; font-family:'OpenSans-Semibold'; font-weight:normal;}
.content h3{ width:100%; float:left; padding:0 0 10px; font-size:18px; line-height:20px; color:#f58532; text-align:center; font-family:'OpenSans-Semibold'; font-weight:normal;}
.content h4{ width:100%; float:left; padding:0 0 10px; font-size:16px; line-height:20px; color:#333; text-align:center; font-family:'OpenSans-Semibold'; font-weight:normal;}
.content-box{ width:100%; float:left; padding:0;}
.content-box h2{ width:100%; float:left; padding:0 0 10px; font-size:20px; line-height:24px; color:#000; text-transform:uppercase; text-align:center; font-family:'OpenSans-Semibold'; font-weight:normal;}
.content-box p{ width:100%; float:left; padding:0 0 10px; font-size:12px; line-height:22px; color:#444; text-align:center; font-family:'OpenSans-Regular'; font-weight:normal;}
.content-box-hdng{ width:100%; float:left; font-size:16px; color:#fff; text-align:left; background:#0551e7; display:table;}
.content-box-text{ width:100%; float:left; font-size:14px; color:#333; text-align:center; font-family:'OpenSans-Regular'; font-weight:normal; display:table;}
.content-box-text img{ display:inline-block; margin:-2px 0 0; padding:0 7px 0 0;}
.content-box-area{ width:100%; float:left;}
.content-text-box{ width:100%; float:left;}
.content-text-box ul{ margin:0px; padding:0px;}
.content-text-box ul li{ width:100%; float:left; list-style:none; box-sizing:border-box; border-bottom:1px solid #ccc;}
.content-text-box ul li span{ width:100%; float:left; background:#eee}
.content-text-box ul li .subject-detail{ width:100%; float:left; background:#eee; color:#F00; font-size:12px; font-family:'OpenSans-Regular'; font-weight:normal; padding:10px 0; text-align:center;}
.box-5{ width:5%; padding:10px 0; display:table-cell; vertical-align:middle;}
.box-10{ width:10%; padding:10px 0; display:table-cell; vertical-align:middle;}
.box-15{ width:15%; padding:10px 0; display:table-cell; vertical-align:middle;}
.box-20{ width:20%; padding:10px 5px; display:table-cell; vertical-align:middle;}
.box-25{ width:25%; padding:10px 5px; display:table-cell; vertical-align:middle;}
.box-30{ width:30%; padding:10px; display:table-cell; vertical-align:middle;}
.box-35{ width:35%; padding:10px; display:table-cell; vertical-align:middle;}
.box-40{ width:40%; padding:10px; display:table-cell; vertical-align:middle;}
.box-45{ width:45%; padding:10px; display:table-cell; vertical-align:middle;}
.box-50{ width:50%; padding:10px; display:table-cell; vertical-align:middle;}
.box-60{ width:60%; padding:10px; display:table-cell; vertical-align:middle;}
.view-all{ float:right; padding:7px 15px; background:#0551e7; color:#fff; font-size:12px; font-family:'OpenSans-Regular'; font-weight:norma; margin-top:10px; text-decoration:none;}
.account-hdng{ width:100%; float:left; font-size:16px; color:#fff; background:#1157e5; font-family:'OpenSans-Semibold'; font-weight:normal; display:table;}
.account-hdng span{ font-size:12px; color:#fff; font-family:'OpenSans-Regular'; padding-left:30px;}
.account-text{ width:100%; font-size:14px; color:#333; font-family:'OpenSans-Regular'; font-weight:normal; display:table;}
.account-text img{ width:30px; float:left; padding:0 10px 0 0;}
.account-text a{ color:#1157e5; font-weight:bold; text-decoration:none;}

.footer{ width:100%; float:left; background:#000; padding:20px 0; text-align:center; position:fixed; z-index:33; bottom:0px;}
.footer-links{ width:70%; display:inline-block; text-align:center;}
.footer-links ul{ margin:0px; padding:0px;}
.footer-links ul li{ display:inline-block; list-style:none; padding:5px 15px;}
.footer-links ul li a{ display:inline-block; text-decoration:none; font-size:12px; color:#ccc; font-family:'OpenSans-Regular';}
.footer-links ul li a:hover, .footer-links ul li a:focus{ text-decoration:none; color:#fff;}
.footer-btm{ width:60%; display:inline-block; text-align:center; color:#fff; font-size:12px; font-family:'OpenSans-Regular';}
.footer-btm-link{ width:100%; float:left; text-decoration:none; color:#666; font-size:12px; padding:5px 0 0;}

.search-area{ width:100%; float:left; margin:20px 0 10px;}
.left-search{ width:50%; float:left;}
.right-search{ width:50%; float:right;}
.right-search-bar{ width:100%; float:right; position:relative;}
.right-search-input{ width:80%; float:right; margin-right:64px;font-size:14px; height:40px; border:1px solid #ccc; color:#333; padding:2px 10px;}
.right-search-btn{ float:right; height:40px; background:#000; color:#fff; font-size:14px; padding:5px 10px; cursor:pointer; border:none; font-family:'OpenSans-Semibold'; position:absolute; z-index:22; top:0px; right:0px;}
.input-25{ width:25%; display:inline-block; height:40px; font-size:14px; border:1px solid #ccc; color:#333; padding:2px 10px;}
.input-35{ width:35%; display:inline-block; height:40px; font-size:14px; border:1px solid #ccc; color:#333; padding:2px 10px;}
.input-50{ width:50%; display:inline-block; height:40px; font-size:14px; border:1px solid #ccc; color:#333; padding:2px 10px;}
.input-100{ width:100%; display:inline-block; height:40px; font-size:14px; border:1px solid #ccc; color:#333; padding:2px 10px;}
.search-input-btn{ display:inline-block; height:40px; background:#000; font-size:14px; color:#fff; padding:5px 10px; cursor:pointer; border:none; font-family:'OpenSans-Semibold';}
.search-btn{ display:inline-block; height:40px; font-size:14px; background:#000; color:#fff; padding:10px; cursor:pointer; border:none; font-family:'OpenSans-Semibold'; text-decoration:none;}

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

.dns-btn{ display:inline-block; background:#f58532; padding:10px 20px; color:#fff; text-decoration:none; font-size:14px;}
.inputfile-3 + label { color:#f58532;}
.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover { color:#f58532;}
.js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.inputfile + label { max-width: 80%; font-size: 1.25rem; /* 20px */ font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;  display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem;}
.no-js .inputfile + label { display: none;}
.inputfile:focus + label,
.inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em;}
.reply{ width:100%; float:left;}
.reply-textarea{ width:100%; float:left; height:130px; border:1px solid #ccc; font-size:14px; line-height:24px; padding:10px; color:#333; font-family:'OpenSans-Regular';}
.reply-box{ width:100%; float:left; padding:10px 0;}
.reply-box .red{ width:100%; float:left; font-size:12px; color:#F00;}
.reply-box-btn{ float:left; font-size:14px; color:#fff; background:#000; padding:10px 20px; border:none; margin-top:15px; text-decoration:none; cursor:pointer;}
.upload-box-btn{ float:left; font-size:16px; color:#fff; background:#f58532; padding:10px 20px; border:none; text-decoration:none;}
.upload-btn-wrapper { position: relative; overflow: hidden; /*display: inline-block; */ font-size:14px; font-family:'OpenSans-Semibold'; padding:10px 10px 0 0;}
.upload-btn-wrapper span{ display:inline-block; font-size:14px; font-family:'OpenSans-Semibold'; padding:6px 0 0 10px;}
.upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top:1px; opacity: 0; cursor:pointer;}

.domain-box{ width:100%; float:left; padding:10px 0; text-align:center; position:relative;}
.domain-box span{ display:inline-block; padding:0 10px; text-align:center; font-size:16px; color:#444; font-family:'OpenSans-Semibold';}
.domain-box span input[type=radio] { vertical-align:middle;}
.domain-cpanel{ width:70%; display:block; margin:0px auto;}
.cpanel-left{ width:50%; float:left; font-size:14px; color:#333; text-transform:uppercase; text-align:left;}
.cpanel-left span{ color:#666; text-transform:capitalize;}
.cpanel-right{ width:50%; float:right; font-size:14px; color:#333; text-transform:uppercase; text-align:right;}
.cpanel-right span{ color:#666; text-transform:capitalize;}
.cpanel-box{ width:100%; display:inline-block; border:1px solid #ccc; padding:50px; text-align:center; margin:10px 0 0;}
.domain-search{ width:40%; display:inline-block; text-align:center; padding:10px;}
.domain-search-input{ width:80%; display:inline-block; font-size:14px; height:40px; border:1px solid #ccc; color:#333; padding:2px 10px;}
.domain-search-btn{ display:inline-block; height:40px; font-size:14px; background:#000; color:#fff; padding:5px 10px; cursor:pointer; border:none; font-family:'OpenSans-Semibold';}
.ticket-textarea{ width:100%; height:200px; float:left; font-size:14px; color:#333; background:#fff; border:1px solid #ccc; padding:10px 15px; border-radius:5px; font-family:'OpenSans-Regular';}
.ticket-btn{ display:inline-block; background:#000; color:#fff; font-size:16px !important; padding:10px 20px; cursor:pointer; border:none; font-family:'OpenSans-Semibold';}
.check-btn{ width:100%; display:inline-block; background:#000; color:#fff; font-size:14px; padding:10px 5px; cursor:pointer; border:none; font-family:'OpenSans-Semibold';}

.authorised{ width:70%; display:block; margin:0px auto; border:1px solid #ccc; padding:15px;}
.authorised h4{ width:100%; float:left; padding:10px; color:#333; text-align:left; font-size:18px; font-family:'OpenSans-Semibold';}
.authorised-box{ width:100%; float:left; padding:15px; background:#eee;}
.authorised input[type=checkbox] { width:12px; height:12px; display:inline-block; vertical-align:middle;}



.profile{ width:100%; float:left; padding:15px;}
.profile-left{ width:73%; float:left; border:1px solid #ccc; padding:15px;}
.profile-box{ width:100%; float:left; font-family:'OpenSans-Semibold'; margin:1px 0;}
.profile-box span{ width:20%; float:left; font-size:14px; padding:9px 10px; background:#eee; color:#000;}
.profile-box p{ width:80%; float:left; font-size:14px; padding:7px 10px; color:#555; background:#f9f9f9; text-align:left;}
.profile-box a { margin-top: 15px; padding-top: 12px; float: left; background: #fafafa; padding: 10px; border: 1px solid #eee; color: #000; }
.profile-box a:hover { color:#1157e5; }
.sticky{ position: -webkit-sticky; position: sticky; top: 0; display:flex;}
.profile-right{ width:100%; float:right; padding-left:15px;}
.profile-right h3{ width:100%; float:left; padding:10px; color:#fff; background:#1157e5; text-align:center; font-size:14px; font-family:'OpenSans-Semibold';}
.change-pass{ width:100%; float:left; padding:15px; border:1px solid #ccc; text-align:center;}
.change-pass-btn{ display:inline-block; font-size:14px; color:#fff; background:#000; padding:7px 20px; border:none; margin-top:15px; text-decoration:none; cursor:pointer;}

.payment-method{ width:100%; float:right; padding:10px;}
.payment-method h3{ width:100%; float:left; padding:10px; color:#fff; background:#1157e5; text-align:left; font-size:14px; font-family:'OpenSans-Semibold';}
.payment-method-box{ width:100%; float:left; padding:10px; text-align:center; border:1px solid #ccc;}
.payment-method-box ul{ margin:0px; padding:0px;}
.payment-method-box ul li{ width:24%; display:inline-block; list-style:none; padding:5px; list-style:none;}
.payment-method-box ul li img{ max-width:100%; display:inline-block;}

.payment-method-box-com{ width:100%; float:left; padding:10px; text-align:center; border:1px solid #ccc;}
.payment-method-box-com ul{ margin:0px; padding:0px;}
.payment-method-box-com ul li{ width:16%; display:inline-block; list-style:none; padding:15px 5px; list-style:none;}
.payment-method-box-com ul li span{ width:100%; display:inline-block;}
.payment-method-box-com ul li img{ max-width:100%; display:inline-block;}

.ticket-left{ width:50%; float:left;}
.ticket-left p{ width:auto; float:left; font-size:16px ; color:#000; font-family:'OpenSans-Semibold'; padding-bottom:10px; text-align:left;}
.ticket-left span{ float:left; font-size:16px; color:#f58532; font-family:'OpenSans-Semibold'; padding:0 0 10px 10px;}
.ticket-right{ width:50%; float:right;}
.ticket-right p{ width:auto; float:right; font-size:16px ; color:#000; font-family:'OpenSans-Semibold'; padding:0 0 10px; text-align:left;}
.ticket-right span{ float:right; font-size:16px; color:#f58532; font-family:'OpenSans-Semibold'; padding:0 0 10px 10px;}

.right-chosen{ width:50%; float:right;}
.right-search-box{ width:50%; float:right; position:relative;}

.content-right-box{ width:100%; float:left; border:1px solid #ccc;}
.content-right-total{ width:100%; float:left; text-align:center;}
.content-right-sub{ width:100%; float:left; color:#000; font-size:14px; font-family:'OpenSans-Semibold'; font-weight:normal; padding:5px 15px; text-align:left;}
.content-right-sub span{ float:right; font-family:'OpenSans-Regular'; color:#000;}
.content-right-sub p{ width:100%; float:left; color:#666; font-size:12px; font-family:'OpenSans-Regular'; font-style:italic; font-weight:normal; text-align:left;}
.content-right-grand{ width:100%; float:left; background:#eee; color:#000; font-size:14px; font-family:'OpenSans-Semibold'; font-weight:normal; padding:10px 20px; text-align:left;}
.content-right-grand span{ float:right; font-family:'OpenSans-Bold'; color:#444;}

.buying-detail{ width:100%; float:left; padding:20px; text-align:center; background:#eee;}
.buying-detail h5{ display:inline-block; padding:0 0 15px; font-size:18px; color:#103dbe; font-family:'OpenSans-Bold'; font-weight:normal; text-transform:uppercase; text-align:center;}
.buying-detail p{ width:100%; float:left; color:#000; font-size:14px; line-height:24px; font-family:'OpenSans-Semibold'; text-align: center; padding:0; margin:0;}
.buying-detail p span{ display:inline-block; color:#444; font-family:'OpenSans-Regular';}

.right-btn{ float:right; padding:7px 15px; margin-bottom:10px; font-size:14px; background:#000; color:#fff; font-family:'OpenSans-Regular';}
.credit-btn{ float:right; padding:7px 0; font-size:14px; color:#0551e7; font-family:'OpenSans-Regular'; position:absolute; z-index:3; top:0px; right:0px;}

.permission{ width:100%; display:inline-block;}
.permission h4{ width:100%; float:left; padding:15px 0 5px 10px; font-size:18px; color:#000; font-family:'OpenSans-Bold'; font-weight:normal; text-transform:uppercase; text-align:left;}
.permission-box{ width:100%; float:left; padding:10px 0 0 10px; font-size:14px; color:#000; font-family:'OpenSans-Semibold';}
.permission-box-sub{ width:100%; float:left; padding:7px 0 7px 17px; font-size:12px; color:#333; font-family:'OpenSans-Regular'; position:relative;}
.b-left{ width:1px; height:28px; background:#ccc; display:inline-block; position:absolute; z-index:2; top:-11px; left:6px;}
.b-left2{ width:1px; height:31px; background:#ccc; display:inline-block; position:absolute; z-index:2; top:-14px; left:6px;}
.b-bottom{ width:11px; height:1px; background:#ccc; display:inline-block; position:absolute; z-index:2; top:16px; left:6px;}
.span-2 em { color:red; }
.span-1 em { color:red; }


<!--  02-11-2020  -->
.check-handg{ width:100%; float:left; text-align:left;}
.check-handg h3{ width:100%; float:left; text-align:left; font-size:14px; color:#000;}
.check-handg span{ width:100%; float:left; text-align:left; background:#eee; padding:11px 15px; font-size:14px; color:#000; border-radius:5px;}

.authorised2{ width:70%; display:block; margin:0px auto; border:1px solid #ccc; padding:15px;}
.authorised2 h4{ width:100%; float:left; padding:10px; color:#333; text-align:left; font-size:18px; font-family:'OpenSans-Semibold';}
.authorised2-box{ width:100%; float:left; padding:15px; background:#eee;}
.authorised2 input[type=checkbox] { width:12px; height:12px; display:inline-block; vertical-align:middle;}

.domain-detail-box{ width:100%; display:inline-block; border:1px solid #ccc;}
.domain-left{ width:300px; max-width:100%; float:left; padding:10px; color:#333; font-size:14px; font-family:'OpenSans-Regular'; border:none; border-right:1px solid #ccc; font-weight:bold; border-bottom:1px solid #ccc;}
.domain-right{ width:423px; max-width:100%; float:left; padding:10px; color:#333; font-size:14px; font-family:'OpenSans-Regular'; border:none; border-bottom:1px solid #ccc;}
.forget-pass{ width:100%; display:inline-block; font-size:12px; font-weight:bold; color:#1157e5; padding:5px 10px 0; background:#fff !important;}



@media only screen and (max-width:1024px){
.content-box-hdng{ font-size:14px;}
.domain-left{ width:300px; padding:10px; font-size:14px;}
.domain-right{ width:362px; padding:10px; font-size:14px;}
}


@media only screen and (max-width:960px){
.content-box-hdng{ font-size:13px;}
.content-box-text{ font-size:12px;}
.content-text-box ul li .subject-detail{ font-size:13px; padding:10px 0;}
.domain-search{ width:60%; display:inline-block; text-align:center; padding:10px;}
.profile-box span{ width:25%; padding:7px 10px;}
.profile-box p{ width:75%; padding:7px 10px;}
}


@media only screen and (max-width:840px){
.content-box-text{ font-size:12px;}
.account-hdng{ font-size:14px;}
.account-text{ font-size:12px;}
.content h1{ font-size:20px; line-height:24px;}
.content p{ padding:0 15px 15px; font-size:12px;}
.content h3{ font-size:16px;}
.box-10{ width:10%; padding:10px 0;}
.box-15{ width:15%; padding:10px 0;}
.box-20{ width:20%; padding:10px 2px;}
.box-25{ width:25%; padding:10px 2px;}
.box-30{ width:30%; padding:10px 2px;}
.box-35{ width:35%; padding:10px 2px;}
.box-40{ width:40%; padding:10px 2px;}
.box-45{ width:45%; padding:10px 2px;}
.box-50{ width:50%; padding:10px 2px;}
.profile-left{ width:68%; padding:10px;}
.profile-box span{ width:25%; font-size:12px; padding:7px 10px;}
.profile-box p{ width:75%; font-size:12px; padding:7px 10px;}
.profile-right{ width:100%;}
.profile-right h3{ padding:10px; font-size:12px;}
.reply-box-btn{ font-size:12px; padding:7px 15px; margin-top:10px;}
.ticket-right-search{ width:70%; float:right;}
}


@media only screen and (max-width:800px){
.content-box-area{ width:100%; float:left; overflow-x:scroll;}
.content-text-box{ width:810px; float:left;}
.authorised2{ width:100%; display:block; margin:0px auto; border:1px solid #ccc; padding:15px;}
}


@media only screen and (max-width:768px){
.main-bg{ padding:50px 0;}
.content-box-hdng{ font-size:13px;}
.input-25{ width:35%; padding:2px 10px;}
.footer-links{ width:100%; display:inline-block; text-align:center;}
.dns-btn{ padding:7px 15px; font-size:12px;}
.ticket-left span{ font-size:12px; padding:3px 0 10px 5px;}
.content{ width:100%; float:left; padding:40px 10px;}
.content p{ padding:0 0 0; font-size:10px;}
.content-right{ width:100%; float:left; padding:20px;}
.content-right-sub{ font-size:12px; padding:3px 10px;}
.content-right-grand{ font-size:12px; padding:10px;}
.footer-links ul li{ padding:0 15px 5px;}
.ticket-right p{ font-size:12px ; padding:0 0 10px;}
.payment-method-box-com ul li{ width:32%; padding:5px;}
.footer{ position:static;}
.check-btn{ font-size:12px;}
.notify-area{ width:100%;}
.domain-left{ width:300px; padding:10px; font-size:14px;}
.domain-right{ width:394px; padding:10px; font-size:14px;}
}

@media only screen and (max-width:736px){
.left-search{ width:50%; float:left;}
.right-search{ width:80%; float:right;}
.ticket-right-search{ width:80%; float:right;}
.domain-left{ width:280px; padding:10px; font-size:14px;}
.domain-right{ width:382px; padding:10px; font-size:14px;}
}

@media only screen and (max-width:640px){
.cpanel-left{ width:100%; font-size:14px; text-align:center; padding-bottom:10px;}
.cpanel-right{ width:100%; font-size:14px; text-align:center;}
.domain-search{ width:80%; display:inline-block; text-align:center; padding:10px;}
.profile-left{ width:100%; padding:10px;}
.profile-box span{ width:25%; font-size:12px; padding:7px 10px;}
.profile-box p{ width:75%; font-size:12px; padding:7px 10px;}
.profile-right{ width:100%; margin-top:15px; padding:0;}
.font-14{ font-size:12px !important;}
.right-chosen{ width:100%; float:right; margin-bottom:10px;}
.right-search-box{ width:100%; float:right; position:relative;}
.sticky{ position: -webkit-sticky; position:static; top: 0; display:inline-block;}
.right-search-input{ width:100%; margin-right:0; font-size:14px; height:40px; padding:2px 10px;}
.right-search-btn{ float:right; height:40px; background:#000; color:#fff; font-size:14px; padding:5px 20px;}
.ticket-left-search{ width:100%; float:left; text-align:center; margin:0 0 10px;}
.ticket-right-search{ width:100%; float:right;}
.pl-10{ padding-left:0 !important;}
.domain-left{ width:240px; padding:10px; font-size:14px;}
.domain-right{ width:326px; padding:10px; font-size:14px;}
}

@media only screen and (max-width:600px){
.domain-left{ width:230px; padding:10px; font-size:14px;}
.domain-right{ width:296px; padding:10px; font-size:14px;}
}

@media only screen and (max-width:568px){
.domain-cpanel{ width:90%; display:block; margin:0px auto;}
.cpanel-box{ padding:20px; margin:10px 0 0;}
.payment-method-box ul li{ width:31%; display:inline-block; list-style:none; padding:5px; list-style:none;}
.authorised{ width:100%; padding:10px;}
.authorised h4{ width:100%; padding:10px; font-size:14px;}
.domain-left{ width:494px; padding:10px; font-size:14px; border-right:none; border-bottom:none;}
.domain-right{ width:494px; padding:10px; font-size:14px;}
}


@media only screen and (max-width:480px){
.login{ width:350px; max-width:100%; font-size:14px; padding:30px 0 20px;}
.logo{ width:80%; margin:0 auto 20px;}
.login-input{ font-size:13px; padding:2px 10px; margin:10px 0 0;}
.login-box{ padding:0 15px;}
.login-box h2{ font-size:16px;}
.login-box p{ font-size:12px; padding:5px 0 10px;}
.login-box a, .login-box a:hover, .login-box a:focus{ font-size:13px;}
.login-btn{ font-size:16px !important; padding:10px 0; margin:15px 0;}
.create a, .create a:hover, .create a:focus{ margin-top:0;}
.content h1{ font-size:16px; line-height:20px;}
.content h3{ font-size:14px;}
.footer-links ul li{ display:inline-block; list-style:none; padding:0 5px 5px;}
.footer-btm{ width:100%;}
.left-search{ width:100%; float:left; text-align:center; margin-bottom:10px;}
.right-search{ width:100%; float:right; text-align:center;}
.right-search-bar{ width:100%; float:right; position:relative;}
.right-search-input{ width:100%; float:right; margin-right:0; padding:2px 70px 2px 10px;}
.right-search-btn{ float:right; padding:5px 10px;}
.input-25{ width:35%; padding:2px 10px;}
.domain-search{ width:100%; display:inline-block; text-align:center; padding:10px;}
.profile-box span{ width:30%; font-size:12px; padding:7px 10px;}
.profile-box p{ width:70%; font-size:12px; padding:7px 10px;}
.span-2{ width:100% !important; display:inline-block;}
.span-3{ width:100% !important; display:inline-block;}
.span-4{ width:100% !important; display:inline-block;}
.span-5{ width:100% !important; display:inline-block;}
.span-6{ width:100% !important; display:inline-block;}
.domain-left{ width:400px; padding:10px; font-size:14px; border-right:none; border-bottom:none;}
.domain-right{ width:406px; padding:10px; font-size:14px;}
}


@media only screen and (max-width:425px){
.domain-left{ width:350px; padding:10px; font-size:14px; border-right:none; border-bottom:none;}
.domain-right{ width:350px; padding:10px; font-size:14px;}
}


@media only screen and (max-width:414px){
.payment-method{ padding:0;}
.buying-detail h5{ padding:0 0 5px; font-size:14px;}
.domain-left{ width:340px; padding:10px; font-size:14px; border-right:none; border-bottom:none;}
.domain-right{ width:340px; padding:10px; font-size:14px;}
}



@media only screen and (max-width:375px){
.domain-search-input{ width:70%; padding:2px 10px;}
.domain-left{ width:300px; padding:10px; font-size:14px; border-right:none; border-bottom:none;}
.domain-right{ width:300px; padding:10px; font-size:14px;}
}

@media only screen and (max-width:360px){
.domain-left{ width:248px; padding:10px; font-size:14px; border-right:none; border-bottom:none;}
.domain-right{ width:286px; padding:10px; font-size:14px;}
}

@media only screen and (max-width:320px){
.domain-left{ width:248px; padding:10px; font-size:14px; border-right:none; border-bottom:none;}
.domain-right{ width:248px; padding:10px; font-size:14px;}
}
.ticket-btn[disabled] { cursor: default; opacity:0.2; }