body {
    overflow-x: hidden;
}
@media (min-width: 1200px) and (max-width: 1440px) {
	
	.live-chat {
		bottom: 70px;
		right: 60px;
	}
	#scrollUp {
		right: 60px;
	}
	.all-features {
		right: 0;
	}
	.repu-thumb {
		left: 1%;
	}
}
@media (min-width: 1200px) and (max-width: 1366px) {
	
	.about-thumb {
		right: -20px;
	}

}
@media (min-width: 1200px) and (max-width: 1280px) {
	
	.about-thumb {
		right: 30px;
	}
	.all-features {
		width: 560px;
	}
	.single-feature {
		width: 260px;
	}
	.repu-thumb {
		left: auto;
		right: 63%;
		padding-left: 10px;
	}

}

@media (max-width: 1200px) {
    .media-video {
        padding-right: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.hdr-menu ul li {
		margin: 5px 0 5px 10px;
	}
	.hdr-logo {
		padding-left: 15px;
	}
	.hdr-info a {
		font-size: 21px;
		margin: 0px 0;
	}
	.bnr-schedule-hdr h4 {
		font-size: 18px;
	}
	.tem-btn {
		font-size: 14px;
	}
	.bnr-con h1 {
		font-size: 46px;
	}
	.bnr-con p {
		font-size: 16px;
	}
	.about-thumb {
		right: auto;
		left: 65%;
		padding-right: 25px;
	}
	.about-thumb::after {
		right: 5px;
		top: -20px;
		width: 93%;
	}
	.all-features {
		width: 560px;
		right: 1%;
	}
	.single-feature {
		width: 260px;
	}
	.feature-con h2 {
		font-size: 35px;
	}
	.repu-thumb {
		left: auto;
		right: 48%;
		padding-left: 10px;
	}
	.reopu-rating {
		margin-top: 400px;
	}
	.repu-btn a {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.repu-btn a:last-child {
		margin-bottom: 0;
	}
	#scrollUp,
	.live-chat {
		right: 10px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.bnr-con h1 {
		font-size: 36px;
	}
	.bnr-con p {
		font-size: 16px;
	}
	.bnr-schedule {
		margin-top: 50px;
	}
	.repu-area .col-lg-4.col-md-6.text-center {
		text-align: left !important;
	}
	.reopu-rating {
		margin-top: 0;
		margin-bottom: 50px;
	}
	.bnr-area {
		padding: 84px 0 60px;
	}

}

@media only screen and (max-width: 991px) {

	.site-header {
		background-color: #fff;
		border-bottom: 1px solid #ebebeb;
	}
	.hdr-con {
		padding: 12px 0;
	}
	.about-thumb-mb {
		margin-bottom: 35px;
	}
	.about-thumb-mb img {
		width: 100%;
	}
	.feature-area {
		padding-bottom: 0;
	}
	.all-features {
		width: 100%;
		position: static;
		margin-top: 80px;
	}
	.single-feature {
		width: 100%;
		display: table;
		margin: 0;
		position: static;
		min-height: inherit;
	}
	.single-feature-con,
	.single-feature-icon {
		display: table-cell;
	}
	.single-feature-icon {
		vertical-align: middle;
	}
	.feature-icon {
		margin-bottom: 0;
	}
	.single-feature-con {
		text-align: left;
		padding-left: 30px;
	}
	.cta-area {
		padding-top: 60px;
	}
	#scrollUp {
		display: none !important;
	}
	.live-chat {
		bottom: 0;
		left: 80px;
		right: auto;
	}
	.site-footer {
		position: relative;
		overflow: hidden;
	}
	.live-chat {
		position: relative;
		top: 30px;
	}

	.bnr-area{
		background-image: linear-gradient(90deg ,rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 50%) 100%), url(../jpg/banner.jpg)!important;
	}
	.gg-auto .bnr-area{
		min-height: auto !important;
	}
	.form-top-flex {
		display: flex !important;
		align-items: center !important;
		flex-direction: column-reverse !important;
		margin-top:50px !important;
	}

	.media-video {
        padding-right: 0px;
    }

	.about-con h2{
		margin-bottom: 20px;
	}

	.about-area {
		padding: 0 0 50px;
		position: relative;
	}

	.repu-area {
		padding: 0 0 50px;
	}

	.clutch-review-section {
		padding-bottom: 50px;
	}

	.feature-area {
		padding: 50px 0 50px;
	}

	.reopu-rating {
		margin-top: 0;
		margin-bottom: 50px;
		display: block;
		max-width: 320px;
		margin: 0 auto 50px;
	}

	.cta-area {
		padding: 50px 0 50px;
	}
	.gg-auto .slicknav_btn {
	    margin: 8px 15px 15px;
	}

}


@media only screen and (max-width: 767px) {
	
	.tem-btn {
		font-size: 16px;
		line-height: 20px;
		padding: 15px 10px;
	}
	.hdr-logo a {
	//	width: 100%;
	}
	.bnr-area {
		background-image: none !important;
		padding: 60px 0 60px;
		overflow: hidden;
	}
	.bnr-area .container {
		padding-left: 0;
		padding-right: 0;
	}
	.bnr-schedule {
		box-shadow: inherit;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #ffffff;
	}
	.bnr-schedule-hdr {
		background-image: none;
		padding-left: 0;
		padding-right: 0;
	}
	
	.bnr-schedule-hdr h4 {
		color: #000;
		font-size: 20px;
	}
	.bnr-schedule-hdr h4 span {
		font-size: 14px;
		margin-top: 5px;
	}
	.split-2 .bnr-schedule-hdr h4{
		margin-bottom: 20px;
	}
	.split-2 .bnr-schedule-hdr h4 span{
		display: none;
	}
	.split-2 .bnr-schedule-hdr h4.hidden-md{
		font-weight: normal;
		margin-bottom: 0px;
	}
	.bnr-schedule-hdr {
		padding: 15px 0;
	}
	.bnr-schedule-form {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.bnr-schedule-form .checkbox {
		margin-bottom: 15px;
	}
	.bnr-con {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.bnr-con h1 {
		color: #303c56;
		font-size: 21px;
	}
	.bnr-con ul li {
		color: #303c56;
		font-size: 14px;
	}
	.bnr-con ul li img {
		margin-right: 10px;
	}
	.bnr-schedule-form .form-control {
		font-size: 12px;
		padding: 15px 10px;
	}
	.bnr-schedule-form .form-group {
		margin-bottom: 5px;
	}
	.about-area {
		padding-top: 10px;
		padding-bottom: 100px;
	}
	.about-con {
		text-align: center;
	}
	.about-con h2 {
		font-size: 18px;
	}
	.about-con h2 span {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.about-con p {
		font-size: 14px;
	}
	.about-con .media-left {
		display: none;
	}
	.about-con ul li .media-body {
		text-align: left;
		font-size: 14px;
		position: relative;
		padding-left: 25px;
	}
	.about-con ul li .media-body:before {
		content: '';
		position: absolute;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #37935C;
		left: 0;
		top: 7px;
	}
	.about-btn a {
		margin-top: 15px;
		margin-right: 0;
	}
	.feature-area {
		background-image: none !important;
		padding-top: 0;
	}
	.feature-area {
		padding-bottom: 0px;
	}
	.feature-con {
		text-align: center;
	}
	.feature-con h2 {
		font-size: 27px;
		color: #303c56;
		margin-bottom: 20px;
	}
	.feature-con h2 span {
		font-size: 18px;
		color: #37935C;
	}
	.feature-con p {
		font-size: 16px;
		color: #303c56;
	}
	.single-feature {
		padding-left: 10px;
		padding-right: 10px;
		padding: 20px !important;
	}
	.single-feature-con {
		padding-left: 15px;
	}
	.cta-con h2 {
		font-size: 27px;
	}
	.cta-con p {
		font-size: 16px;
	}
	.reopu-rating {
		display: none;
	}
	.repu-con {
		text-align: center;
	}
	.repu-con h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.repu-con h2 span {
		font-size: 16px;
	}
	.repu-con ul li {
		text-align: left;
		font-size: 16px;
		padding: 15px 10px 15px 10px;
	}
	.repu-con ul li span {
		display: block;
	}
	.repu-con ul li:nth-child(odd) {
		padding-left: 10px;
		padding-right: 10px;
		background-image: none;
	}
	.site-footer {
		text-align: center;
		padding: 20px 0;
	}
	.ftr-con a,
	.ftr-con {
		font-size: 12px;
	}
	.slicknav_btn {
		margin: 0 5px 15px;
	}
	.mb-text-center {
		text-align: center;
	}
	.live-chat {
		display: none;
	}
	.ftr-menu ul li {
		margin: 0 10px;
	}
	.site-header {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
	}
	
	.tem-modal h2 {
		font-size: 20px;
	}
	.modal-form .form-group {
		margin-bottom: 0;
	}
	.modal-form .form-control {
		margin-bottom: 15px;
	}
	#submit2 {
		padding: 10px 45px;
	}
	.modal-form .form-control {
		font-size: 14px;
	}

	.bnr-schedule-form {
		padding: 0 !important;
	}

	.inputGroup {
		background-color: transparent !important;
	}
	.inputGroup label{
		background-color:#fff;
	}

	.inputGroup label:after {
		right: 5px !important;
	}

	.trustpilot h2 {
		font-size: 20px!important;
	}

	.single-feature-con h4 {
		margin-bottom: 15px;
	}
	.gg-auto .slicknav_btn {
	    margin: 8px 15px 15px;
	}
	

}


@media only screen and (max-width: 767px) {
	.bnr-area {
		padding: 75px 0 75px;
	}
	.slicknav_btn {
		margin: 5px 5px 15px;
	}

	.bnr-schedule {
		box-shadow: inherit;
		background-color: rgb(251 251 251/85%);
		padding: 10px 35px !important;
		margin: 45px 30px !important;
	  }
	  .bnr-schedule-form {
		min-height: auto!important;
	  }
	  .bnr-con h1,
	  .bnr-con ul li {
		color: #fff!important;
	  }
	  .bnr-con ul {
		text-align: left!important;
		max-width: 360px!important;
		margin: 0 auto!important;
	  }
		.bnr-con .bnr-btn {
			display: flex;
			justify-content: center;
		}

		.about-btn {
			margin-top: 30px;
		}
	
	.bnr-area {
		padding: 75px 0 75px;
	}
	.slicknav_btn {
		margin: 7px 5px 15px;
	}
	.bnr-schedule-hdr h4 span {
	    margin-top: 20px;
	}
	.bnr-schedule-form .checkbox {
	    margin-bottom: 30px;
	}
	.bnr-schedule-hdr {
	    padding: 30px 0;
	}
	.bnr-schedule-form .form-control {
	    font-size: 14px;
	    padding: 20px 15px;
	}
	.bnr-schedule-form .form-group {
	    margin-bottom: 10px;
	}
	
	.bnr-area {
		padding: 75px 0 75px;
	}
	.slicknav_btn {
		margin:11px 5px 15px;
	}
	/* .about-btn a,
	.tem-btn:not(#prevBtn),
	.repu-btn a,
	.repu-btn a.smooth.tem-btn.tem-btn-one {
		margin-right: auto;
		margin-left: auto;
		display:block;
		width:100% !important;
		max-width:400px;
	} */

	#prevBtn, .tem-btn{
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	.inputGroup label:after {
		width: 24px !important;
		height: 24px !important;
		background-position: -2px -1px !important;
	}

	.inputGroup input {
		width: 24px;
		height: 24px;
		order: 1;
		z-index: 2;
		position: absolute;
		right: 16px;
		top: 45%;
	}

	#prevBtn,
	.tem-btn{
		display:block;
	}
}



@media (max-width:600px){
	.bnr-schedule {
		padding: 10px 15px!important;
		margin: 25px 15px!important;
	}

	.form-header-label {
        line-height: 20px !important;
        margin: 0 !important;
    }
	.inputGroup label {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.bnr-con h1{
		margin-bottom:15px;
	}

	.clutch-review-section {
		padding-bottom: 50px !important;
	}

	.repu-area {
		padding: 35px 0 35px !important;
	}

	.cta-area {
		padding: 35px 0 35px !important;
	}

	.all-features {
		margin-top: 50px !important;
	}

	.about-area {
		padding-bottom: 50px !important;
	}

	.inputGroup label {
		padding: 12px 30px 12px 8px!important;
	}
}
@media (max-width: 500px) {
    .abot-con-media .about-btn {
        margin-top: 0;
    }
    .abot-con-media iframe {
        height: auto;
    }
}

@media only screen and (max-width: 375px) {
	
	.tem-modal .modal-header {
		padding-bottom: 0;
	}
	.modal-form .checkbox {
		margin-top: 5px !important;
	}
	.tem-modal .modal-footer {
		padding-bottom: 30px;
	}
	.modal-form .form-control {
		margin-bottom: 10px;
	}
	.tem-modal .modal-header {
		padding-top: 15px;
	}
	.tem-modal .modal-body {
		padding-top: 5px;
	}
	#success .alert {
	    margin-top: 10px;
	    padding: 10px;
	}
	.gg-auto .slicknav_btn {
		margin: 1px 15px 15px;
	}
}