/******************************************
    Version: 1.0
/****************************************** */


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.top-navbar .navbar-light .navbar-nav .nav-item{
		margin: 0px 5px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {

	.section-title {
		margin-bottom: 30px;
	}
	.title2 {
		font-size: 25px !important;
	}
	.box-slider .carousel-control-prev, .box-slider .carousel-control-next {
		font-size: 30px;
		width: 40px;
		height: 40px;
	}
	.navbar-light .navbar-toggler {
		border-color: #fff !important;
		padding: 12px;
	}
	.navbar-toggler .icon-bar {
		background: #fff;
	}
	#navbars-host {
		padding-bottom: 20px;
	}

	.title {
		font-size: 35px !important;
		font-weight: bold;
	}
	.course-wrap .pricing-table.pricing-table-highlighted {
		margin-bottom: 40px;
		margin-top: 0;
	}

	.grid-row {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.cta-area h2 {
		font-size: 22px;
		margin: 0;
        padding: 0;
	}
	.cta-area-right-content {
		padding: 25px;
	}
	.cta-area-left-content {
		padding: 25px;
	}
	.technical-skill h2 {
		text-align: center;
	}
	.choose-wrap {
		text-align: center;
		margin-bottom: 20px;
	}

	.tb-layout {
		display: grid !important;
		grid-template-columns: 2fr 1fr 1fr 1fr;
	}
	.tb-layout .col-lg-3 {
		padding: 0;
	}
	.tb-layout .pricing-table {
		box-shadow: 0 5px 14px rgba(0, 0, 0, 0) !important;
	}
	
	.tb-layout .pricing-table-header {
		border-radius: 0;
		display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.first-list li {
		padding-left: 35px;
	}
	/* ======== plan ====== */

	.pricing-table-header {
		padding: 15px 0;
	}

	#plan .pricing-table-header h3 {
		padding: 0;
	}

	.py {
		padding: 3px;
		line-height: 22px;
		font-size: 14px;
	}
	.pd {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}
	
	.all-sc {
		margin-top: 15%;
	}

	.top-navbar .navbar-light .navbar-nav .nav-item{
		padding: 0px;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item::after{
		display: none;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::before{
		display: none;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::after{
		display: none;
	}
	.stat-wrap{
		text-align: center !important; 
	}
	body.host_version .stat-wrap  .alignleft{
		float: none;
		margin: 0 auto;
	}
	body.host_version .stat-wrap h3{
		margin-bottom: 12px;
	}
	.pricing-table-header h2{
		font-size: 18px;
	}
	.tb-layout .hover-btn-new {
		padding: 8px 7px;
	}
	.tb-layout .pricing-table-sign-up a {
		font-size: 12px;
	}
	.tb-layout .pricing-table-header strong {
		font-size: 13px;
	}
	.tb-layout .pricing-table-header span {
		font-size: 13px;
	}
	.pricing-table-features{
		padding: 0px 0px 15px 0px;
		margin: 15px 15px 0 15px;
	}
	.pricing-table-features p{
		font-size: 13px;
	}
	.icon-wrapper h3{
		clear: both;
	}
	.icon-wrapper p{
		padding-left: 0px;
	}
	.pricingTable .heading > h3{
		font-size: 28px;
	}
	.pricingTable .price-value{
		font-size: 28px;
	}
	.pricingTable .pricingContent ul li{
		font-size: 13px;
	}
	.widget.server a{
		padding: 10px 20px;
	}
	body.host_version .footer-social .btn{
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.customwidget a{
		padding: 10px 20px;
	}
	.contact_form{
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.btn-light{
		padding: 10px 20px;
	}
	.inner-hmv{
		margin-bottom: 30px;
	}
	hr.hr3{
		margin-top: 0px;
	}
	.course-item{
		margin-bottom: 30px;
	}	
	.stat-wrap {
		text-align: center !important;
	}
	.alignleft{
		float: none;
	}
	.blog-item{
		margin-bottom: 30px;
	}
	.blog-post-single{
		margin-bottom: 30px;
	}

	.footer-2{
		order: 3;
		margin-top: 50px !important;
	}
	.footer-3{
		order: 2;
	}
	.ftr-logo img {
		width: 100px;
	}
	/* =============== About ================== */

	.section {
		padding: 50px 0;
	}
	.about-company p {
		margin-top: 20px;
	}

	.hmv-box .col-lg-4 {
		margin-bottom: 20px;
	}
	.m-head h3 {
		font-size: 30px;
	}
	.m-head h5 {
		font-size: 18px;
	}
	.max-content h3 {
		font-size: 20px !important;
		margin-bottom: 15px;
	}
	.max-content p {
		padding-left: 25px;
	}
	.message-box {
		text-align: center;
	}



	/* ======== Service page ======== */
	.section-title h3 {
		font-size: 30px;
	}
	.sm-img img {
		width: 200px !important;
	}
	.total-service .col-lg-6:nth-last-child(2) .service-content {
		border-bottom: 3px solid #4c5a7d !important;
	}
	.all-title-box {
		min-height: 300px;
		display: flex;
		align-items: center;
	}
	.all-title-box h1 {
		font-size: 35px;
		padding-top: 0;
	}
	.big-img img {
		height: auto !important;
	}
}
@media (max-width: 767px) {
	.top-navbar .navbar-light .navbar-nav .nav-item{
		padding: 0px;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item::after{
		display: none;
	}
	
	
	.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::before{
		display: none;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::after{
		display: none;
	}
	.first-section h2{
		font-size: 28px;
	}
	.first-section .lead{
		font-size: 14px;
	}
	body.host_version .checkdomain-wrapper .form-control{
		width: 83%;
	}
	body.host_version .checkdomain-wrapper .checkbox{
		width: 20%;
		margin-bottom: 15px;
	}
	.customwidget h1{
		font-size: 34px;
	}
	.section-title h3{
		font-size: 28px;
	}
	
	.message-box h2{
		font-size: 24px;
	}
	.pricing-table{
		margin-bottom: 40px;
	}
	.pricing-table-features{
		padding: 0px 0px 10px 0px;
	}
	.testimonial h3{
		font-size: 18px;
	}
	.desc h3 i{
		font-size: 28px;
	}
	.footer .widget{
		margin-bottom: 30px;
	}
	.copyrights{
		padding: 20px 0px;
		text-align: center;
	}
	.footer-distributed .footer-right{
		float: none;
	}
	.all-title-box{
		min-height: 200px;
	}
	.all-title-box h1{
		font-size: 34px;
	}
	.icon-wrapper h3{
		font-size: 14px;
	}
	.icon-wrapper p{
		font-size: 13px;
	}
	.icon-wrapper{
		margin-bottom: 30px;
	}
	.readmore a{
		font-size: 13px;
	}
	body.host_version .stat-wrap p{
		font-size: 28px;
		clear: both;
	}
	body.host_version .stat-wrap h3{
		margin-bottom: 20px;
	}
	.widget.server{
		margin-bottom: 30px;
	}
	.section{
		padding: 40px 0;
	}
	.dmoain-pricing table th{
		font-size: 14px;
	}
	.contact_form{
		margin-right: 0px;
		margin-bottom: 30px;
	}
	#support .section-title{
		padding: 0px 15px;
	}
	.customer-box .nav-tabs{
		padding: 20px 0px;
	}
	.customer-box .tab-content{
		padding: 20px 0px;
	}
	body.host_version .stat-wrap .alignleft{
		margin-right: auto;
	}
	.blog-post-single{
		margin-bottom: 30px;
	}
	.course-item{
		margin-bottom: 30px;
	}
	hr.hr3{
		margin-top: 0px;
	}
	.inner-hmv{
		margin-bottom: 30px;
	}
	.stat-wrap {
		text-align: center !important;
	}
	.alignleft{
		float: none;
	}
	.blog-item{
		margin-bottom: 30px;
	}
	.big-img img {
		height: auto !important;
	}
}
@media only screen and (min-width: 280px) and (max-width: 599px) {

	.box-slider .carousel-control-prev, .box-slider .carousel-control-next {
		font-size: 30px;
		width: 30px;
		height: 30px;
	}
	.navbar-light .navbar-toggler {
		border-color: #fff !important;
		padding: 8px;
	}
	.navbar-toggler .icon-bar {
		background: #fff;
	}
	.navbar-brand img {
		width: 60px !important;
	}

	div#navbars-host {
		padding-bottom: 20px;
	}
	.big-tagline {
		padding: 0 35px;
	}
	.title {
		font-size: 20px !important;
	}

	.box-slider{
		height: 50%;
	}

	body.host_version .first-section .lead {
		padding-bottom: 20px;
	}


	/* =================== home page ================ */

	/* ----- banner -------- */

	.banner-swiper .swiper-wrapper {
		height: 300px !important;
	}

	.banner-swiper .swiper-button-next {
		right: 2px;
		width: 30px;
		height: 30px;
		top: 50%;
	}

	.banner-swiper .swiper-button-prev {
		left: 2px;
		width: 30px;
		height: 30px;
		top: 50%;
	}
	.banner-swiper .swiper-button-next::after, .banner-swiper .swiper-button-prev::after {
		font-size: 15px;
	}
	.banner-swiper .swiper-slide{
		padding: 0;
	}
	.all-sc {
		margin-top: 15%;
		padding: 0 10px;
	}
	.banner-swiper .swiper-pagination-bullet {
		width: 12px;
	}
	#home .title.t-white {
		margin: 0;
	}
	.box-slider .carousel-control-prev {
		left: 5px;
	}
	.box-slider .carousel-control-next {
		right: 5px;
	}
	.big-tagline {
		text-align: center;
	}
	
	.ftr-logo img {
		width: 85px;
	}
	.c-skills {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	.grid-row {
		grid-template-columns: 1fr;
	}
	.title2 {
		font-size: 15px !important;
	}
	.y-com {
		display: none;
	}
	.stock-list {
		grid-template-columns: 1fr;
	}
	.course-wrap .col-lg-12, .course-wrap .col-lg-3, .course-wrap .col-lg-6 {
		margin-bottom: 30px;
	}
	.box-slider .carousel-control-prev, .box-slider .carousel-control-next {
		font-size: 20px;
		width: 30px;
		height: 30px;
	}
	.course-wrap .pricing-table-sign-up {
		transform: translate(-50%, -26%);
	}
	.cta-area-left-content {
		padding: 20px;
		width: 100%;
	}
	.cta-area-right-content {
		width: 100%;
		padding: 20px;
		margin: 0;
		position: relative;
		right: 0;
	}
	.technical-skill h2 {
		font-size: 20px;
		text-align: center;
	}
	.c-skills .comp-card h3 {
		font-size: 16px;
	}
	.comp-card {
		padding: 12px;
	}
	.cta-area h2 {
		font-size: 15px;
		margin: 0;
		padding: 0;
	}
	.choose-wrap h5 {
		font-size: 17px;
		padding: 0;
	}
	.choose-wrap h3 {
		font-weight: bold;
		font-size: 20px;
	}
	.choose-wrap {
		text-align: center;
	}
	.choose-para {
		padding: 20px;
		font-size: 16px;
	}

/* =========  Plan ======= */

	#plan .section-title {
		margin-bottom: 0;
	}

	.mobile-layout .tb-layout .col-6, .mobile-layout .tb-layout .col-2{
		padding: 0;
	}
	.mobile-layout .pricing-table {
		box-shadow: 0 5px 14px rgba(0, 0, 0, 0);
	}
	.mobile-layout .first-list li i {
		padding: 0;
		width: 14px;
		font-size: 12px;
		border-right: navajowhite;
	}
	.mobile-layout .f-list > li {
		padding: 5px 0 0 6px;
		font-size: 14px;
	}
	.mobile-layout .pricing-table-header h2 {
		font-size: 18px;
	}
	.mobile-layout .pricing-table strong {
		font-size: 15px;
	}
	#plan .mobile-layout .pricing-table-header {
		padding: 15px 0;
	}
	.mobile-layout .pricing-table-features {
		border-bottom: 0;
	}
	.mobile-layout  .pricing-table-header p span {
		font-size: 12px;
	}
	.mobile-layout .pricing-table-header {
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 0;
	}

	.mobile-layout  .pricing-table-header p span {
		display: inline-block;
	}
	.mobile-layout .pricing-table-sign-up a {
		font-size: 15px;
        padding: 10px 30px;
        text-transform: lowercase;
        margin: 0;
	}
	.mobile-layout .pricing-table-sign-up {
		margin-top: 0;
		padding-bottom: 0;
	}
	.pd {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
	}
	.mb-flex{
		display: flex;
		justify-content: center;
	}
	.mobile-layout .check-list li {
		width: 100px;
	}
	li.py {
		font-size: 10px !important;
		padding: 2px !important;
		line-height: 15px;
	}
	/* =============client page ========== */

	span.m_1 {
		font-size: 18px;
	}

	.top-navbar .navbar-light .navbar-nav .nav-item .nav-link {
		padding: 0px;
		font-weight: 500;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item{
		padding: 0px;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item::after{
		display: none;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::before{
		display: none;
	}
	.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::after{
		display: none;
	}

	.site-btn {
		background-color: #eea412;
		padding: 5px 20px;
		font-size: 14px !important;
		font-weight: bold;
		color: #333333;
		border-radius: 30px;
	}
	.section-title h3 {
		padding: 5px 0;
	}
	.site-title {
		display: block !important;
	}
	.course-wrap {
		margin-top: 20px !important;
	}

	.first-section h2{
		font-size: 28px;
	}
	.first-section .lead{
		font-size: 14px;
	}
	.site-title span{
		margin: 0 auto;
	}
	.first-section .big-tagline a{
		font-size: 14px;
	}
	.section-title p{
		font-size: 14px;
		line-height: 24px;
	}
	.pricing-table-header {
		padding: 17px 0;
	}
	.pricing-table-sign-up a {
		font-size: 13px;
	}
	.course-wrap .heading1 {
		font-size: 15px !important;
	}
	.stat-wrap {
		padding: 20px 0;
	}
	.nav-pills > li {
		width: 100%;
	}
	footer.footer {
		padding: 20px 0 !important;
	}
	.copyrights {
		padding: 0px !important;
	}
	.footer-distributed .footer-company-name {
		font-size: 12px;
	}
	.heading1 {
		font-size: 16px !important;
	}
	.footer-links-soi li a {
		width: 30px;
		height: 30px;
		font-size: 15px;
	}
	.pricing-table-header h2 {
		font-size: 25px;
	}
	.pricing-table-header h3 {
		font-size: 13px;
	}
	.web-logo {
		padding: 20px 0;
	}
	.website-logo .swiper-slide img {
		width: 80px !important;
	}

	body.host_version .checkdomain-wrapper .form-control{
		width: 83%;
	}
	body.host_version .checkdomain-wrapper .checkbox{
		width: 20%;
		margin-bottom: 15px;
	}
	.customwidget h1{
		font-size: 34px;
	}
	.section-title h3{
		font-size: 28px;
	}
	.message-box h2{
		font-size: 24px;
	}
	.pricing-table{
		margin-bottom: 40px;
	}
	.pricing-table-features{
		padding: 0px 0px 10px 0px;
	}
	.testimonial h3{
		font-size: 18px;
	}
	.desc h3 i{
		font-size: 28px;
	}
	.footer .widget{
		margin-bottom: 30px;
	}
	.copyrights{
		padding: 20px 0px;
		text-align: center;
	}
	.footer-distributed .footer-right{
		float: none;
	}
	.all-title-box{
		min-height: 100px;
		display: flex;
        align-items: center;
        justify-content: center;
	}
	.all-title-box h1{
		font-size: 25px;
		padding: 0;
	}
	.icon-wrapper h3{
		font-size: 14px;
	}
	.icon-wrapper p{
		font-size: 13px;
	}
	.icon-wrapper{
		margin-bottom: 30px;
	}
	.readmore a{
		font-size: 13px;
	}
	body.host_version .stat-wrap p{
		font-size: 28px;
	}
	.widget.server{
		margin-bottom: 30px;
	}
	.section{
		padding: 40px 0;
	}
	.dmoain-pricing table th{
		font-size: 14px;
	}
	.contact_form{
		margin-right: 0px;
		margin-bottom: 30px;
	}
	#support .section-title{
		padding: 0px 15px;
	}
	.customer-box .nav-tabs{
		padding: 20px 0px;
	}
	.customer-box .tab-content{
		padding: 20px 0px;
	}
	.logos img{
		max-width: 120px;
	}
	.author-bio{
		width: 100%;
	}
	.author-desc{
		width: 100%;
		position: relative;
	}
	.comment-list ul.children {
		margin-left: 10px;
	}
	.blog-post-single{
		margin-bottom: 30px;
	}
	.course-item{
		margin-bottom: 30px;
	}
	hr.hr3{
		margin-top: 0px;
	}
	.inner-hmv{
		margin-bottom: 30px;
	}

	.c-skills {
		grid-template-columns: 1fr;
		gap: 15px;
		margin-top: 15px;
	}

	/* ========== about =========== */

	.ab-cont .message-box {
		padding: 0;
		text-align: center;
	}
	.about-company h3 {
		font-size: 26px !important;
	}
	.about-company h5 {
		font-size: 16px;
		font-weight: 500 !important;
		margin-top: 15px;
	}
	.line2 {
		height: 25px !important;
	}
	.about-company p {
		margin-top: 20px;
	}
	.section-cont {
		margin: 0;
	}
	.topbar-header .site-btn {
		padding: 6px 20px;
	}
	.m-head h3 {
		font-size: 24px;
		text-align: center;
	}
	.m-head h5 {
		font-size: 16px;
	}
	.max-content h3 {
		font-size: 17px !important;
		margin-bottom: 5px;
	}
	.m-head {
		margin-bottom: 20px !important;
	}
	.max-content p {
		padding-left: 20px;
	}
	.max-content {
		margin-bottom: 20px !important;
	}
	.inner-hmv h3 {
		font-size: 24px;
	}
	.inner-hmv {
		height: auto;
	}
	.hmv-box {
		padding: 60px 0px 0;
	}



	/* ============== Service ================= */

	.service-content h5 {
		font-size: 40px !important;
	}
	.service-content {
		padding: 0 !important;
		padding-top: 20px !important;
	}
	.skill-wrap li {
		font-size: 14px !important;
	}
	.total-service {
		padding: 20px 0 !important;
	}
	.total-service .col-lg-6:last-child .service-content {
		border-bottom: none;
	}

	.big-img img {
		width: 100% !important;
	}
	.sm-img img {
		width: 50% !important;
	}
	.sm-img {
		text-align: center !important;
		margin-top: 20px !important;
	}
	.erp-content h3 {
		text-align: center;
	}
	.erp-bg .site-title {
		padding-bottom: 25px !important;
	}


/* ===================== Contact page ======== */
	#contact .section-title {
		margin-bottom: 10px;
	}

	.c-map iframe {
		height: 300px;
	}
	.big-img img {
		width: 100% !important;
		height: auto !important;
	}
}