/* Global */
* {
	font-family: 'Raleway', sans-serif;
}
input {
	outline: none;
	border: none;
	background: none
}
a {
	text-decoration: none;
	cursor: pointer
}
a:hover {
	text-decoration: none;
	color: #000
}
a:focus, a:active {
	text-decoration: none;
	cursor: pointer;
	color: #000
}
.trans,
.footer-links a,
.pagination-box a,
.latest-box,
.horizontal-items,
.posted-name {
	transition: all 0.2s ease-in-out;
}
.feat-words {
	font-weight: bold;
	color: #59dac3
}
.maincolor {
	color: #59dac3 !important
}
/* Colors */
.whitecolor {color: #FFF !important}
.greycolor {color: #555 !important}
.skycolor {color: #2ac5fb !important}
.skycolor:hover {color: #09a5db !important}
.redcolor {color: #fe1d62 !important}
.redcolor:hover {color: #dd0044 !important}
.lemoncolor {color: #b6d546 !important}
.lemoncolor:hover {color: #a1ca0c !important}
.bluecolor {color: #3b9fb3 !important}
.bluecolor:hover {color: #0892ae !important}
.greencolor {color: #0dad6b !important}
.greencolor:hover {color: #077c4c !important}
.buscolor {color: #724af2 !important}
.skillcolor {color: #bf3761 !important}
/* Colors */
/* Global */

/* Code Tag */
.codetag-box {
	color: #8c8b8b;
	font-size: 15px
}
.property-code {
	background-color: #edf8f6;
	color: #222;
	font-size: 14px;
	border: 1px solid #8ae6d5;
	padding: 0 5px;
	margin: 0 8px;
	font-family: "Arial"
}
/* Code Tag */

/* Buttons */
.bt {
	color: #FFF;
	border: 1px solid #000;
	padding: 8px 24px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center
}
.bt-default {color: #59dac3;border: 1px solid #59dac3}
.bt-default:hover {color: #40cfb6; border: 1px solid #40cfb6}

.bt-primary {border: 1px solid #59dac3; background-color: #59dac3}
.bt-primary:hover {border: 1px solid #41d1b7; background-color: #41d1b7}

.bt-success {border: 1px solid #0dad6b; background-color: #0dad6b}
.bt-success:hover {border: 1px solid #05985b; background-color: #05985b}

.bt-info {border: 1px solid #2ac5fb; background-color: #2ac5fb}
.bt-info:hover {border: 1px solid #06b5f2; background-color: #06b5f2}

.bt-warning {border: 1px solid #ff9028; background-color: #ff9028}
.bt-warning:hover {border: 1px solid #f37908; background-color: #f37908}

.bt-danger {border: 1px solid #fe1d62; background-color: #fe1d62}
.bt-danger:hover {border: 1px solid #ef044c; background-color: #ef044c}

.bt-default:active {color: #00d1ac; border: 1px solid #00d1ac}

.bt-primary:active {border: 1px solid #00b292; background-color: #00b292}

.bt-success:active {border: 1px solid #1e7e34; background-color: #1e7e34}

.bt-warning:active {border: 1px solid #d76d09; background-color: #d76d09}

.bt-danger:active {border: 1px solid #ca0542; background-color: #ca0542}

.bt-info:active {border: 1px solid #049ace; background-color: #049ace}

.bt-2x {padding: 15px 33px; text-transform: uppercase}

.bt-bottom {padding: 14px 33px; text-transform: uppercase; border-bottom: 2px solid #00000052}
.bt:hover {
	color: #FFF
}
/* Buttons */

/* Alerts Box */
.alertbox {
	border-radius: 4px;
	border: 1px solid #000;
	padding: 20px 20px 20px 80px;
	position: relative;
}
.small-alert {
	padding-top: 10px;
	padding-bottom: 10px;
}
.alertbox:before {
	font-family: "Font Awesome\ 5 Free";
	position: absolute;
	top: 50%;
	left: 32px;
	font-size: 20px;
	transform: translateY(-50%);
	font-weight: 900
}
.small-alert:before {font-size: 18px}

.alertbox-success {border: 1px solid #0dad6b;background-color: #d8ffef;color: #0dad6b;}
.alertbox-success:before {content: "\f00c";}

.alertbox-info {border: 1px solid #2ac5fb;background-color: #e8f8fe;color: #2ac5fb;}
.alertbox-info:before {content: "\f129";}

.alertbox-warning {border: 1px solid #ff9028;background-color: #fdf0e4;color: #ff9028;}
.alertbox-warning:before {content: "\f12a";}

.alertbox-danger {border: 1px solid #fe1d62;background-color: #fce5ec;color: #fe1d62;}
.alertbox-danger:before {content: "\f06a";}

.alertbox-title {font-weight: bold;font-size: 14px;}
.alertbox-message {font-size: 12px;font-weight: bolder;letter-spacing: 1px}
/* Alerts Box */

/* Pagination */
.pagination-container {
	display: flex;
	justify-content: space-between
}
.prev-next-page {
	margin: 10px 5px 0;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}
.prev-next-page:hover {
	color: #55ceb8 !important;
}
.prev-next-page:active {
	transform: scale(0.9);
}
.pagination-box a {
	color: #000;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #FFF;
	font-weight: bold
}
.pagination-box span {
	margin-right: 10px
}
.pagination-box a.active {
	border: 2px solid #0cd2ae;
}
.pagination-box a:hover {
	border: 2px solid #0cd2aea3;
}
.pagination-box a:active {
	transform: scale(0.7);
}
/* Pagination */

/* Input Text */
.input-text {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px 12px;
	font-size: 15px;
	width: 200px
}
.input-text input,
.input-text textarea {
	width: 100%;
	height: 100%;
	border: none;
	resize: none;
	outline: none;
	font-size: 13px
}
.input-text input::placeholder,
.input-text textarea::placeholder {
	color: #c2c2c2
}
.active-input {
	border: 1px solid #78e4d1;
	box-shadow: 0px 0px 2px 0px #78e4d1
}
.incorrectly-input {
	border: 1px solid #fe759f;
}
.incorrectly-input {
	padding-right: 35px;
	position: relative
}
.incorrectly-input:before {
	content: "\f06a";
	font-family: "Font Awesome\ 5 Free";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	color: #fe1d62;
	font-weight: 900
}
/* Input Text */

/* Select Box */
.selectboxit {
	border-radius: 3px !important;
	height: 38px !important;
	line-height: 38px !important;
	border: 1px solid #CCC !important;
	background: none;
	color: #888
}
.selectboxit-default-arrow {
	border-top: 4px solid #59dac3
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 33px;
    line-height: 36px;
    display: block;
}
.selectboxit-options.selectboxit-list {
	background: #FFF;
	border-radius: 3px
}
/* Select Box */

/* Blockquote */
blockquote {
	background-color: #edf8f6;
	padding: 20px;
	border-radius: 0 3px 3px 0;
	font-size: 13px;
	color: #777;
	line-height: 1.7;
	border-left: 4px solid #59dac3
}
.quote-title {
	font-weight: bold;
	color: #59dac3;
	margin-right: 30px
}
/* Blockquote */

/* Preformatted */
.preformatted-tag {
	background-color: #edf8f6;
	border: 1px solid #8ae6d5;
	border-radius: 3px;
	padding: 15px
}
/* Preformatted */

/* Radio Checkboxes */

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #5cdac4;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    box-sizing: content-box !important;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    background: transparent;
    color: #cacaca;
	border: 1px solid #cacaca;
	font-weight: 900
}
.radio-custom + .radio-custom-label.small-radio:before {
	width: 13px;
	height: 13px;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f111";
    font-family: 'Font Awesome\ 5 Free';
    color: #5cdac4;
    font-size: 15px;
	font-weight: 900
}

.radio-custom:checked + .radio-custom-label.small-radio:before {
	font-size: 10px
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

.checkbox-custom + .checkbox-custom-label:before {
    background: transparent;
	border: 1px solid #cacaca;
	width: 15px;
	height: 15px;
	font-size: 11px
}
.checkbox-custom:checked + .checkbox-custom-label.active-checkbox:before {
	color: #5cdac4;
	border: 1px solid #5cdac4	
}

.checkbox-custom:checked + .checkbox-custom-label.grey-checkbox:before {
	color: #e1e1e1;
	border: 1px solid #e1e1e1	
}
/* Radio Checkboxes */

/* Items */
.latest-box {
	box-shadow: 0px 3px 3px -2px #ccccccba;
	margin-bottom: 30px;
	display: block;
	color: #000;
	border: 1px solid #e4e5e5;
	background-color: #FFF
}

.latest-box:hover, .horizontal-items:hover {
	background-color: #eef8f6;
	border: 1px solid #8ae6d5;
	box-shadow: none
}

.latest-img-box {
	height: 150px
}
.latest-img-box img {
	width: 100%;
	height: 100%;
}
.latest-details-box {
	padding: 15px
}
.latest-title {
	font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px
}
.latest-text {
	height: 70px;
	font-size: 12px;
	font-weight: bold
}
.latest-date {
	color: #9d9c9c;
	font-size: 12px
}
/* Items */

/* Horizontal Items */
.horizontal-items {
    overflow: hidden;
    background-color: #FFF;
    border: 1px solid #e4e5e5;
    box-shadow: 0px 3px 3px -2px #ccccccba;
    margin-bottom: 30px;
    display: flex;
}
.horizontal-items:hover .posted-name {
	color: #000;
	font-weight: bold;
	text-decoration: underline
}
.horizontal-img-box {
	width: 260px;
	height: 150px
}
.horizontal-img-box img {
	width: 100%;
	height: 100%
}
.horizontal-details-box {
	width: 100%;
	padding: 15px
}
.horizontal-bar {
	display: flex;
	font-size: 12px;
	margin-bottom: 15px
}
.cat-name {
	font-weight: bold;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #d6d6d6;
}
.postedby, .createdat  {
	color: #9d9c9c;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #d6d6d6;
}
.createdfrom {
	color: #9d9c9c
}
.horizontal-title {
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 14px
}
.horizontal-text {
	font-size: 15px;
	color: #9d9c9c
}
/* Horizontal Items */

/* Content Container */
.content-container {
	background-image: url("../imgs/vectors-background.png");
	background-size: 100%; /* Contain */
	background-repeat: no-repeat
}
/* Content Container */

/* All Tutorials */
.sidebar-search {
	margin-top: 10px;
	margin-bottom: 25px;
}
.sidebar-search .input-text {
	width: 100%;
	background-color: #FFF;
	position: relative
}
.sidebar-search .input-text input {
	font-size: 14px !important;
	padding-right: 25px
}
.sidebar-search .input-text .fa-search {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%)
}
/* All Tutorials */

/* Search Courses */
.search-courses {
	border: 1px solid #55ceb8;
    border-radius: 3px;
    width: 580px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    height: 40px;
	padding: 3px;
	overflow: hidden;
	margin-bottom: 80px
}

.search-courses .fa-search {
    width: 37px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    background-color: #55ceb8;
    color: #FFF;
    border-radius: 2px;
}
.search-courses input {
	width: 100%;
	padding: 0 14px;
	font-size: 13px;
	color: #55ceb8;
	font-weight: bold;
	letter-spacing: 1px
}
.search-courses input::placeholder {
	color: #55ceb88f;
}
/* Search Courses */

/* Tabs Box Buttons */
.tabs-btns-box {padding: 5px 0 30px; overflow: hidden}
.tabs-btns {display: flex; color: #bebcbc; font-size: 14px; margin-left: 25px}
.tab-bt {padding: 2px 14px; cursor: pointer; border: 1px solid #d6d6d6; background-color: #FFF}
.tab-bt:first-of-type {border-radius: 5px 0 0 5px}
.tab-bt:last-of-type {border-radius: 0 5px 5px 0}
.tab-bt:hover, .tab-bt.active {border: 1px solid #8ae6d5; color: #000; background-color: #edf8f6}
.items-row {display: none}
.items-row.active {display: block !important}
/* Tabs Box Buttons */

/* Navbar */
nav {
	background-color: #1c1c1c
}
.navbar-top {
	padding: 10px 0
}
.logo-box {
	font-weight: 700;
    font-size: 20px;
    letter-spacing: 5px;
}
.logo-box a {
	color: #FFF
}
.site-logo {
	width: 25px;
	height: 25px;
	margin-top: -3px
}
.search-ii {
	display: flex;
	background-color: #3d3d3f;
	border-radius: 50px;
	padding: 3px 0;
	position: relative
}
.search-ii:before {
	content: "";
    position: absolute;
    top: 0;
    left: 38px;
    width: 1px;
    height: 100%;
    background-color: #000
}
.search-box {
	padding-top: 1px
}
.search-bar-btn  {
	display: none
}
.search-icon, .search-input {
	padding: 0 12px;
}
.search-input {
	font-size: 15px;
	width: 100%
}
.search-input::placeholder {
	font-size: 15px
}
.search-icon {
	font-size: 13px;
	padding-top: 2px
}
.hr_line {
	background-color: #FFF;
	margin: 0;
	border: none;
	height: 1px;
	background: #3d3d3f
}
.site-links {
	margin: 0;
	position: relative
}
.site-links .site-link {
	float: left;
	padding: 10px;
	font-size: 15px;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Arial";
}
.site-links .site-link:first-of-type {
	padding-left: 0;
}
.site-links .site-link a {
	color: #e1e1e1
}
.site-links .site-link:hover a {
	color: #FFF
}
.site-login .site-link:first-of-type {
	padding-right: 0;
	margin-right: 0;
}
.site-link:hover .sublinks {
	display: block;
}
.links-angles {
	position: relative;
    top: 1;
    left: 6px;
	font-size: 14px
}
.sublinks {
	position: absolute;
	top: 38px;
	width: 180px;
	background-color: #1c1c1c;
	z-index: 1;
	border-radius: 3px;
	display: none;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
	z-index: 20
}
.sublinks a {
	display: block;
	font-size: 12px;
	padding: 10px 10px;
	border-bottom: 1px solid #3d3d3f;
	transition: all .25s ease-in-out;
	border-left: 4px solid #1c1c1c
}
.sublinks a:last-of-type {
	border: none
}
.sublinks a:hover {
	color: #2dbbed !important;
	border-left: 4px solid #2dbbed;
	padding-left: 17px
}
/* Navbar */

/* Content */
.content {
	padding: 30px;
	margin: 0 30px
}
/* Content */

/* Subscribe */
.subscribe-contaianer,
footer {
	background-color: #1c1c1c;
	padding: 60px 0; 
}
.subscribe-text {
	font-size: 30px;
	margin: 12px 0
}
.subscribe-email {
	background-color: #333333;
	padding: 8px 10px;
	width: 400px;
	border-radius: 3px;
	font-size: 14px
}
.subscribe-email::placeholder {
	font-size: 15px
}
.subscribe-submit {
	text-transform: uppercase;
	padding: 8px 20px;
	border: 1px solid #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 10px;
	font-weight: bold;
	cursor: pointer;
}
.subscribe-submit:hover {
	background-color: #FFF;
	color: #000 !important
}
/* Subscribe */

/* Footer */
footer {
	padding-bottom: 30px
}
footer .logo-box {
	margin-bottom: 40px
}
.aboutcolor {color: #c52253}
.coursescolor {color: #50c1e1}
.tutorialscolor {color: #b6d546}
.contactscolor {color: #2b626d}
.footer-box h5,
.followus {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	margin-bottom: 15px
}
.about-text {
	font-weight: bold;
    font-size: 13px;
	line-height: 1.7
}
.footer-links a {
	font-size: 12px;
	color: #555;
	margin-bottom: 7px;
	padding-bottom: 7px;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative
}
.footer-links a:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 50%;
	height: 1px;
	background-color: #333
}
.footer-links a:last-of-type:before {
	content: none
}
.footer-links a:last-of-type {
	border: none;
	margin-bottom: 0
}
.footer-links a:hover {
	color: #50c1e1
}
.footer-links-tuts a:hover {
	color: #b6d546
}
.contact-us {
	margin-bottom: 40px
}
.contact-address {
	color: #555;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px
}
.contact-address i {
	margin-right: 10px
}
.followus {
	margin-bottom: 15px
}
.socialmedia-links {
	overflow: hidden
}
.socialmedia-links li {
	float: left;
	margin: 0 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}
.socialmedia-links li a {
	display: block;
	color: #555
}
.socialmedia-links li a:hover {
	color: #FFF
}
.facebook-i:hover {
	background-color: #3b5998
}
.twitter-i:hover {
	background-color: #1da1f2
}
.gplus-i:hover {
	background-color: #CC3333
}
.footer-bottom {
	background-color: #292929;
	padding: 20px 0;
	color: #999;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px
}
/* Footer */

/* Scroll Up */
.scrollup {
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	background-color: #4d4d4d;
	font-size: 20px;
	color: #999;
	border-radius: 50%;
	cursor: pointer;
	display: none
}
.scrollup:hover {
	color: #FFF
}
/* Scroll Up */

/* Thank You Page */
.thankyou {
	background-image: url("../imgs/vectors-background.png");
	padding-top: 80px;
	padding-bottom: 80px;
}
.thankyou-text {
	display: inline-block;
	border: 3px dotted #fe1d62;
	color: #fe1d62;
	padding: 20px 100px;
	font-size: 80px;
	font-weight: bold;
	font-style: italic;
	position: relative;
	margin-bottom: 50px
}
.thank {
	text-shadow: 3px 5px #b9f1e7;
    letter-spacing: 3px;
	font-family: Arial
}
.thankyou-text i {
	position: absolute;
    top: -18px;
    font-size: 48px;
    left: 50%;
    transform: translateX(-50%);
}
.choose-text {
	color: #000;
	font-size: 26px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative
}
.choose-text:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 1px;
	background-color: #dedede
}
.thankyou-para {
	color: #999;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 60px;
}
.homepage-btn {
	display: inline-block;
	color: #59dac3;
	border: 1px solid #59dac3;
	border-radius: 4px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 10px 30px;
	cursor: pointer
}
.homepage-btn:hover {
	background-color: #59dac3;
	color: #FFF
}
.homepage-btn:active {
	background-color: #12c0a1;
}
/* Thank You Page */

/* Sign Up */
.accounts-form {
	background-image: url("../imgs/accounts-background.png");
	padding-top: 80px;
	padding-bottom: 80px;
}
.form-account {
	width: 400px;
	background-color: #FFF;
	border: 18px solid #69c6b6;
	margin: auto;
	padding: 28px 25px
}
.account-title {
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 10px;
}
.account-text {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dedede;
	font-size: 13px;
	color: #999
}
.account-box {
	display: flex;
	border: 1px solid #dedede;
	margin-bottom: 15px
}
.account-box input {
	padding: 8px 10px;
	font-size: 15px;
	width: 100%
}
.account-box i {
	width: 38.4px;
	line-height: 38.4px;
	color: #c6c6c6
}
.btn-submit {
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 20px;
}
.already-have {
	color: #999;
	font-size: 14px
}
.signin-link {
	color: #59dac3;
	font-weight: bold
}
.signin-link:hover {
	color: #0dceac
}
.website-logo {
	color: #000;
    font-size: 25px;
	margin-bottom: 15px;
	display: inline-block
}
.btn-submit {
	width: 70%;
	padding: 10px
}
/* Sign Up */

/* Sign In */
.socialmedia-forgot {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}
.socialmedia-signin a {
	margin-right: 20px
}
.forgot-password {
	font-size: 13px;
	font-weight: bold;
	color: #59dac3
}
.forgot-password:hover {
	color: #41d1b7
}

.socialmedia-signin .fa-facebook-f {
	color: #3b5998
}
.socialmedia-signin .fa-twitter {
	color: #1da1f2
}
.socialmedia-signin .fa-google-plus-g {
	color: #CC3333
}

.socialmedia-signin .fa-facebook-f:hover {
	color: #042770
}
.socialmedia-signin .fa-twitter:hover {
	color: #0e73b2
}
.socialmedia-signin .fa-google-plus-g:hover {
	color: #a10606
}
/* Sign In */

/** Extra small devices (portrait phones, less than 576px) **/
@media (max-width: 575.98px) {
	 
	/* Global */
	.xs-none {
		display: none
	}
	/* Global */
	
	/* Navbar */
	.logo-box {
		font-size: 15px
	}
	.site-logo {
		width: 20px;
		height: 20px;
	}
	.search-box {
		padding-top: 7px
	}
	.search-bar-btn {
		display: block;
		margin-left: 10px
	}
	.search-bar-btn  i {
		cursor: pointer
	}
	.search-bar-btn:hover i {
		color: #ccc
	}
	.navbar-bottom .site-link {
		display: block;
		float: none !important;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-bottom {
		display: none
	}
	.navbar-bottom .site-link:hover .sublinks {
		display: none;
		overflow: hidden
	}
	.navbar-bottom .sublinks {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		border-radius: 0;
		box-shadow: none !important
	}
	.sublinks a {
		border: none;
		padding: 8px 5px;
		font-size: 11px
	}
	/* Navbar */
	
	/* Subscribe */
	.subscribe-text {
		font-size: 18px
	}
	.subscribe-input {
		display: flex
	}
	.subscribe-email {
		width: 100%;
		font-size: 13px
	}
	.subscribe-submit {
		padding: 7px 20px;
		font-size: 12px
	}
	/* Subscribe */
	
	/* Footer */
	footer {
		padding: 40px 0 0
	}
	.footer-box {
		margin-bottom: 35px;
		text-align: center
	}
	footer .logo-box {
		text-align: center
	}
	.footer-bottom,
	.foot-bottom-box {
		text-align: center !important
	}
	.footer-box a:before {
		left: 50%;
		transform: translateX(-50%)
	}
	.socialmedia-links li {
		float: none;
		display: inline-block
	}
	.socialmedia-links {
		text-align: center;
	}
	/* Footer */
	
	/* Scroll */
	.scrollup {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	/* Scroll */
	
	/*  Search Box */
	.sec-text, .search-courses {width: 100% !important}
	.tag-link {margin-left: 10px !important; margin-right: 10px !important}
	/*  Search Box */
	
	/* Tabs */
	.tabs-btns-box .latest-courses-text {float: none !important; margin-bottom: 15px}
	.tabs-btns-box .tabs-btns {float: none !important; margin-left: 0; margin-bottom: 15px; justify-content: center}
	/* Tabs */
	
	/* Popular Course */
	.popular-box .popular-img {
		width: 84px !important
	}
	/* Popular Course */
	
	/* Thank You */
	.thankyou-text {
		width: 100%;
		padding: 20px;
		font-size: 40px
	}
	.thankyou-text i {
		top: -12px;
    	font-size: 33px;
	}
	.choose-text {
		font-size: 20px
	}
	/* Thank You */
	
	/* Accounts Form */
	.form-account {
		width: 100%
	}
	/* Accounts Form */
	
	/* Sign Up */
	.account-title {
		font-size: 21px
	}
	/* Sign Up */
}

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	/* Global */
	.xs-none {
		display: none
	}
	/* Global */
	
	/* Navbar */
	.logo-box {
		font-size: 15px
	}
	.site-logo {
		width: 20px;
		height: 20px;
	}
	.search-box {
		padding-top: 7px
	}
	.search-bar-btn {
		display: block;
		margin-left: 10px
	}
	.search-bar-btn  i {
		cursor: pointer
	}
	.search-bar-btn:hover i {
		color: #ccc
	}
	.navbar-bottom .site-link {
		display: block;
		float: none !important;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-bottom {
		display: none
	}
	.navbar-bottom .site-link:hover .sublinks {
		display: none;
		overflow: hidden
	}
	.navbar-bottom .sublinks {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		border-radius: 0;
		box-shadow: none !important
	}
	.sublinks a {
		border: none;
		padding: 8px 5px;
		font-size: 11px
	}
	/* Navbar */
	
	/* Subscribe */
	.subscribe-text {
		font-size: 18px
	}
	.subscribe-input {
		display: flex
	}
	.subscribe-email {
		width: 100%;
		font-size: 13px
	}
	.subscribe-submit {
		padding: 7px 20px;
		font-size: 12px
	}
	/* Subscribe */
	
	/* Footer */
	footer {
		padding: 40px 0 0
	}
	.footer-box {
		margin-bottom: 35px;
		text-align: center
	}
	footer .logo-box {
		text-align: center
	}
	.footer-bottom,
	.foot-bottom-box {
		text-align: center !important
	}
	.footer-box a:before {
		left: 50%;
		transform: translateX(-50%)
	}
	.socialmedia-links li {
		float: none;
		display: inline-block
	}
	.socialmedia-links {
		text-align: center;
	}
	/* Footer */
	
	/* Scroll */
	.scrollup {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	/* Scroll */
	
	/*  Search Box */
	.sec-text, .search-courses {width: 100% !important}
	.tag-link {margin-left: 10px !important; margin-right: 10px !important}
	/*  Search Box */
	
	/* Tabs */
	.tabs-btns-box .latest-courses-text {float: none !important; margin-bottom: 15px}
	.tabs-btns-box .tabs-btns {float: none !important; margin-left: 0; margin-bottom: 15px; justify-content: center}
	/* Tabs */
	
	/* Popular Course */
	.popular-box .popular-img {
		width: 84px !important
	}
	/* Popular Course */
	
	/* Thank You */
	.thankyou-text {
		width: 100%;
		padding: 20px;
		font-size: 50px
	}
	.choose-text {
		font-size: 20px
	}
	/* Thank You */
	
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	/* Navbar */
	.site-links .site-link {
		margin-right: 5px
	}
	/* Navbar */
	
	/* Footer */
	.footer-box {
		margin-bottom: 50px
	}
	/* Footer */
	
	/* Tabs */
	.tabs-btns-box .latest-courses-text {float: none !important; margin-bottom: 15px}
	.tabs-btns-box .tabs-btns {float: none !important; margin-left: 0; margin-bottom: 15px; justify-content: center}
	/* Tabs */
	
	/* Thank You */
	.thankyou-text {
		font-size: 70px
	}
	.choose-text {
		font-size: 30px
	}
	/* Thank You */
	
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) and (max-width: 1199.98px) {}

/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {}