<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {
    .about-thumb img {
		width: 100%;
	}
	.service-area.style2 .service-single-box {
		padding: 40px 27px 20px;
	}
	.header-menu-button {
		margin-left: -13px;
	}
		.choose-thumb-vedio-icon {
		top: 172px;
	}
	.service-details-icon-box {
		margin-left: 94px;
	}
	.contact-single-box {
		padding: 0 15px 0;
	}
	.contact-area.style-two .section-description p {
		width: 59%;
	}
	.feature-content {
	    margin: 0 53px 0px 23px;
	}
	.counter-sinlge-box {
		margin-left: 30px;
	}
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.header-menu-button {
		margin-right: -13px;
	}
	.service-single-box {
		padding: 40px 0px 20px;
	}
	.service-area .service-description p {
		font-size: 13px;
	}
	.about-right {
		padding-left: 0;
	}
	.about-thumb img {
		width: 100%;
	}
	.section-mean-title h1 {
		font-size: 30px;
	}
	.call-do-title h1 {
		font-size: 35px;
	}
	.call-do-action-area::after {
		left: 55px;
		right: 55px;

	}
	.feature-content {
		margin: 0 5px 0px 27px;
	}
	.counter-sinlge-box {
		margin-left: 12px;
	}
	.choose-thumb-vedio-icon {
		top: 145px;
	}
	.service-area.style2 .section-description p {
		width: 70%;
	}
	.service-area.style2 .service-single-box {
		padding: 40px 15px 20px;
	}
	.team-area .section-description p {
		width: 75%;
	}
	.service-details-thumb img {
		width: 100%;
	}
	.service-details-icon-box {
		margin-left: 0;
	}
	.single-widget-icon li a {
		font-size: 13px;
	}
	.contact-area.style-two .section-description p {
		width: 66%;
	}
	.contact-single-box {
		padding: 0 0 0;
	}
	.contact-icon i {
		margin-right: 19px;
	
	}
	.counter-number-content span {
		font-size: 16px;
	}
	.blog-two-cloum .blog-page-title h4 a {
		font-size: 18px;
	}
	.sidebar-box {
		padding: 30px 27px 30px;
	}
	.sidebar-menu ul li {
		padding: 6px 0 6px 10px;
	}
	.sidebar-menu ul li a {
		font-size: 14px;
	}
	.sidebar-thumb-title a h2 {
		font-size: 10px;
	}
	.sidebar-thumb-title a h2 {
		font-size: 13px;
	}
	.prot-info {
		padding: 0 35px;
	}
	.prot-info strong {
		width: 100px;
	}


}



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.header-top-menu {
		display: none;
	}
   .header-area {
		display: none;
	}
	.service-single-box {
		padding: 40px 46px 20px;
		margin-bottom: 20px;
	}
	.about-thumb img {
		width: 100%;
	}
	.section-mean-title h1 {
		font-size: 20px;
	}
	.about-area {
		padding: 16px 0 57px;
	}
	.about-right {
	    padding-left: 0;
	    margin-top: 25px;
	}
	.call-do-title h1 {
		font-size: 30px;
	}
	.call-do-action-area::after {
		left: 46px;
		right: 47px;
		top: 110px;
		bottom: 126px;
	}
	.feature-area {
		padding: 70px 0 40px;
	}
	.single-feature-box {
		margin-bottom: 5px;
	}
	.feature-left {
	    margin-bottom: 25px;
	}
	.feature-title h3 {
		font-size: 16px;
	}
	.feature-content {
		margin: 0 0px 0px 30px;
	}
	.choose-us-area {
		padding: 64px 0 217px;
	}
	.choose-thumb-vedio-icon {
	    top: 217px;
	}
	.choose-us-right {
	    margin-left: 0px;
	    margin-top: 25px;
	}
	.service-area.style2 {
		padding: 71px 0 58px;
	}
	.service-area.style2 .section-description p {
		width: 80%;
	}
	.service-area.style2 .service-single-box {
		padding: 40px 17px 20px;
	}
	.team-area {
		padding: 70px 0 0px;
	}
	.team-area .section-description p {
		width: 90%;
	}
	.contact-area {
	    background-position: center right;
	}
	.contact-from-right {
		margin-left: 0;
	}
	.service-details-area {
		padding: 80px 0 80px;
	}
	.widget-service-details-icon p {
		font-size: 13px;
	}
	.service-area.service_bg.style {
		padding: 80px 0 35px;
	}
	.feature-area.style2 {
		padding: 20px 0 0;
	}
	.service-area.style2 {
		padding: 48px 0 58px;
	}
	.case-study-area {
		padding: 80px 0 80px;
	}
	.faq-area.new-style {
		padding: 80px 0 80px;
	}
	.contact-area.style-two {
		padding: 66px 0 151px;
	}
	.row.contact_bg::before {
		top: 235px;
	}
	.contact-area.style-two .section-description p {
		width: 90%;
	}
	.contact-single-box {
		padding: 0 6px 0;
		margin-bottom: 20px;
	}
	.blog-grid-area {
		padding: 75px 0 50px;
	}
	.blog-grid-area .section-description p {
		width: 73%;
	}
	.blog-two-cloum {
		padding: 80px 0 50px;
	}
	.blog-sidebar {
		margin-left: 0;
	}
	.sidebar-thumb-title a h2 {
		display: block;
	}
	.blog-details-area {
		padding: 80px 0 81px;
	}
	.sidebar-box {
		margin-top: 30px;
	}
	.protfolio-details-intro {
		padding: 23px;
	}	
	.prot-info strong {
		width: 89px;
		margin-right: 5px;
	}
	.prot-info {
		padding: 0 0px;
	}
	.share-text {
		margin-right: 20px;
	}
	.protfolio-details {
		padding: 20px 0 80px;
	}


   
   
   
}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px){
	.header-top-menu {
		display: none;
	}
   .header-area {
		display: none;
	}
	.hero-title h1 {
		font-size: 41px;
		line-height: 60px;
	}
	.hero-description p {
		width: 91%;
	}
	.service-single-box {
		padding: 40px 97px 20px;
		margin-bottom: 30px;
	}
	.about-area {
		padding: 13px 0 57px;
	}
	.about-thumb img {
		width: 100%;
	}
	.about-right {
		padding-left: 0px;
	}
	.call-do-action-area {
		padding: 72px 0 73px;
	}
	.call-do-title h1 {
		font-size: 22px;
	}
	.call-do-text {
		margin-top: 23px;
	}
	.call-do-text p {
		font-size: 15px;
		margin: 0 5px 0;
	}
	.call-do-button a {
		margin-top: 40px;
	}
	.call-do-action-area::after {
		left: 38px;
		right: 37px;
		top: 42px;
		bottom: 46px;
	}
	.section-mean-title h1 {
		font-size: 20px;
	}
	.feature-area {
		padding: 60px 0 70px;
	}
	.choose-thumb-vedio-icon {
		top: 165px;
	}
	.choose-us-right {
		margin-left: 0;
		margin-top: 10px;
	}
	.choose-us-area {
		padding: 70px 0 205px;
	}
	.row.upper1 {
		padding: 34px 0 43px;
		border-radius: 10px;
	}
	.counter-sinlge-box {
		margin-left: 165px;
		margin-bottom: 10px;
	}
	.service-area.style2 {
		padding: 54px 0 38px;
	}
	.service-area.style2 .service-single-box {
		padding: 40px 95px 20px;
	}
	.service-area.style2 .section-description p {
		width: 75%;
	}
	.team-area {
		padding: 55px 0 0;
	}
	.team-area .section-description p {
		width: 95%;
	}
	.contact-area {
	    background-position: center right;
	}
	.contact-from-right {
		margin-left: 0;
	}
	.footer-widget-item {
		margin-bottom: 25px;
	}
	.service-details-area {
		padding: 70px 0 70px;
	}
	.service-page-title2 h1 {
		margin-top: 20px;
	}
	.service-area.service_bg.style {
		padding: 80px 0 35px;
	}
	.feature-area.style2 {
		padding: 20px 0 0;
	}
	.service-area.style2 {
		padding: 48px 0 58px;
	}
	.case-study-area {
		padding: 80px 0 80px;
	}
	.portfolio_nav ul li {
		font-size: 14px;
		padding: 3px 13px;
	}
	.faq-area.new-style {
		padding: 80px 0 80px;
	}
	h1.faq-title {
		margin-top: 20px;
	}
	.contact-area.style-two {
		padding: 66px 0 151px;
	}
	.row.contact_bg {
		margin-bottom: 58px;
	}
	.row.contact_bg::before {
		top: 333px;
	}
	.contact-area.style-two .section-description p {
		width: 87%;
	}
	.contact-single-box {
		padding: 0 6px 0;
		margin-bottom: 20px;
	}
	.blog-grid-area {
		padding: 75px 0 50px;
	}
	.blog-grid-area .section-description p {
		width: 95%;
	}
	.blog-two-cloum {
		padding: 80px 0 50px;
	}
	.blog-sidebar {
		margin-left: 0;
	}
	.blog-details-area {
		padding: 80px 0 81px;
	}
	.sidebar-box {
		margin-top: 30px;
	}
	.blog-details-title a h1 {
		font-size: 27px;
	}
	.protfolio-details {
		padding: 20px 0 80px;
	}
	.protfolio-details-intro {
		padding: 22px;
	}
	
	.about-right{margin: 20px 0 0}	
	.service-area.service_bg {padding: 0px 0 40px;}
	.contact-form-button{position: relative}
	.success{text-align: center}
}

