.banner-content-wrapper h2{
    font-size: 80px;
}
.icon-angle-down{
	display: inline-block !important;
	fill: currentColor !important;
	height: 1em !important;
	position: relative !important;
	top: -.0625em !important;
	vertical-align: middle !important;
	width: 1em !important;
}

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

	h2{
		font-size: 46px;
	}
	h3{
		font-size: 35px;
	}
	h4 {
	    font-size: 26px;
	    line-height: 36px;
	}
	h5{
		font-size: 22px;
	}
	p{
		font-size: 17px;
	}


	.btn{
		min-width: 210px;
	    
	    font-size: 16px;
	}
	
	.header-menu .menu-top-menu-container > ul > li a, .header-menu > ul > li > a{
		font-size: 16px;
	}
	.header-menu .sub-menu li a{
		font-size: 14px !important;
	}

	/*banner*/
	.banner-content-wrapper p{
		font-size: 20px;
	}
	.banner-content-wrapper{
	    width: 45%;
	}

	/**/
	

	/**/
	.top-round, .bottom-round, .left-round, .rightover-round, .topuppr-round, .bottomupper-round{
		width: 70px;
    	height: 70px;
	}
	.about-product{
		padding: 65px 60px 130px;
	}
	.about-product a{
		font-size: 18px;
	    bottom: 60px;
	}


	/**/
	.hcccoding-banner-content{
    	padding: 0 100px 0 8%;
	}

	.hcccoding-banner-content p {
	    font-size: 20px;
	}
	.hcccoding-banner-content a {font-size: 18px;}



}



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


	.main-logo h1{
	    font-size: 35px;
	}

	h2{
		font-size: 42px;
	}
	h3{
		font-size: 32px;
	}
	h4 {
	    font-size: 24px;
	    line-height: 32px;
	}
	h5{
		font-size: 20px;
	}
	p{
		font-size: 16px;
		line-height: 26px;
	}
	
	.header-menu .menu-top-menu-container > ul > li a, .header-menu > ul > li > a{
		font-size: 15px;
		padding: 10px 15px;
	}
	.header-menu .sub-menu {
		left: 15px;
	}
	

	.banner-content-wrapper {
	    width: 50%;
	}

	.doctus-success-image figure{
	    width: 350px;
    	height: 350px;
	}
	.doctus-success-contetn{
		width: calc(100% - 350px);
	}

	/**/
	.ouroffers-wrap:nth-child(1) figure img{
		width: 150px
	}
	.ouroffers-wrap:nth-child(2) figure img, .ouroffers-wrap:nth-child(3) figure img, .ouroffers-wrap:nth-child(4) figure img{
		width: 95px
	}


	/**/
	.top-round, .bottom-round, .left-round, .rightover-round, .topuppr-round, .bottomupper-round{
		width: 60px;
    	height: 60px;
	}
	.left-round{
		left: -40px;
	}
	.topuppr-round{
	    top: -40px;
	}
	.bottomupper-round{
	    bottom: -40px;
	}
	.rightover-round{
		right: -40px;
	}
	.about-product{
		padding: 50px 50px 120px;
	}
	.about-product a{
		font-size: 16px;
	    bottom: 50px;
	}


	/*footer*/
	.footer-menu ul li a{
		font-size: 16px;
	}

	/*contactus*/
	.schedualdemo-form-wrapper .form-group .form-control{
		height: 45px;
	}
	.schedualdemo-form-wrapper .form-group select{
		height: 45px !important;
	}
	.schedualdemo-form-wrapper .form-group label{
		font-size: 16px;
	}


	/**/
	.hcccoding-banner-content p {
	    font-size: 18px;
	}

	.realtime-service{
		padding: 0 40px;
	}

	.realtime-hcccoding-section, .freetrail-section, .common-section-padding{
		padding: 70px 0;
	}

	.device-requirment ul li{
		font-size: 17px;
	}

	.faq-wrapper .card .card-header a p{
		font-size: 18px;
	}
	.faq-wrapper .card .card-header a span {
	    height: 36px;
	    width: 36px;
	    line-height: 36px;
	    font-size: 21px;
	}
	.faq-wrapper .card-body p{
		font-size: 16px;
	}
	.faq-wrapper .card-body {
	    padding: 20px 65px;
	}
	.faq-wrapper .card{
		margin-bottom: 20px;
	}


	/*blog*/
	.blog-widget > h6{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.blue-bullet-point li{
	    margin-bottom: 10px;
	    font-size: 16px;
	}
	.blog-widget select{
	    height: 40px !important;
	}
	.blogTweet-profile-info p{
		font-size: 14px;
	}
	.blogTweet-profile-info h5{
		margin-top: 0;
    	margin-bottom: 0px;
    	font-size: 16px;
	}
	.blog-tweet .blogTweet-profile figure img {
	    width: 60px;
	}
	.blogTweet-profile-info {
	    padding-left: 10px;
	    position: relative;
	    width: calc(100% - 70px);
	}
	.popular-post h5{
		font-size: 16px;
		margin-bottom: 5px;
	}

	.tweet-icon{
		font-size: 30px;
	}

	.blog-primary-right {
	    width: 310px;
	}
	.blog-primary-left {
	    width: calc(100% - 310px);
	    padding-right: 50px;
	}

	.blog-title {
	    margin-bottom: 20px;
	}
	.blog-paregraph p{
		font-size: 16px;
	}
	.blog-thumb-image {
	    width: 350px;
	}
	.blog-wrapcontent {
	    width: calc(100% - 350px);
	    padding-right: 30px;
	}
	.blog-banner-section {
	    padding: 80px 0;
	}
	.blog-search-panel .form-group img {
	    width: 20px;
	}
	.blog-search-panel .form-group input {
	    height: 40px;
	}
	.blog-search-panel {
	    margin-bottom: 40px;
	}

	.ourteam-wrap {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.teammember-info h6{
		font-size: 20px;
	}

	.hcc-care-service figure{
	    width: 110px;
    	height: 110px;
	}
	.hcc-care-service figure img{
		width: 60px;
	}

	.hcccare-service-content {
	    padding: 30px 30px 0;
	}

	.whyworkwithus-wrap-content ul li{
		font-size: 16px;
		margin-bottom: 10px;
	}


}

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

	.common-section-padding {
	    padding: 70px 0;
	}

	.inner-container{
		max-width: 1150px !important;
	}

	h2{
		font-size: 38px;
	}
	h3{
		font-size: 30px;
	}
	h4 {
	    font-size: 22px;
	    line-height: 30px;
	}
	h5{
		font-size: 18px;
	}
	p{
		font-size: 15px;
		line-height: 24px;
	}

	.btn {
	    min-width: 190px;
	    
	    font-size: 15px;
	}
	
	.header-menu .menu-top-menu-container > ul > li a, .header-menu > ul > li > a{
		font-size: 14px;
		padding: 8px 12px;
	}
	.header-menu .sub-menu {
		left: 12px;
	}
	.header-menu .sub-menu li a {
	    font-size: 13px !important;
	}

	.banner-content-wrapper a{
		font-size: 16px;
	}
	.banner-content-wrapper p {
	    font-size: 18px;
	}

	.doctus-success-section {
	    padding: 70px 0;
	}
	.about-product-section{
		margin-bottom: 110px;
	}


	.about-product a {
	    font-size: 15px;
	    bottom: 50px;
	}

	/**/
	.testimonial-section {
	    padding: 100px 0;
	}
	.testimonial-slider .item p{
		font-size: 17px;
		margin-top: 15px;
	}

	.ouroffering-section {
	    padding: 60px 0 50px;
	}
	.ouroffers-wrapper {
	    margin-top: 50px;
	}

	.ouroffers-wrap a.btn{
		min-width: 210px;
	}


	/**/
	.whyworkwithus-wrap-content h4 {
	    margin-bottom: 5px;
	}

	/*contactus*/
	.schedualdemo-form-wrapper .form-group .form-control{
		height: 40px;
	}
	.schedualdemo-form-wrapper .form-group select{
		height: 40px !important;
	}
	.schedualdemo-form-wrapper .form-group label{
		font-size: 15px;
	}
	.schedualdemo-form-wrapper{
		padding: 25px;
	}
	.schedualdemo-heading h2{
		margin-bottom: 10px;
	}


	/**/
	.realtime-service figure{
		height: 110px;
    	width: 110px;
	}
	.realtime-service figure img{
		width: 60px;
	}
	.freetrail-playstore a img{
		width: 200px;
	}
	.freetrail-playstore a{
		margin: 0 5px;
	}
	.numeric-liststyle li span{
		font-size: 17px;
	}
	.device-requirment ul li {
	    font-size: 16px;
	}


	/*blog*/
	.blog-widget > h6{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.blue-bullet-point li{
	    margin-bottom: 10px;
	    font-size: 15px;
	}
	.blog-widget select{
	    height: 40px !important;
	}
	.blogTweet-profile-info p{
		font-size: 13px;
	}
	.blogTweet-profile-info h5{
		margin-top: 0;
    	margin-bottom: 0px;
    	font-size: 15px;
	}
	.blog-tweet .blogTweet-profile figure img {
	    width: 50px;
	}
	.blogTweet-profile-info {
	    padding-left: 10px;
	    position: relative;
	    width: calc(100% - 50px);
	}
	.popular-post h5{
		font-size: 16px;
		margin-bottom: 5px;
	}

	.tweet-icon{
		font-size: 30px;
	}

	.blog-primary-right {
	    width: 310px;
	}
	.blog-primary-left {
	    width: calc(100% - 310px);
	    padding-right: 50px;
	}

	.blog-title {
	    margin-bottom: 20px;
	}
	.blog-paregraph p{
		font-size: 15px;
	}
	.blog-thumb-image {
	    width: 330px;
	}
	.blog-wrapcontent {
	    width: calc(100% - 330px);
	    padding-right: 30px;
	}
	.blog-banner-section {
	    padding: 70px 0;
	}
	.blog-search-panel .form-group img {
	    width: 20px;
	}
	.blog-search-panel .form-group input {
	    height: 40px;
	}
	.blog-search-panel {
	    margin-bottom: 40px;
	}
	.blog-title .blog-posteddate p{
		font-size: 14px;
	}


	.teammember-info h6 {
	    font-size: 18px;
	}


	.whywork-banner-content{
		max-width: 500px;
	}


	/**/
	.hcccare-banner-content-wrap{
	    padding: 30px 30px;
	    max-width: 400px;
	}


}


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

	

	.container{
		width: calc(100% - 30px);
	}
	.inner-container{
		padding: 0 30px !important;
	}

	/**/
	.header-menu .menu-top-menu-container > ul > li a, .header-menu > ul > li > a {
	    font-size: 13px;
	    padding: 8px 10px;
	}
	.header-menu .sub-menu {
		left: 10px;
	}



}


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


	.common-section-padding {
	    padding: 60px 0;
	}

	h2{
		font-size: 34px;
	}

	h3{
		font-size: 28px;
	}

	/**/
	.header-menu .menu-top-menu-container > ul > li a, .header-menu > ul > li > a {
	    font-size: 12px;
	    padding: 8px 8px;
	}
	.header-menu .sub-menu {
		left: 8px;
	}

	/**/
	.banner-content-wrapper {
	    width: 60%;
	}
	/*banner*/
	.banner-content-wrapper p{
		margin: 20px 0;
		width: 100%
	}

	/**/
	.doctus-success-image figure {
	    width: 300px;
	    height: 300px;
	}
	.doctus-success-contetn {
	    width: calc(100% - 300px);
	    padding-right: 50px;
	}


	.ouroffers-wrap{
		width: calc(25% - 15px);
		margin-right: 15px;
		padding: 20px 15px 90px;
	}
	.ouroffers-wrap a.btn {
	    min-width: 200px;
	}
	.ouroffers-wrap:nth-child(1) figure img {
	    width: 130px;
	}
	.ouroffers-wrap:nth-child(2) figure img, .ouroffers-wrap:nth-child(3) figure img, .ouroffers-wrap:nth-child(4) figure img {
	    width: 80px;
	}


	/**/
	.whyworkwithus-wrap-image img{
		width: 60px;
	}
	.ourteam-btn{
		font-size: 16px;
	}
	.ourteam-btn span{
		font-size: 20px
	}

	.schedualdemo-form-wrapper{
		width: 80%
	}


	.hcccoding-banner-content {
	    padding: 0 50px 0 5%;
	}
	.hcccoding-banner-content p {
	    font-size: 16px;
	}
	.hcccoding-banner-content a {
	    font-size: 16px;
	}
	.realtime-service {
	    padding: 0 20px;
	}
	.hcccoding-banner-section {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}


	.freetrail-playstore a img {
	    width: 160px;
	}
	.freetrail-content {
	    padding-left: 10px;
	    padding-right: 10px;
	}


	.blog-wrap{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.blog-wrapcontent{
		width: 100%;
		padding-right: 0;
		margin-top: 20px;
	}
	.blog-thumb-image{
		width: 100%
	}

	.blog-wrap {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}


	.whywork-banner-content{
		max-width: 400px;
		padding: 20px;
	}


}

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

	.realtime-hcccoding-section, .freetrail-section, .common-section-padding {
	    padding: 50px 0;
	}

	h2{
		font-size: 32px;
	}
	h3{
		font-size: 26px;
	}
	h4 {
	    font-size: 20px;
	    line-height: 28px;
	}

	.mobile-menu-btn{
		display: block;
	}
	.header-menu{
		display: none !important;
	}
	.main-header{
		padding: 8px 0;
	}


	/**/
	.banner-content-wrapper {
	    width: 100%;
	}

	/**/
	.top-round, .bottom-round, .left-round, .rightover-round, .topuppr-round, .bottomupper-round {
	    width: 40px;
	    height: 40px;
	}
	.left-round {
	    left: -20px;
	}
	.topuppr-round {
	    top: -20px;
	}
	.bottomupper-round {
	    bottom: -20px;
	}
	.rightover-round {
	    right: -20px;
	}
	.about-product {
	    padding: 30px 20px 60px;
	}
	.about-product a {
	    font-size: 14px;
	    bottom: 30px;
	}

	/*testimonial*/
	.testimonial-slider{
		width: 100%;
	}
	.testimonial-section {
	    padding: 70px 0;
	}


	.ouroffering-section {
	    padding: 40px 0;
	}
	.ouroffers-wrapper {
	    margin-top: 30px;
	}

	.ouroffers-wrap {
	    width: calc(50% - 15px);
	    margin-right: 15px;
	    margin-bottom: 15px;
	}
	.ouroffers-wrap:last-child {
	    margin-bottom: 0px;
	}

	/*footer*/
	.main-footer {
	    padding: 50px 0;
	}
	.footer-aboutwrap {
	    padding-right: 100px;
	}
	.footer-menu ul li a {
	    font-size: 14px;
	}
	.footer-menu ul {
	    margin: 10px 0;
	}


	


	.schedualdemo-form-wrapper{
		width: 100%
	}


	.hcccoding-banner-content p{
		margin: 20px 0;
	}

	.hcccoding-banner-content{
		padding: 0 30px 0 3%;
		width: 50%;
	}
	.hcccoding-banner-image {
	    width: 50%;
	}


	.freetrail-wrapper{
		width: 100%
	}

	.emailsubmission-text {
	    margin-top: -20px;
	    margin-bottom: 30px;
	}


	/*blog*/
	.blog-primary-left{
		width: calc(100% - 280px);
    	padding-right: 30px;
	}
	.blog-primary-right {
	    width: 280px;
	}
	.blog-widget, .blog-search-panel{
		margin-bottom: 25px;
	}

	/*team*/
	.ourteam-wrap {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}


	.hcccare-service-content {
	    padding: 20px 20px 0;
	}


	.whywork-banner-content{
		max-width: 400px;
		padding: 20px;
		left: 40%;
	}

	.hcccare-banner-content-wrap {
	    padding: 20px 15px;
	    max-width: 300px;
	}


}

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

	.freetrail-playstore a img {
	    width: 130px;
	}

}

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

	h2{
		font-size: 28px;
	}
	h3{
		font-size: 22px;
	}
	h4 {
	    font-size: 18px;
	    line-height: 26px;
	}

	.btn {
	    min-width: 160px;
	    
	    font-size: 14px;
	}

	.realtime-hcccoding-section, .freetrail-section, .common-section-padding {
	    padding: 50px 0;
	}

	
	
	.banner-content{
		position: unset;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	.banner-content-wrapper{
		padding: 20px 0
	}
	.banner-content-wrapper h2 {
	    color: #0d426a;
		font-size: 23px !important;
	}
	.banner-content-wrapper p{
		color: #000;
		font-size: 16px;
	}


	/**/
	.doctus-success-section{
		padding: 40px 0;
	}
	.doctus-success-wrapper{
		-ms-flex-wrap: wrap-reverse !important;
		    flex-wrap: wrap-reverse !important;
	}
	.doctus-success-contetn{
		width: 100%;
		padding-right: 0;
		margin-top: 30px;
	}
	.doctus-success-contetn h3 br{
		display: none;
	}


	/**/
	.about-product-section {
	    margin-bottom: 40px;
	}
	.about-product{
		width: 100%;
		margin-bottom: 20px;
		padding: 20px;
	}
	.about-product:last-child{
		margin-bottom: 0
	}
	.top-round, .bottom-round, .left-round, .rightover-round, .topuppr-round, .bottomupper-round{
		display: none;
	}
	.about-product a{
		position: unset;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		margin-top: 15px
	}

	/*testimonial*/
	.testimonial-section {
	    padding: 50px 0;
	}
	.testimonial-slider .item p {
	    font-size: 15px;
	    margin-top: 12px;
	}

	/*footer*/
	.main-footer {
	    padding: 30px 0;
	}
	.footer-aboutwrap{
		padding-right: 0
	}
	.footer-aboutwrap p{
		margin-top: 15px;
    	margin-bottom: 15px;
	}
	.footer-aboutwrap{
		margin-bottom: 40px;
	}


	/**/
	.hcccare-banner-content-wrap {
	    padding: 20px;
	}


	/**/
	.whyworkwithus-wrap-image{
		text-align: left !important;
		margin-bottom: 20px;
	}
	.whyworkwithus-wrap-content p{
		padding-left: 0
	}
	.whyworkwithus-wrap {
	    margin-bottom: 30px;
	}
	.ourteam-btn {
	    font-size: 15px;
	}
	.ourteam-btn span {
	    font-size: 17px;
	    margin-left: 5px;
	}


	/**/
	.hcccoding-banner-content a {
	    font-size: 15px;
	}
	.hcccoding-banner-wrapper{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.hcccoding-banner-image{
		width: 100%;
		padding-left: 50px;
	}
	.hcccoding-banner-content{
		width: 100%;
		padding: 0 20px;
		margin-top: 40px;
	}

	.realtime-service{
		padding: 0;
		margin-bottom: 30px;
	}
	.realtime-service:last-child{
		margin-bottom: 0
	}
	.real-time-startbtn {
	    margin-top: 10px;
	}


	/**/
	.freetrail-content{
		margin-top: 50px;
	}
	.freetrail-img{
		padding-top: 0
	}

	.plateform-wrap{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 30px;
	}

	.plateform-wrap:last-child{
		margin-bottom: 0
	}
	.hcc-plateform-wrapper {
	    margin-top: 30px;
	}
	.hcc-plateform-content {
	    margin-top: 40px;
	}
	.plateform-wrap p {
	    margin-top: 10px;
	    margin-bottom: 0;
	}
	.plateform-wrap figure{
		margin-bottom: 20px;
	}

	.upgrade-integrate-heading p{
		width: 100%;
	}
	.faq-wrapper {
	    width: 100%;
	    margin: 30px auto 0;
	}
	.faq-wrapper .card .card-header a p{
		margin-top: 0
	}
	.faq-wrapper .card-body {
	    padding: 15px 0px;
	}
	.faq-wrapper .card .card-header a p{
		font-size: 15px;
		line-height: 22px;
		padding-left: 12px;
	}
	.faq-wrapper .card-body p {
	    font-size: 14px;
	    line-height: 22px;
	}


	/*blog*/
	.blog-banner-section {
	    padding: 60px 0;
	}
	.blog-primary-left{
		width: 100%;
    	padding-right: 0px;
	}
	.blog-primary-right {
	    width: 100%;
	    padding-top: 30px;
	    margin-top: 30px;
	    border-top: 1px solid #CECECE
	}
	.blog-title .blog-posteddate p {
	    display: block;
	    width: 100%;
	    margin-right: 0;
	}
	.postedIn:after{
		top: 7px;
	}


	/*team*/
	.ourteam-section-heading{
		margin-bottom: 0;
	}
	.ourteam-wrap {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.teammember-info h6 {
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.teammember-info{
		padding-top: 20px;
	}


	.device-requirment ul{
		padding-left: 0
	}


	.hcc-care-service{
		margin-bottom: 30px;
	}


	.whywork-banner-content{
		max-width: 100%;
		padding: 20px;
		position: unset;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}


	.whywork-banner-content h3{
		margin-bottom: 10px;
	}

	.whyworkwithus-wrap-content ul li {
	    font-size: 14px;
	    margin-bottom: 5px;
	}


	.hcccare-banner-content{
		position: unset;
		background: #0d426a;
		padding: 20px 5px;
		transform: none;
	}
	.hcccare-banner-content-wrap{
		padding: 0;
		max-width: 100%;
	}
	.hcccare-banner-content-wrap p{
		margin-top: 10px;
	}


}

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

	.realtime-hcccoding-section, .freetrail-section, .common-section-padding {
	    padding: 40px 0;
	}


	.ouroffers-wrap {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 15px;
	}
	

}

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

	h2{
		font-size: 25px;
	}

	/**/
	.hcccoding-banner-content p {
	    font-size: 15px;
	}

	.doctus-success-image figure {
	    width: 250px;
	    height: 250px;
	}

	.freetrail-playstore a {
	    margin: 0 2px;
	}

	.freetrail-content {
	    margin-top: 30px;
	}

	/*blog*/
	.blog-banner-section {
	    padding: 50px 0;
	}

}

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

	.hcccoding-banner-image{
		padding-left: 20px
	}

}