@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');


.header-wrap{ display:table; width:100%;}
.logo{ display:table-cell; vertical-align:middle; text-align:left;}
.logo h4{ font-size:21px; color:#46af96;}
.logo h4 strong{ color:#46af96;}
	
body{ font-family:Roboto !important; background:#fff; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing:normal; font-size:14px;}
::selection{ color:#fff; background:#11b47b;} ::-moz-selection{ color:#fff; background:#11b47b;} ::-webkit-selection{ color:#fff; background:#11b47b;}
*{ outline:none !important; text-decoration:none !important; list-style:none; font-family:Roboto; font-weight:400;} ul, li{ padding:0; margin:0; list-style:none;}
::-webkit-input-placeholder{ color:#ccc;}
:-ms-input-placeholder{ color:#ccc;}
::placeholder{ color:#aaa !important;}
.title-div{ display:inline-block; width:100%;}
.title-div h2{ font-size:42px; color:#2d3748; font-weight:600;}
h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3, section{ margin:0; padding:0;}
svg, img, embed, object{ max-width:none !important;} 
ul, ol{ margin:0 !important;}

.navbar{ padding:0.6rem 0; background:#fff;}
header{ position:relative;}
.navbar-brand span{ color: #fff; font-size:18px; font-weight:700; letter-spacing:1px; font-family: Roboto; border:solid 2px #fff; border-radius:5px; padding:0 8px;}
.navbar-brand{ max-width:140px !important; transition:all 0.1s ease-in;} 
.navbar-brand img{ width:100%;} 
.navbar-nav .nav-item{ margin-left:15px;}
.navbar-nav .nav-item .nav-link{ padding:10px; font-size:14px; font-weight: 500; color: #2d3748; font-family: Roboto; transition:all 0.2s ease-in;}
.navbar-nav .nav-item .nav-link:hover{ color:#11b47b;}
nav{ -webkit-transition: padding-top .3s, padding-bottom .3s; -moz-transition: padding-top .3s, padding-bottom .3s;	transition: padding-top .3s, padding-bottom .3s; border: none; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.shrink{ padding-top: 5px !important; padding-bottom: 5px !important;  background:rgba(255,255,255,.98); box-shadow:0 10px 15px -8px rgba(0,0,0,.05);}
.navbar-nav .nav-item .nav-link.nav-button{ background:#2d3748; padding-left:30px; padding-right:30px; color:#fff; border-radius:50px; -webkit-border-radius:50px; position:relative; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; overflow:hidden; border:solid 2px #2d3748;}
.signup{ margin-left:8px !important;} 
.signup .nav-link{ background:#2d3748 !important;}
.navbar-nav .active .nav-link{ color:#11b47b !important;}
.login .nav-button{ background:#fff !important; color:#2d3748 !important; border:none !important; box-shadow: 0 0px 15px -2px rgba(0,0,0,.1); font-weight:600 !important;} 
.login .nav-button:hover{ color:#11b47b !important; }
.signup .nav-button{ border-color:transparent !important; color:#fff !important; font-weight:600 !important;} 
.signup .nav-button:hover{ background:#11b47b !important;}

.basic-btn{ display:inline-block; padding:18px 45px; background:#fcf902; border-radius:50px; color:#222; font-weight:600; letter-spacing:1px; text-transform:uppercase; font-size:14px; transition:all 0.2s ease-out; margin-top:20px; box-shadow:0 8px 15px -2px rgba(0,0,0,.2);} 
.basic-btn ion-icon{ position:relative; top:3px; font-size:17px;}
.basic-btn:hover, .basic-btn:active{ background:#2d3748; color:#fcf902;}

.main-content{ float:left; width:100%; position:relative; background:#f6f6f6;}
.left-panel{ float:left; width:100%;}
.blog-section-wrap{ float:left; width:100%; padding-bottom:70px;}
.blog-tittle{ float:left; width:100%; height:50px; margin:40px 0;}
.blog-tittle ul{ margin:0;}
.blog-tittle ul li{ display:inline-block; width:auto;}
.blog-tittle ul li:last-child{ float:right;}
.blog-tittle ul li h2{ margin:0; text-transform:uppercase; font-weight:600; letter-spacing:1.6px; font-size:26px;}
.blog-tittle ul li small{ color:#8b8b8b; font-size:13px;} 

.blog-item-wrap{ max-width:750px; margin:auto;}
.blog-item{ float:left; width:100%; background:#fff; box-shadow:0 2px 15px -5px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 15px -5px rgba(0,0,0,.1); margin-bottom:30px; position:relative; transition:all 0.2s ease-in; border-radius:5px; overflow:hidden;}
.blog-content{ float:left; width:100%; padding:30px 40px 40px 10px;}
.blog-image{ float:left; width:100%; position:relative; background:#eee; overflow:hidden;}
.blog-image img{ height:100%; opacity:.8; width:auto;}
.blog-content h3, .blog-content h3 a, .blog-content h3 strong{ font-size:21px; font-weight:600 !important; line-height:26px; margin-top:0; color:#3f4145; letter-spacing:normal !important;}
.limit{ float:left; width:100%; margin-bottom:15px;}
.blog-content p, .limit{color:#4c4f53;line-height: 28px;font-size: 18px;font-weight:400;display:inline-block;width:100%;margin:0 0 20px;}
.blog-info{ float:left; width:100%; margin:10px 0 15px; position:relative;}
.blog-info:after{ content:''; position:absolute; width:40px; border-bottom:solid 2px #11b47b; bottom:0;}
.blog-info ul li{ display:inline-block; margin-right:5px; color:#c4c4c4; text-transform:uppercase; font-size:14px; font-weight:400; letter-spacing:0.6px; text-indent:0 !important; margin-left:0 !important; padding-left:0 !important;}
.blog-info ul li strong{ font-weight:600; color:#777;}
.blog-content .more-btn{ margin-top:5px; display:inline-block; padding:6px 15px; font-size:14px; font-weight:600; color:#222427; text-transform:uppercase; letter-spacing:1px; position:relative;}
.blog-content .more-btn:after{ position:absolute; content:''; width:15px; right:0; top:0; bottom:0; border:solid 3px #f2f2f2; border-left:none; transition:all 0.1s ease-out;}
.blog-content .more-btn:before{ position:absolute; content:''; width:15px; left:0; top:0; bottom:0; border:solid 3px #f2f2f2; border-right:none; transition:all 0.1s ease-out;}
.blog-content .more-btn:hover{  color:#222 !important;}
.blog-content .more-btn:hover:after{ border-color:#11b47b; right:-2px; border-width:1px;}
.blog-content .more-btn:hover:before{ border-color:#11b47b; left:-2px; border-width:1px;}
.blog-item .blog-image a:after{ background:rgba(17,180,123,.5) url(../images/view-icon.png) no-repeat center bottom; transition:all 0.2s ease-in; opacity:0; position:absolute; content:''; left:0; right:0; top:0; bottom:0;}
.blog-item:hover .blog-image a:after{ background:rgba(17,180,123,.5) url(../images/view-icon.png) no-repeat center center; opacity:1;}
.blog-item:hover{ box-shadow:0 5px 20px -4px rgba(0,0,0,.1); -webkit-box-shadow:0 5px 20px -4px rgba(0,0,0,.1);}
.blog-details p em a{ color:#11b47b; font-weight:500;}
.blog-details p a, .blog-details li a{ color:#11b47b; border-bottom:dashed 1px #11b47b; font-weight:600;}
.blog-details p a:hover, .blog-details li a:hover{ border-bottom:solid 1px #11b47b; font-weight:600;}

.blog-details h5, .blog-details h5 strong, .blog-details h6, .blog-details h6 strong{ font-size:16px; font-weight:600; color:#1f2125; margin:0 0 15px;}
.blog-details h4, .blog-details h4 strong{ font-size:19px; font-weight:600; color:#1a459b; margin:0 0 15px;}
.blog-details h3, .blog-details h3 strong{ font-size:22px; font-weight:600; color:#1a459b; margin:0 0 15px;}
.blog-details h2, .blog-details h2 strong{ font-size:26px; font-weight:600; color:#1a459b; margin:0 0 15px;}
.blog-details ul, ol{ margin:10px 0 30px !important; margin-left:25px !important;} 
.blog-details li{ margin:0 0 8px; color:#4c4f53;}
.blog-details ol li{ list-style:upper-roman; padding-left:6px;}
.blog-details ul li{ list-style:disc; margin-left:15px; padding-left:6px; font-size:17px;}
.blog-info ul{ margin:0 !important; padding-bottom:10px !important;} 
.blog-details .blog-image img[style]{ max-width:auto !important;}

.main-content{ float:left; width:100%; position:relative; background:#f6f6f6;}
.left-panel{ float:left; width:100%;}
.blog-section-wrap{ float:left; width:100%; padding-bottom:70px;}
.blog-tittle{ float:left; width:100%; height:50px; margin:40px 0;}
.blog-tittle ul{ margin:0;}
.blog-tittle ul li{ display:inline-block; width:auto;}
.blog-tittle ul li:last-child{ float:right;}
.blog-tittle ul li h2{ margin:0; text-transform:uppercase; font-weight:600; letter-spacing:1.6px; font-size:26px;}
.blog-tittle ul li small{ color:#8b8b8b; font-size:13px;} 

.blog-item-wrap{ max-width:800px; margin:auto;}
.blog-item{ float:left; width:100%; background:#fff; box-shadow:0 2px 15px -5px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 15px -5px rgba(0,0,0,.1); margin-bottom:30px; position:relative; transition:all 0.2s ease-in; border-radius:5px; overflow:hidden; margin-top:60px;}
.blog-content{ float:left; width:100%; padding:30px 40px 40px 10px;}
.blog-image{ float:left; width:100%; position:relative; background:#eee; overflow:hidden;}
.blog-image img{ height:100%; opacity:.8; width:auto;}
.blog-content h3, .blog-content h3 a, .blog-content h3 strong{ font-size:21px; font-weight:600 !important; line-height:26px; margin-top:0; color:#3f4145; letter-spacing:normal !important;}
.limit{ float:left; width:100%; margin-bottom:15px;}
.blog-content p, .limit{ color:#4c4f53; line-height: 28px; font-size: 18px; font-weight:400; display:inline-block; width:100%; margin:0 0 20px;}
.blog-info{ float:left; width:100%; margin:10px 0 15px; position:relative;}
.blog-info:after{ content:''; position:absolute; width:40px; border-bottom:solid 2px #11b47b; bottom:0;}
.blog-info ul li{ display:inline-block; margin-right:5px; color:#c4c4c4; text-transform:uppercase; font-size:14px; font-weight:400; letter-spacing:0.6px; text-indent:0 !important; margin-left:0 !important; padding-left:0 !important;}

.blog-details h5, .blog-details h5 strong, .blog-details h6, .blog-details h6 strong{ font-size:16px; font-weight:600; color:#1f2125; margin:0 0 15px;}
.blog-details h4, .blog-details h4 strong{ font-size:19px; font-weight:600; color:#1a459b; margin:17px 0 17px;}
.blog-details h3, .blog-details h3 strong{ font-size:22px; font-weight:600; color:#1a459b; margin:17px 0 17px;}
.blog-details h2, .blog-details h2 strong{ font-size:26px; font-weight:600; color:#1a459b; margin:22px 0 17px;}
.blog-details ul, ol{ margin:10px 0 30px !important; margin-left:25px !important;} 
.blog-details li{ margin:0 0 8px; color:#4c4f53;}
.blog-details ol li{ list-style:upper-roman; padding-left:6px;}
.blog-details ul li{ list-style:disc; margin-left:15px; padding-left:6px; font-size:17px;}
.blog-info ul{ margin:0 !important; padding-bottom:10px !important;} 
.blog-details .blog-image img[style]{ max-width:auto !important;}

.right-panel{ float:left; width:100%; position:relative; margin-top:-380px; margin-bottom:30px;}
ul.social{ float:left; width:100%;}
ul.social li{ display:inline-block; float:left; margin:0 3px !important;}
ul.social li a{ display:inline-block; height:48px; width:48px; color:#fff !important; text-align:center; font-size:21px; line-height:48px; transition:all 0.2s ease-in; border-radius:100%; background:#f4f4f4; color:#363a3f !important; transition:all 0.2s ease-out;}
ul.social li:last-child{ float:none !important;}
ul.social li a:hover{ background:#e7f7f2 !important; color:#11b47b !important;}

footer{ float:left; width:100%; text-align:center; font-size:14px; line-height:28px; position:relative;}
.footer-top{ float:left; width:100%; padding:100px 0; background:#2b343c url(../images/footer-bg.png) no-repeat center -40px; border:none !important;}
footer p{ color:#bbbec0;} footer p a{ color:#11b47b; font-weight:500;}
footer p span{ background:#111; width:25px; height:25px; border-radius:100%; text-align:center; display:inline-block; line-height:24px; margin:0 6px;}
footer ul.social-icon li{ display:inline-block; width:auto; margin:0 3px;}
footer ul.social-icon{ float:left; width:100%; margin-bottom:0;}
footer ul.social-icon li a i{ text-align:center; margin:0;} 
.go-top{ position:absolute; width:75px; height:75px; text-align:center; background:#f0f2f3; border:solid 8px #fff; line-height:70px; color:#222; border-radius:100%; -webkit-border-radius:100%; top:-35px; left:0; right:0; margin:auto;} .go-top span{ line-height:53px; font-size:15px;}
ul.btm-menu{ float:left; width:100%;} ul.btm-menu li{ display:inline-block; width:auto; padding:0 10px; border-left:solid 1px #aaa; line-height:13px; text-align:center;}
ul.btm-menu li a{ color:#d7dee3 !important; text-align:center; font-size:14px; text-decoration:none !important;} ul.btm-menu li:first-child{ border:none;}
ul.btm-menu li a:hover{ color:#fff;}
.footer-bottom{ float:left; width:100%; padding:15px 0; background:#1c2228; text-align:center;}
.footer-bottom p{ margin:0; color:#dfe2e4; opacity:0.6;}
.usa{ position:relative; padding-left:25px; margin-left:6px;}
.usa:before{ content:''; position:absolute; left:0; width:20px; height:20px; border-radius:100%; overflow:hidden; background:#ccc url(us-flag.png) no-repeat center center; background-size:cover; -webkit-background-size:cover;}
.uk{ position:relative; padding-left:25px; margin-left:6px;}
.uk:before{ content:''; position:absolute; left:0; width:20px; height:20px; border-radius:100%; overflow:hidden; background:#ccc url(uk-flag.png) no-repeat center center; background-size:cover; -webkit-background-size:cover;}
.usa:hover, .uk:hover, footer p a:hover{ color:#fff !important;}

.logo{ max-width:240px; margin:auto; margin-bottom:20px;}
.logo img{ width:100%;}
footer ul.social-icon li{ display:inline-block; width:auto;}
footer ul.social-icon{ float:left; width:100%; margin-bottom:0; margin-top:25px;}
footer ul.social-icon li a i{ text-align:center; margin:0; transition:all 0.2s ease-out;} 
footer ul.social-icon li a{ width:35px; height:35px; text-align:center; background:rgba(255,255,255,0.1); color:#fff !important; display:inline-block; font-size:16px; border-radius:100%; line-height:34px; transition:all 0.2s ease-out;}
footer ul.social-icon li a:hover{ background:#fff;}
footer ul.social-icon li a:hover i{ color:#aaa !important;}
ul.btm-menu li a:hover{ color:#fff !important;}
footer ul.social-icon li strong{ color:#fff; font-weight:500;}

.calculate-form{ margin-top:10px;}
.blog-details{ margin-top:30px;}
.selectdiv, .textbox, .pricebox, .buttonbox{position: relative;width:100%;display:inline-block;}.calculate-form label{width:100% !important; margin-bottom:10px;}select::-ms-expand {display: none;}.selectdiv:after {content: "\f107";font: 21px "FontAwesome", monospace;color: #333;right: 21px;top: 12px;padding: 0 0 2px;position: absolute;pointer-events: none;}.selectdiv select, .form-control, .submit-btn {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-weight:500;display: inline-block;width: 100%;height: 50px;padding: 0px 15px;font-size: 14px;line-height: 1.75;color: #2d3748;background-color: #fff;background-image: none;border:none; border:solid 1px #eee; -ms-word-break: normal;word-break: normal;border-radius:8px;box-shadow: 0 3px 15px -2px rgba(0,0,0,.07);cursor:pointer;}
.selectdiv select:focus, .form-control:focus{ border-color:#fff; box-shadow: 0 0px 0px 3px rgba(0,0,0,.2)}
.pricebox label{ width:100% !important;}
.price-wrap{ display:inline-table; width:100%; position:relative; height:100%;}
.price-wrap strong, .price-wrap span{ display:table-cell; vertical-align:middle;}
.price-wrap span{ color:#c0f5e3;}
.price-wrap strong{ font-size:30px; text-align:right; position:relative; font-family:Roboto !important; color:#2d3748;}
.buttonbox .submit-btn{ border-color:#11b47b; background:#11b47b; color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:1px; font-weight:600; padding:12px; height:auto;}
.buttonbox .submit-btn ion-icon{ position:absolute; font-size:22px; top:0; bottom:0; margin:auto; margin-left:6px;}
.calculate-form .col-lg-6, .calculate-form .col-lg-12{ padding:0 10px;} .calculate-form .row{ margin:0 -10px;}
.pricebox .form-control{ background:none !important; border:none; padding:0; box-shadow:none;}
.currency select{ font-weight:800 !important;}
.post-box h3{ position:relative; font-size:18px; line-height:24px; color:#192d35; padding-left:72px; font-weight:600; margin-top:0 !important; margin-bottom:0 !important;}
.post-box h3:before{ content:''; position:absolute; width:56px; height:47px; background:url(../images/clock-icon.jpg) no-repeat center center; left:0; background-size:100%;}
p{ color:#8e989c; font-size:14px; margin:15px 0; line-height:21px;}

.small-info{ display:inline-block; width:100%; margin-top:30px;}
.small-info .col-lg-4{ padding:0;} .small-info .row{ margin:0;}
.info-wrap{ display:inline-block; width:100%; text-align:center; position:relative;}
.info-wrap h3{ font-weight:500; color:#425258; margin:0; padding:0; font-size:14px; line-height:16px;}
.info-wrap h3:before{ display:none;}
.info-wrap small{ margin:0; color:#acb5b8; font-weight:400; font-size:12px; text-transform:uppercase;}
.info-icon{ display:inline-table;}
.info-icon .icon-inner{ display:table-cell; vertical-align:middle; width:50px; height:50px; background:#f5f6f7; border-radius:100%; text-align:center;}
.info-icon ion-icon{ font-size:24px !important; color:#192d35; --ionicon-stroke-width: 40px; margin-top:2px;}
.blog-details .blog-image img{ width:100% !important; height:auto; opacity:1;}
.blog-details .blog-image{ height:auto !important;}
.blog-details .blog-item .blog-image a:after{ display:none;}
.blog-details .blog-content{ padding:40px;}
.listing .blog-image{ height:360px !important; background:#6ec5a6 url(../images/banner-bg.png) no-repeat center top;}
.listing .blog-image img{ opacity:0.6;}

.blog-details .blog-content{ border-top:solid 1px #eee;}
.blog-details .blog-content h1{ font-size:36px; line-height:40px; font-weight: 600; color:#383d41;}
.blog-details .blog-info ul li strong{ color:#444;}

.steps h4{ text-transform:none; letter-spacing:normal; font-size:24px; margin-bottom:10px;}
.step-wrap{ display:inline-block; width:100%; padding-top:15px;}
.step-item{ display:inline-block; width:100%; position:relative; padding-bottom:20px;}
.step-title{ display:inline-table; width:100%; position:relative; z-index:1;}
.step-title .icon{ display:table-cell; vertical-align:middle; width:60px; position:relative; z-index:1;}
.step-title .icon-inner{ width:45px; height:45px; background:#fff; border:solid 2px #d3eae2; border-radius:100%; display:table-cell; text-align:center; vertical-align:middle; transition:all 0.2s ease-out;}
.step-title .icon ion-icon{ font-size:24px; color:#11b47b; margin-top:5px; --ionicon-stroke-width: 40px; transition:all 0.2s ease-out;}
.title-text{ display:table-cell; vertical-align:middle; position:relative; z-index:1;}
.title-text small{ padding:1px 5px; border-radius:3px; background:#11b47b; color:#fff; font-size:12px;}
.title-text h5{ font-size:16px; margin:0; font-weight:600;}
.step-text{ display:inline-block; width:100%;}
.step-text p{ font-size:13px; padding-left:60px; margin:0;}
.step-item:before{ content:''; position:absolute; width:2px; border-left:solid 2px #d3eae2; top:14px; bottom:0; left:22px; z-index:0; transition:all 0.5s ease-out;}
.step-item:hover .step-title .icon-inner{ background:#11b47b; border-color:#11b47b;}
.step-item:hover .step-title .icon-inner ion-icon{ color:#fff;}
.step-item:hover:before, .step-wrap:hover .step-item:before{ border-color:#11b47b;}
.step-wrap:hover .step-title .icon-inner{ border-color:#11b47b;}


/*------- New Added CSS ---------*/
.bulletic-content{ display:inline-block; width:100%; padding:35px; background:#e6f4ea; border-radius:10px; position:relative; overflow:hidden;}
.bulletic-content ol.numberic{ padding-left:0 !important; margin-left:0 !important;}
.bulletic-content ol.numberic li{ list-style:none !important;}
.bulletic-content ol.numberic li a{ border:none !important; color:#4c4f53; transition:all 0.2s ease-out;}
.bulletic-content ol.numberic li a strong{ margin-right:8px; font-weight:600;}
.bulletic-content:after{ content:''; position:absolute; border-bottom:solid 50px #b2c5b8; border-left:solid 300px transparent; border-right:solid 35px transparent; right:0; bottom:0;}
.bulletic-content:before{ content:''; position:absolute; width:70px; height:60px; background:#e6f4ea; border-radius:100%; right:-25px; bottom:-4px; z-index:1;}
.bulletic-content ol.numberic li ol{ margin-left:18px !important; position:relative;}
.bulletic-content ol.numberic li a:hover{ color:#11b47b !important;}
.bulletic-content ol.numberic li ol:before{ position:absolute; content:''; left:-15px; top:-6px; bottom:10px; border-left:solid 1px #b2c5b8;}
.bulletic-content ol.numberic li > ol li{ position:relative;}
.bulletic-content ol.numberic li > ol li:before{ position:absolute; content:''; left:0; height:1px; width:15px; border-bottom:solid 1px #b2c5b8; left:-15px; top:0; bottom:0; margin:auto;}
.text-block{ padding:30px 0 0; display:inline-block; width:100%;}
.bulletic-content ol{ margin-bottom:0 !important;}
.fancybox-skin{ padding:0 !important;}
#topcontrol{ z-index:999 !important;}
.blog-details .bulletic-content ol li{ list-style:none !important;}
.blog-details .bulletic-content ol li a{ color:#333 !important; border:none !important; text-decoration:none !important;}
.blog-details .bulletic-content ol li a:hover{ color:#11b47b !important;}
.blog-details .bulletic-content ol li a strong{ font-weight:600 !important;}


table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}

th, td {
  text-align: center;
  padding: 15px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
  background-color: #04AA6D;
  color: white;
}



@media (max-width: 1024px) {
	.banner-model{ display:none;}
	.banner-caption h1{ font-size:36px;}
	.banner-caption small{ font-size:15px;}
	.banner{ padding:120px 0 70px;}
	.right-panel{ margin-top:-250px;}
	.step-title .icon ion-icon{ font-size:21px;}
}

@media (max-width: 980px) {
	.right-panel{ margin-top:30px;}
	.blog-tittle ul li:last-child{ float:left !important; margin-top:10px;}
	.blog-tittle{ height:auto; width:100%;}
	.blog-image{ height:200px;}
	.blog-content{ padding:25px;}
	.blog-tittle ul li{ width:100% !important; }
	.listing .blog-image{ height:auto !important;}
}

@media (max-width: 800px) {
	.blog-tittle ul li .more-btn, .post-box .more-btn{ float:left;}
}

@media (max-width: 767px) {
	.menu{ width:35px; position:relative; margin-top:2px; cursor:pointer; line-height:0 !important; padding:5px; border:none;}
	.menu span.bar{ display:inline-block; width:100%; border-bottom:solid 1px #000; margin-bottom:4px; transition:all 0.2s ease-in; position:relative; height:3px;}
	.menu-bars .bar-2{ opacity:0;}
	.menu-bars .bar-1{ transform:rotate(45deg); position:absolute; width:20px; height:17px; top:8px; margin-left:1px;}
	.menu-bars .bar-3{ transform:rotate(-45deg); position:absolute; width:20px; height:17px; top:-6px;}
	.navbar{ padding:0.8rem;}
	.signup, .navbar-nav .nav-item{ margin-left:0 !important; margin-bottom:5px;}
	.navbar-collapse{ padding-top:15px;}
	.light-nav{ box-shadow:0 10px 20px -4px rgba(0,0,0,.2);}
	.blog-details .blog-content h2{ font-size:24px; line-height:32px;}
	.blog-content p{ font-size:15px;}
	.blog-section-wrap{ padding-bottom:0;}
}

@media (max-width: 640px) {
}

@media (max-width: 480px) {
	.blog-details .blog-content{ padding:25px;}
	.blog-details .blog-content h2{ font-size:18px; line-height:24px;}
	.blog-details .blog-content h4{ font-size:18px;} 
	.bulletic-content{ padding:20px; padding-bottom:70px;}
	.bulletic-content ol.numberic li a{ font-size:13px;}
	.bulletic-content ol.numberic li a strong{ margin-right:3px;}
}