/*============================
Min - Width Query
============================*/

@media (min-width: 1400px){
	.container{
		max-width: 1234px;
	}
}

/*============================
Max - Width Query
============================*/

@media (max-width: 1700px){
 	
	.hc_bnrleft {
		left: 0;
		max-width: 30%;
	}

	.hc_bnrright {
	    right: 0;
	    max-width: 30%;
	}

	h3, .hc_banner_text h2, .hc_banner_text h1{
		font-size: 48px;
	}

	h4{
		font-size: 38px;
	}

	h5{
		font-size: 28px;
	}

	.hc_blog_content{
		padding: 190px 50px;
	}
}

@media (max-width:1499.98px){

	h3, .hc_banner_text h2, .hc_banner_text h1{
		font-size: 45px;
	}

	h4{
		font-size: 36px;
	}

	h5{
		font-size: 26px;
	}

	.hc_blog_content{
		padding: 100px 50px;
		background-position: center;
	}
		
}

@media (max-width:1399.98px){

	.hc_bnrleft, .hc_bnrright {
	    top: 220px;
	}

	.hc_demo_list .row, .hc_inner_list .row, .hc_features_list .row{
		row-gap: 30px;
	}

	.hc_demo_card p{
		top: -20px;
    	right: -10px;
	}

	.hc_desktop_view, .hc_laptop_view, .hc_tab_view {
		gap: 50px 30px;
		justify-content: space-between;
	}

	.hc_demo_wrapper {
    	padding: 80px 0 0;
	}

	.hc_inner_wrapper, .hc_fonts_wrapper, .hc_bootstrap_wrapper, .hc_browser_wrapper, .hc_documented_wrapper {
    	padding: 80px 0;
	}

	.hc_features_wrapper{
		padding-bottom: 80px;
	}

	.hc_rating_wrapper {
    	padding-bottom: 160px;
	}

	.hc_blog_content{
		padding: 80px 50px;
	}

	.hc_footer_wrapper{
		background-size: cover;
	}

	.hc_footer_logo span{
		max-width: 220px;
	}

}

@media (max-width:1199.98px){

	.hc_btn{
		min-width: 150px;
		min-height: 50px;
	}

	.hc_banner_text .hc_btn{
		min-width: 190px;
	}

	.hc_demo_inner{
		gap: 10px;
	}

	.hc_desktop_view, .hc_laptop_view{
		justify-content: center;
		gap: 80px 30px;
	}

	.hc_responsive_heading{
		margin-bottom: 30px;
	}

	.hc_desktop_view {
		flex-direction: column-reverse;
	}

	.hc_laptop_view {
    	margin: 50px 0;
	}

	.hc_tab_view{
		justify-content: space-evenly;
	}

	.hc_desktop_view .hc_res_img::before{
		left: 50%;
    	top: -45px;
    	transform: translateX(-50%);
    }

    .hc_laptop_view .hc_res_img::before {
    	right: 50%;
    	top: -43px;
    	transform: translateX(50%);
    	bottom: 0;
    	width: 442px;
    	height: 442px;
	}

	.hc_tab_view .hc_tab_img::before {
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%, -50%);
    	width: 405px;
    	height: 405px;
	}

	.hc_bootstrap_img{
		min-width: auto;
	}

	.hc_browser_img.one::before {
    	width: 150px;
    	height: 150px;
    	bottom: 30px;
    	left: -18px;
	}

	.hc_browser_img.two::before {
    	width: 200px;
    	height: 200px;
    	top: -30px;
    	right: -18px;
	}

	.hc_flat_img {
    	margin-top: -75px;
	}

	.hc_flat_text p{
		max-width: 385px;
	}

	.hc_feature_card {
    	padding: 35px 20px;
    	min-height: 232px;
    	max-width: 100%;
	}

	.hc_rating_content{
		gap: 30px;
	}

	.hc_footer_logo span{
		max-width: 200px;
	}

}

@media (max-width:991.98px){

	.hc_banner_text h2, .hc_banner_text h1{
		font-size: 42px;
	}

	h3, .hc_multiplecolor_text h3, .hc_blog_text h3, .hc_flat_text h3, .hc_star_img h3{
		font-size: 36px;
	}

	h4{
		font-size: 32px;
	}

	h5{
		font-size: 24px;
	}

	.hc_bnrleft, .hc_bnrright {
	    top: unset;
    	bottom: 20%;
	}

	.hc_section_heading .hc_section_top h3 span{
		bottom: -10px;
	}

	.hc_responsive_inner{
		padding: 60px 30px;
	}

	.hc_tab_view .hc_res_text::before, .hc_desktop_view .hc_res_text::before, .hc_laptop_view .hc_res_text::before{
		background-size: 65%;
	}

	.hc_desktop_view .hc_res_text::before{
		top: -15px;
    	left: -20px;
	}

	.hc_laptop_view .hc_res_text::before{
		top: -15px;
    	right: -20px;
	}

	.hc_fonts_img {
		display: none;
	}

	.hc_fonts_img_res{
		display: flex;
	}

	.hc_bootstrap_content{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 30px;
	}

	.hc_bootstrap_text, .hc_documented_text{
		text-align: center;
		margin: 0 auto 10px;
		max-width: 100%;
	}

	.hc_bootstrap_text p {
    	max-width: 420px;
    	margin: 10px auto 0;
	}


	.hc_flat_img {
    	margin-top: -55px;
	}

	.hc_flat_text p{
		max-width: 250px;
	}

	.hc_documented_content{
		flex-wrap: wrap;
		gap: 30px;
	}

	.hc_star_img h4 {
    	margin-top: 20px;
	}

	.hc_footer_logo span{
		max-width: 180px;
	}

	.hc_footer_text{
		margin: 65px auto 70px;
	}
}

@media (max-width:767.98px){

	.hc_banner_wrapper{
		padding: 40px 0 15px;
	}

	h3, .hc_banner_text h2, .hc_banner_text h1, .hc_multiplecolor_text h3, .hc_blog_text h3, .hc_flat_text h3, .hc_star_img h3{
		font-size: 32px;
	}

	h4{
		font-size: 28px;
	}

	h5{
		font-size: 22px;
	}

	.hc_bnrleft, .hc_bnrright {
    	max-width: 37%;
    	bottom: 12%;
	}

	.hc_section_heading .hc_section_top h3 span{
		bottom: -24px;
	}

	.hc_section_heading{
		margin-bottom: 10px;
	}

	.hc_banner_text h1{
		background-size: 400px 100%;
	}

	.hc_banner_desktop {
	    max-width: 80%;
	}

	.hc_banner_desktop p{
		font-size: 16px;
    	width: 80px;
    	height: 80px;
    	top: -30px;
    	right: -30px;
	}

	.hc_demo_wrapper {
    	padding: 60px 0 0;
	}

	.hc_inner_wrapper, .hc_fonts_wrapper, .hc_bootstrap_wrapper, .hc_browser_wrapper, .hc_documented_wrapper {
    	padding: 60px 0;
	}

	.hc_features_wrapper{
		padding-bottom: 60px;
	}

	.hc_rating_wrapper{
		padding-bottom: 110px;
	}

	.hc_blog_content{
		padding: 60px 50px;
	}

	.hc_desktop_view .hc_res_img::before{
		width: 442px;
		height: 442px;
	}

	.hc_laptop_view .hc_res_img::before{
		width: 365px;
    	height: 365px;
	}

	.hc_tab_view{
		flex-direction: column-reverse;
	}

	.hc_tab_view .hc_mob_img::before{
		bottom: 0;
	}

	.hc_browser_content{
		flex-wrap: wrap;
	}

	.hc_browser_img.one::before{
		width: 195px;
    	height: 195px;
    	bottom: 47px;
    	left: -25px;
	}

	.hc_browser_img.two::before{
		width: 195px;
   		height: 195px;
    	bottom: 47px;
    	right: -25px;
    	top: unset;
	}

	.hc_browser_inner{
		gap: 15px 20px;
    	padding: 30px 20px;
	}

	.hc_browser_inner img {
    	max-width: 60px;
	}

	.hc_flat_img {
    	margin-top: 30px;
	}

	.hc_flat_text p{
		max-width: 100%;
	}

	.hc_rating_content {
    	flex-wrap: wrap;
    	justify-content: center;
    	flex-direction: column-reverse;
	}

	.hc_star_img ul li img {
    	max-width: 32px;
	}

	.hc_footer_text {
    	margin: 45px auto 50px;
	}

	.hc_footer_logo{
		margin-top: -50px;
	}

	.hc_footer_logo span {
	    max-width: 150px;
    	padding: 20px;
	}

	.hc_footer_text span.hc_ftr_icon2{
		bottom: 0;
	}
}

