/* Extra large devices (large laptops and desktops, 1400px to 1600px) */
@media screen and (max-width: 1600px) {
	.logo-sec{
		padding: 75px 20px 50px;
	}	
	.head-sec .head-content .url-area .download-list{
		height: 72px;
	}
	.head-sec .head-content .url-area .download-list .supp-plaf ul li img{
		width: 26px;
	}
	.head-sec .head-content .url-area .download-list .supp-plaf p{
		font-size: 15px;
		line-height: 24px;
	}
	.logo-sec img{
		width: 120px;
	}
}
/* Large devices (laptops/desktops, 1200px to 1399px) */
@media only screen and (max-width: 1440px) {
	.head-sec{
		padding: 6.458vw 0 0px 0;
	}
	.head-sec .head-content .h-icon {
		width: 60px;
		margin-bottom: 18px;
	}
	.head-sec .head-content span.h-span {
		font-size: 26px;
		line-height: 28px;		
	}
	.head-sec > .head-content > h1 {
		font-size: 54px;
		line-height: 63px;
		margin-bottom: 13px;
	}
	.head-sec > .head-content > h4 {
		font-size: 12px;
		line-height: 19px;
	}
	.head-sec .head-content .url-area {
		top: 23%;
	}
	.head-sec .head-content .url-area .search-area > img {
		left: 40px;
		width: 20px;
	}
	.head-sec .head-content .url-area .search-area input {
		height: 80px;
		border: 8px solid var(--bg-white);
		padding: 24px 160px 24px 60px;
	}
	.head-sec .head-content .url-area .search-area button {
		padding: 17px 36px;
		right: 15px;
	}
	.head-sec .head-content .url-area .search-area button h5{
		font-size: 14px;
	}
}

/* Medium devices (landscape tablets, 992px to 1199px) */
@media only screen and (max-width: 1199px) {
	
}

/* Small devices (portrait tablets and large phones,769px to 991px) */
@media only screen and (max-width: 991px){
	.container-wide{
		max-width: 100%;
	}
	.container-custom{
		max-width: 97%;
	}
}

/* Extra small devices (phones,576px to 768px) */
@media only screen and (max-width: 768px) {
	header div {
		justify-content:center;
	}
	.head-sec {
		padding: 34.458vw 0 0px 0;
	}
	.head-sec .head-content .url-area {
		top: 12%;
		width: 100%;
	}
	.head-sec .head-content span.h-span {
		font-size: 28px;
	}
	.head-sec > .head-content > h1 {
		font-size: 50px;
		line-height: 57px;
	}
	.head-sec .head-content .url-area .download-list .supp-plaf {
		display: block; 
	}
	.head-sec .head-content .url-area .download-list .supp-plaf p {
		color: var(--bg-white);
		font-size: 15px;
		line-height: 39px;
		font-weight: 400;
	}
	.logo-sec{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}
	.htu-sec {
		padding: 40px 33px 0;
	}
	.htu-sec .steps-area .steps-content-area > h6 {
		display: flex;
		flex-direction: column;
	}
	.online-conv-sec {
		background-image: url(../img/online-convertor-img.png);
		padding: 25px 70px 30px 25px;
		margin-top: 47px;
	}
	.online-conv-sec h3 {
		font-size: 26px;
		line-height: 39px;
		color: var(--bg-white);
		font-weight: 700;
		margin-bottom: 15px;
	}
	.online-conv-sec p {
		font-size: 17px;
		line-height: 22px;
		font-weight: 400;
		letter-spacing: -0.36px;
		color: var(--bg-white);
		width: 100%;
	}
	.htc-sec .htc-boxs {
		display: flex;
		flex-direction: column;
	}
	.htc-sec .htc-boxs div:not(:last-child) {
		border-right: 1px dashed #30303033;
		padding: 0px 28px 0px 28px;
		text-align: center;
		border-bottom: 1px solid #30303033;
	}
	.htc-sec .htc-boxs div {
		text-align: center;
		max-width: 100%;
		padding: 0px 28px 0px 28px;
	}
	.faq-sec {
		padding: 80px 20px 20px;
	}
	.v-tab-menu{
		overflow-x: auto;
		white-space: wrap;
		scrollbar-width: thin; /* Firefox */
		scrollbar-color: #ff9244 transparent; /* Firefox */
		border-radius: 28px;
	}
	.v-tab-menu::-webkit-scrollbar-track {
		background-color: transparent;
		border-radius: 10px; /* Rounded corners */
	}
	.head-sec .head-content .url-area .download-list {
		background-color: var(--theme-brown);
		width: 90%;
		margin: -11px auto 0px;
		padding: 35px 23px 20px 23px;
		border-radius: 0 0 38px 38px;
		height: 92px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		transition: all 0.3s;
	}
	.head-sec .head-content .url-area .download-list .list-area .table-area .tab-area .tab-teaser .v-tab-menu ul, 
	.head-sec .head-content .url-area .download-list .list-area .table-area .tab-area .tab-teaser .m-tab-menu ul{
		margin: 0 auto 1px;
	}
	.v-tab-main-box{
		padding: 16px 0px;
		overflow-x: auto;
	}
	#searchVideo span img {
		width: 35px;
	}

	#searchVideo svg,
	#searchVideo span {
		/* margin-left: 0; */
	}

	#searchVideo::before {
		content: "";
	}
	#searchVideo::before {
		display: none;
	}

	#searchVideo {
		justify-content: center;
		width: 50px;
		height: 50px;
		padding: 0;
	}

	#searchVideo::before,
	#searchVideo::after {
		display: none;
	}
	.htc-sec {
		margin: 25px auto 60px;
	}
	.htc-sec h4 {
		text-align: center;
		font-size: 20px;
	}
	.htc-sec h3 {
		text-align: center;
		font-size: 30px;
		margin-bottom: 30px;
	}
	.head-sec .head-content .url-area .search-area button {
		padding: 24px 45px;
		border-radius: 20px 26px 26px 20px;
	}
	.spinner{
		width: 17px;
		height: 17px;
		margin-right: 0;
	}
	.head-sec .head-content .url-area .search-area input {
		padding: 27px 44px 24px 65px;
	}
	.head-sec .head-content .url-area .search-area button span{
		display: inline-block;
	}
	.head-sec .head-content .url-area .search-area button h5{
		display: none;
	}
	.faq-sec h5 br{
		display: none;
	}
	.faq-sec .faq-heading{
		flex-direction: column;
	}
	.faq-sec .faq-heading div{
		display: flex;
		align-items: center;
	}
	footer .footer-area{
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

}


/* Extra small devices (phones, 575px and down) */
@media only screen and (max-width: 575px) {
	
}