/* responsive css */
@media only screen and (max-width:1199px){
	.container {width: 94%;max-width: 94%;}
	.aboutMain{}
	.menu-toggle,.close-menu.full{font-size:0;}
	.stellarnav .menu-toggle{padding: 0px;}
	.stellarnav .icon-close{color:red;font-size:25px;}
}
@media only screen and (max-width:1024px){
	.scrollDown{width: 18px; height: 44px;bottom:-60px;background-image: linear-gradient(to bottom, #8a358b, #a83383, #c13678, #d53f6a, #e34e5b); border-radius: 11px 11px; display: inline-flex; justify-content: center; align-items: center;}
	.scrollDown .chevron{width: 12px;height: 2px;}
	.scrollDown .chevron:before, .scrollDown .chevron:after{top: -37px;width: 47%;}
	.scrollDown .text{display:none;}
	.stellarnav a.dd-toggle li.has-sub.open .icon-plus:after{display:none;}
	.stellarnav li.open > a.dd-toggle .icon-plus{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
	.stellarnav .menu-toggle span.bars{margin-right:0;}
}
@media only screen and (max-width:991px){
	.aboutMain{flex-direction:column;row-gap: 20px;}
	.aboutMain > div{width:100%;}
	.aboutRight{}
	.proMain .items img{width:100%;}
	.aboutSrc {margin-bottom: 30px;}
	.title {font-size: 26px;}
	.textAreaMain{grid-template-columns: repeat(1, 1fr);}
	.converter-box{width: 70%;}
	.y-middle{flex-direction:column;}
	.titlehome,.useFulTools h3,.aboutSrc h3{font-size: 30px;}
	.boxItem h4 a {font-size: 24px;}
	.bannerSec h1{font-size: 35px;margin-bottom: 15px;}
	.aboutMidBox{row-gap: 30px;flex-direction:column;}
	.yearBox{width:100%;}
	.blogSec,.ptB,.productSec{padding: 40px 0;}
	.mainFooter{padding-top:40px;}
	.blogMian{flex-direction:column;}
	.blogMian .blogLeft,.blogMian .blogRight,.blogMian .blogRight .blogImg,.blogMian .blogRight .blogContent{ width: 100%; }
	.blogMian .blogRight article{flex-direction: column;}
	.blogImg img { width: 100%; height: 230px; }
	.aboutRight {padding-right: 15px;}
	.logo img { width: 180px; }
	.header {padding: 3px 0;}
	.aboutSrc { margin-bottom: 0; }
	.showProducts {padding: 40px 0;}
	.headBox{margin-bottom:0;}
	#Products > div .credits { position: unset; top: 0%; right:13%; border-radius:0px; height: 35px; width:100%;justify-content: center;margin: 0 auto;margin-bottom: 10px;}
	#Products > div .credits br{display:none;}
	.indexBoxNum { font-size: 22px;padding:12px 10px;width: 100%;border-radius: 0; }
	/*Blog style here*/
	.blogBox{border-radius: 10px;}
	.blogContent{padding: 15px;}
	.blogContent p{font-size:16px;}
	/*inner banner style here*/
	.bannerSec.innerBanner,.pTB{ padding: 40px 0;}
	.stellarnav li a{padding: 10px;padding-left: 30px;}
	.textAreaMain{grid-template-columns: repeat(1, 1fr);}
	.convertCase{border-radius: 8px;overflow: hidden;}
	.convertCase .bg-3{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));}
	.textArea .middleBox h1 { margin-bottom: 33px; font-size: 28px;}
	.paragraphSec{margin-top:0;}
	.ageBox {width: 100%;}
	.footerMid{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
	.footerRight { margin-top: 10px; }
	#Products > div > div > div{margin-top:0;}

}
@media only screen and (max-width:767px){
	.blogSec .blogMain{grid-template-columns: repeat(auto-fit, minmax(243px, 1fr));}
	.useFulTools .toolsSec{grid-template-columns: repeat(1, 1fr)!important;}
}
@media only screen and (max-width:575px){
	.logo img { width: 150px; }
	.bannerSec h1 {font-size: 27px;}
	.titlehome,.useFulTools h3,.aboutSrc h3{font-size: 28px;margin-bottom: 20px;}
	.converter-box { width: 95%;}
	.innColBox{margin-top:0!important;}
	.bannerSec p br{display:none;}
	.disImg{display:none;}
	.phoImg{display:block;}
	.midBox,.useFulTools .toolsSec{grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));}
	.services-button { display: flex; justify-content: center; }
	.aboutMain{display:none;}
	.boxItem{border-radius:25px;padding: 30px 15px;margin-right:0;}
	.proMain{grid-template-columns:unset;}
	.blogHeadBox{flex-direction: column;margin-bottom: 20px;}
	.blogMian article{border-radius: 25px;}
	.blogContent { background: #fff; padding: 15px 15px 30px; }
	.blogContent h3 {font-size: 22px;}
	.bannerSec p{font-size: 15px;line-height: 20px;}	
	.button{max-width: 100%;}
	.pxTorem .responsive-table{flex-direction:column;}
	.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{max-width: 100%;}
	.footer-bottom p{text-align:center;font-size: 13px;}
	.bannerSec.innerBanner h1 { font-size: 27px; margin-bottom: 10px; }
	.indexBoxNum small{font-size: 16px;}
	#Products > div{row-gap: 15px;}
}