@media (max-width:575.98px){

	.hc_bnrleft, .hc_bnrright {
    	max-width: 46%;
    	bottom: 10%;
	}

	p, a, .hc_multiplecolor_text ul li{
		font-size: 14px;
	}

	h3, .hc_multiplecolor_text h3, .hc_blog_text h3, .hc_flat_text h3, .hc_flat_text h4, .hc_star_img h3{
		font-size: 28px;
	}

	h4{
		font-size: 20px;
	}

	h5{
		font-size: 18px;
	}

	.hc_top_icon a{
		width: 45px;
    	height: 45px;
	}

	.hc_btn, .hc_banner_text .hc_btn{
		font-size: 14px;
		min-height: 45px;
		min-width: fit-content;
	}

	.hc_banner_desktop p {
	    font-size: 14px;
	    width: 70px;
	    height: 70px;
	    top: -20px;
	    right: -20px;
	}

	.hc_demo_card p{
		font-size: 14px;
	    width: 70px;
	    height: 70px;
	}

	.hc_section_heading .hc_section_top{
		padding: 20px 10px;
	}

	.hc_section_heading .hc_section_top h3 span{
		bottom: -21px;
	}

	.hc_banner_text{
		margin-top: 25px;
	}

	.hc_banner_text h2, .hc_banner_text h1{
		font-size: 26px;
	}

	.hc_banner_text h1 {
    	background-size: contain;
	}

	.hc_banner_text p{
		margin: 15px auto 25px;
	}

	.hc_banner_img{
		margin-top: 40px;
	}

	.hc_desktop_view .hc_res_img::before, .hc_laptop_view .hc_res_img::before, .hc_tab_view .hc_tab_img::before, .hc_tab_view .hc_mob_img::before{
		display: none;
	}

	.hc_desktop_view, .hc_laptop_view, .hc_tab_view{
		gap: 30px;
	}

	.hc_laptop_view{
		margin: 20px 0;
	}

	.hc_responsive_heading{
		margin-bottom: 10px;
	}

	.hc_desktop_view .hc_res_text::before, .hc_laptop_view .hc_res_text::before{
		background-size: 60%;
	}

	.hc_tab_view .hc_res_text::before{
		background-size: 40%;
	}

	.hc_multiplecolor_content, .hc_responsive_inner, .hc_blog_content, .hc_flat_content{
		border-radius: 35px;
	}

	.hc_multiplecolor_content, .hc_responsive_inner, .hc_blog_content{
		padding: 40px 30px;
	}

	.hc_flat_content{
		padding: 40px 30px 0;
	}

	.hc_rating_content{
		padding: 30px 20px 0;
	}

	.hc_nine_img img, .hc_four_img img {
    	max-width: 100px;
	}

	.hc_multiplecolor_text ul li{
		width: calc(100% /2 - 10px);
	}

	.hc_multiplecolor_text, .hc_multiplecolor_text ul{
		margin-top: 25px;
	}

	.hc_browser_icon{
		padding: 15px;
		margin: auto;
	}

	.hc_browser_inner{
		padding: 20px;
	}

	.hc_browser_inner img {
    	max-width: 50px;
	}

	.hc_feature_card{
		max-width: 315px;
		min-height: fit-content;
	}

	.hc_footer_text span.hc_ftr_icon1, .hc_footer_text span.hc_ftr_icon2{
		display: none;
	}

	.hc_footer_text{
		margin: 30px auto;
	}

	.hc_footer_logo span{
		max-width: 120px;
		padding: 15px;
		border-radius: 30px;
	}
}

@media (max-width:475.98px){

	

}