/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
	.header-top-menu {
		display: none;
	}
   .header-area {
		display: none;
	}
	.hero-title h5 {
		font-size: 18px;
	}
	.hero-title h1 {
		font-size: 35px;
		line-height: 45px;
	}
	.hero-description p {
		width: 85%;
	}
	.service-single-box {
		padding: 40px 60px 20px;
		margin-bottom: 25px;
	}
	.section-mean-title h1 {
		font-size: 22px;
	}
	.about-area {
		padding: 17px 0 57px;
	}
	.about-right {
		padding-left: 0;
		margin-top: 20px;
	}
	.about-thumb img {
		width: 100%;
	}
	.call-do-action-area {
		padding: 85px 0 84px;
	}
	.call-do-action-area::after {
		left: 13px;
		right: 12px;
		top: 40px;
		bottom: 42px;
	}
	.call-do-title h1 {
		font-size: 20px;
	}
	.call-do-text {
		margin-top: 25px;
	}
	.call-do-text p {
		font-size: 14px;
		margin: 0 5px 0;
	}
	.call-do-button a {
		margin-top: 34px;
	}
	.feature-area {
		padding: 60px 0 70px;
	}
	.feature-content {
		margin: 0 0px 0px 25px;
	}
	.choose-us-area {
		padding: 65px 0 199px;
	}
	.choose-thumb-vedio-icon {
		top: 141px;
	}
	.choose-us-right {
		margin-left: 0;
		margin-top: 30px;
	}
	.counter-sinlge-box {
		margin-left: 146px;
		margin-bottom: 20px;
	}
	.row.upper1 {
		padding: 38px 0 29px;
	}
	.service-area.style2 {
		padding: 68px 0 47px;
	}
	.service-area.style2 .section-description p {
		width: 93%;
	}
	.service-area.style2 .service-single-box {
		padding: 40px 63px 20px;
	}
	.team-area {
		padding: 54px 0 0px;
	}
	.team-area .section-description p {
		width: 100%;
	}
	.contact-area {
	    background-position: center right;
	}
	.contact-from-right {
		margin-left: 0;
	}
	.footer-widget-item {
		margin-bottom: 20px;
	}
	.service-page-title2 h1 {
		margin-top: 20px;
	}
	.service-details-area {
		padding: 70px 0 71px;
	}
	.service-area.service_bg.style {
		padding: 80px 0 35px;
	}
	.feature-area.style2 {
		padding: 20px 0 0;
	}
	.service-area.style2 {
		padding: 48px 0 58px;
	}
	.case-study-area {
		padding: 70px 0 70px;
	}
	.portfolio_nav ul li {
		font-size: 13px;
		padding: 1px 10px;;
	}
	.faq-area.new-style {
		padding: 70px 0 70px;
	}
	h1.faq-title {
		font-size: 22px;
		margin-top: 20px;
	}
	.contact-area.style-two {
		padding: 66px 0 151px;
	}
	.row.contact_bg {
		margin-bottom: 58px;
	}
	.row.contact_bg::before {
		top: 333px;
	}
	.contact-area.style-two .section-description p {
		width: 91%;
	}
	.contact-single-box {
		padding: 0 6px 0;
		margin-bottom: 20px;
	}
	.section-mean-title h1 {
		font-size: 20px;
	}
	.blog-grid-area {
		padding: 75px 0 50px;
	}
	.blog-grid-area .section-description p {
		width: 100%;
	}
	.blog-two-cloum {
		padding: 80px 0 50px;
	}
	.blog-sidebar {
		margin-left: 0;
	}
	.blog-details-area {
		padding: 80px 0 81px;
	}
	.sidebar-box {
		margin-top: 30px;
	}
	.blog-details-title a h1 {
		font-size: 20px;
	}
	.blog-details-title-two h3 {
		font-size: 22px;
	}
	.protfolio-details {
		padding: 20px 0 81px;
	}
	.protfolio-details-intro {
		padding: 8px;
	}
	.prot-info strong {
		width: 113px;
	}

	.about-right{margin: 20px 0 0}
	.service-area.service_bg {padding: 0px 0 40px;}
	.contact-form-button{position: relative}
	.success{text-align: center}
}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.header-top-menu {
		display: none;
	}
   .header-area {
		display: none;
	}
	.hero-title h5 {
		font-size: 16px;
	}
	.hero-title h1 {
		font-size: 25px;
		line-height: 35px;
	}
	.hero-description p {
		width: 100%;
	}
	.service-single-box {
		margin-bottom: 25px;
	}
	.about-area {
		padding: 17px 0 70px;
	}
	.about-thumb img {
		width: 100%;
	}
	.about-right {
		padding-left: 0;
	}
	.section-mean-title h1 {
		font-size: 12px;
	}
	.section-sub-title h4 {
		font-size: 12px;
	}
	.about-right {
		padding-left: 0;
	}
	.about-name-title h3 {
		font-size: 12px;
	}
	.about-name-title span {
		font-size: 10px;
	}
	.call-do-action-area {
		padding: 52px 0 50px;
	}
	.call-do-action-area::after {
		left: 14px;
		right: 13px;
		top: 28px;
		bottom: 27px;
	}
	.call-do-title h1 {
		font-size: 12px;
	}
	.call-do-text {
		margin-top: 20px;
	}
	.call-do-text p {
		font-size: 14px;
	}
	.call-do-button a {
		margin-top: 49px;
	}
	.feature-area {
		padding: 65px 0 70px;
	}
	.feature-title h3 {
		font-size: 15px;
	}
	.feature-content {
		margin: 0 1px 0px 9px;
	}
	.choose-us-area {
		padding: 70px 0 209px;
	}
	.choose-us-right {
		margin-left: 0;
		margin-top: 10px;
	}
	.choose-thumb-vedio-icon {
		top: 95px;
	}
	.row.upper1 {
		padding: 23px 0 46px;
	}
	.service-area.style2 {
		padding: 68px 0 45px;
	}
	.service-area.style2 .section-description p {
		width: 100%;
	}
	.service-area.style2 .service-single-box {
		padding: 40px 30px 20px;
	}
	.team-area {
		padding: 67px 0 0px;
	}
	.team-area .section-description p {
		width: 100%;
	}
	.contact-area {
	    background-position: center right;
	}
	.contact-from-right {
		margin-left: 0;
	}
	.service-page-title h1 {
		font-size: 20px;
	}
	.service-page-title2 h1 {
		font-size: 15px;
		margin-top: 10px;
	}
	.widget-service-details-icon p {
		font-size: 11px;
	}
	.service-details-thumb img {
		width: 100%;
	}
	.single-widget-icon li a {
		font-size: 12px;
	}
	.service-area.service_bg.style {
		padding: 80px 0 35px;
	}
	.feature-area.style2 {
		padding: 20px 0 0;
	}
	.service-area.style2 {
		padding: 48px 0 58px;
	}
	.case-study-area {
		padding: 70px 0 70px;
	}
	.portfolio_nav ul li {
		font-size: 12px;
		padding: 4px 15px;

	}
	.faq-area.new-style {
		padding: 70px 0 70px;
	}
	h1.faq-title {
		font-size: 22px;
		margin-top: 20px;
	}
	.contact-area.style-two {
		padding: 66px 0 151px;
	}
	.row.contact_bg {
		margin-bottom: 58px;
	}
	.row.contact_bg::before {
		top: 333px;
	}
	.contact-area.style-two .section-description p {
		width: 100%;
	}
	.contact-single-box {
		padding: 0 6px 0;
		margin-bottom: 20px;
	}
	.contact-icon i {
		margin-right: 7px;
	}
	.blog-grid-area {
		padding: 75px 0 50px;
	}
	.blog-grid-area .section-description p {
		width: 96%;
	}
	.blog-page-title h4 a {
		font-size: 15px;
	}
	.blog-two-cloum {
		padding: 80px 0 50px;
	}
	.blog-sidebar {
		margin-left: 0;
	}
	.sidebar-box {
		padding: 30px 17px 30px;
	}
	.blog-details-area {
		padding: 80px 0 81px;
	}
	.sidebar-box {
		margin-top: 30px;
	}
	.blog-details-title a h1 {
		font-size: 15px;
	}
	.blog-details-title-two h3 {
		font-size: 15px;
	}
	.blog-details-content {
		padding: 25px 8px 39px;
	}
	.blog-details-meta a {
		margin-right: 6px;
	}
	.protfolio-details {
		padding: 10px 0 70px;
	}
	.protfolio-details-intro {
		padding: 9px;
	}
	.prot-info {
		padding: 0 0px;
	}
	.prot-title h3 {
		font-size: 20px;
	}
	.prot-info strong {
		width: 85px;
		margin-right: 5px;
	}
	.prot-info span {
		font-size: 13px;
	}
	.prot-social-icon ul li a {
		margin-right: 8px;
	}
	.prot-title h2 {
		font-size: 20px;
	}
	
	.about-right{margin: 20px 0 0}
	.service-area.service_bg {padding: 0px 0 40px;}
	.contact-form-button{position: relative}
	.success{text-align: center}
	
	.hero-area{background: url(../images/home-ban-m.png); height: 780px; background-size: 420px;}
	.hero-area .align-items-center{align-items: initial !important; padding-top: 50px; position: relative; top: -140px}
}

</pre></body></html>