/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {
.hero-thumb {
	right: 99px;
	position: relative;
}	
.counter-shape-one {
	display: none;
}	
.counter-shape-tow {
	display: none;
}
.brand-area {
    background: #FEF4F3;
    padding: 67px 30px 72px;
}
.skill-left {
	left: -17px;
}
.skill-thumb img {
	width: 90%;
}
.skill-thumb-shape-one {
	right: -15px;
}
}
/* Normal desktop :1200px. */
@media (min-width: 992px) and (max-width: 1199px) {
.top-menu-text p {
	font-size: 14px;
}
.header-contact-btn a {
	font-size: 16px;
	padding: 18px 25px;
}
.hero-title h1 {
	font-size: 56px;
}
.hero-thumb {
	position: relative;
	right: 187px;
}
.section-mean-title h1 {
	font-size: 34px;
}
.about-left::before {
	right: 2px;
}
.about-thumb img {
	width: 100%;
}
.about-shape {
	right: -42px;
}
.about-shape img {
	width: 80%;
}
.about-shape-two {
	left: 157px;
}
.about-shape-two img {
	width: 80%;
}
.skill-left {
	left: -26px;
}
.skill-thumb img {
	width: 100%;
}
.skill-thumb-shape-one img {
	width: 80%;
}
.skill-thumb-shape-two img {
	width: 80%;
}
.counter-shape-one {
	display: none;
}
.counter-shape-tow {
	display: none;
}
.brand-area {
    background: #FEF4F3;
    padding: 67px 15px 72px;
}
.subscribe-area .section-description p {
	width: 53%;
}
.subscribe-area .button {
	right: 215px;
}
.feature-box-btn {
	left: 50px;
}
.sidebar-box {
	padding: 34px 26px 46px;
}
.sidebar-menu ul li a {
	font-size: 15px;
}
.recent-tost-text a {
	font-size: 14px;
}
.service-details .search-button {
	right: 58px;
}
.service-details .service-icon-box p {
	font-size: 16px;
}
.faq-area .section-mean-title h1 {
	font-size: 30px;
}
.protfolio-area .section-description p {
	width: 42%;
}
.prot-content {
	top: 88px;
}
.service-title h3 {
	font-size: 20px;
}
.price-btn a {
	margin: 40px 36px;
}
.blog-details-area .search-button {
	right: 72px;
}

}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.sub-menu ul li a::before {
	bottom: 0px;
}	
.topber-area {
	display: none;
}
.header-area {
	display: none;
}
.header-menu ul li a {
	padding: 20px 0px 20px 11px;
}
.header-contact-btn span {
	font-size: 14px;
}
.hero-area {
	height: 700px;
}
.hero-title h1 {
	font-size: 47px;
	line-height: 50px;
}
.hero-title h1 {
	font-size: 35px;
	line-height: 36px;
}
.hero-description p {
	font-size: 16px;
	margin: 16px 0 32px;
}
.hero-button a {
	font-size: 15px;
	padding: 15px 18px 15px;
}
.hero-button a i {
	margin-left: 6px;
}
.hero-button a:hover::before {
	width: 149%;
}
.hero-thumb img {
	width: 100%;
}
.about-left::before {
	height: 110px;
	right:2px;
}
.about-thumb img {
	width: 100%;
}
.about-shape {
	right: -73px;
	top: 243px;
}
.about-shape img {
	width: 50%;
}
.about-shape-two {
	top: 247px;
	left: 133px;
}
.about-shape-two img {
	width: 50%;
}
.about-title h3 {
	font-size: 14px;
}
.service-area .section-description p {
	width: 100%;
}
.section-mean-title h1 {
	font-size: 22px;
}
.section-sub-title h3 {
	font-size: 15px;
}
.skill-left {
	left: -35px;
}
.skill-thumb img {
	width: 100%;
}
.skill-thumb-shape-one {
	right: -91px;
}
.skill-thumb-shape-one img {
	width: 50%;
}
.skill-thumb-shape-two img {
	width: 50%;
}
.counter-area {
	padding: 0px 0 30px;
}
.row.counter-bg {
	padding: 66px 0 42px;
}
.counter-single-box {
	margin-bottom: 30px;
}
.counter-shape-one {
	display: none;
}
.counter-shape-tow {
	display: none;
}
.brand-area {
    background: #FEF4F3;
    padding: 67px 35px 72px;
}
.feature-area {
	padding: 31px 0 55px;
}
.feature-area .section-description p {
	width: 96%;
}
.owl-prev {
	left: 134px;
}
.owl-next {
	right: 131px;
}
.subscribe-area .section-description p {
	width: 73%;
}
.subscribe-area .form-box input {
	width: 81%;
}
.subscribe-area .button {
	right: 67px;
}
.footer-bottom-right a {
	padding-left: 10px;
}
.recent-post-item.active {
	padding-bottom: 29px;
}
.team-area .section-description p {
	width: 95%;
}
.blog-details-meta a {
	margin-right: 5px;
	font-size: 10px;
}
.blog-details-meta span {
	font-size: 10px;
}
.meta-blog-right {
	margin-left: 5px;
	font-size: 10px;
}
.blog-details-title a h1 {
	font-size: 19px;
}
.blog-details-title-two h3 {
	font-size: 19px;
}
.sidebar-thumb-title a h2 {
	font-size: 15px;
}
.blog-grid-area .section-description p {
	width: 95%;
}
.service-single-item h1 {
	font-size: 16px;
	margin-bottom: 0;
}
.service-details .service-icon-box p {
	font-size: 8px;
}
.service-details .search-button {
	right: 50px;
}
.service-details .service-icon-box p i {
	font-size: 12px;
}
.accordion h3 {
	font-size: 14px;
}
.protfolio-area .section-description p {
	width: 56%;
}
.pracing-single-box {
	margin-bottom: 30px;
}
.price-btn a {
	margin: 39px 59px;
}
.single-contacts-boxs {
	margin: 0px -69px 0px 0px;
}
.contacts-titles h2 {
	margin: 26px 0 34px;
}

}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.sub-menu ul li a::before {
	bottom: 0px;
}	
.topber-area {
	display: none;
}	
.header-area {
	display: none;
}
.hero-area {
	height: 1425px;
}
.hero-content {
	text-align: center;
}
.hero-title h1 {
	font-size: 54px;
}
.hero-description p {
	width: 100%;
}
.hero-title h5::before {
	left: 391px;
}
.hero-title h5::after {
	left: 391px;
}
.hero-thumb img {
	width: 100%;
}
.about-thumb img {
	width: 100%;
}
.section-mean-title h1 {
	font-size: 35px;
}
.about-left::before {
	right: 2px;
}
.about-shape {
	right: -34px;
}
.about-shape-two {
	left: 165px;
}
.about-right {
	margin-top: 86px;
}
.service-button {
	text-align: left;
	margin-bottom: 39px;
}
.service-area .section-description p {
	width: 100%;
}
.skill-left {
	left: 0;
}
.skill-thumb-shape-one {
	right: -42px;
}
.skill-right {
	margin-top: 35px;
}
.row.counter-bg {
	background: #FEF4F3;
}
.counter-shape-one {
	display: none;
}
.counter-shape-tow {
	display: none;
}
.counter-single-box {
	margin-bottom: 30px;
}
.feature-area {
	padding: 18px 0 48px;
}
.feature-area .section-description p {
	margin-top: 25px;
	width: 100%;
}
.single-footer-box {
	margin-bottom: 20px;
}
.feature-button {
	text-align: left;
	margin-bottom: 29px;
}
.feature-box-btn {
	left: 160px;
}
.owl-prev {
	display: none;
}
.owl-next {
	display: none;
}
.testi-text p {
	font-size: 21px;
	width: 85%;
}
.testimonial-description p {
	font-size: 14px;
}
.brand-area {
    background: #FEF4F3;
    padding: 67px 27px 72px;
}
.subscribe-area .section-description p {
	width: 100%;
}
.subscribe-area .form-box input {
	padding: 0 131px 0 21px;
	height: 50px;
	width: 66%;
}
.subscribe-area .button {
	bottom: 59px;
	right: 88px;
}
.button .btn {
	padding: 10px 7px;
}
.recent-tost-text {
	text-align: left;
}
.recent-post-item.active {
	padding-bottom: 31px;
}
.footer-bottom-right {
	text-align: center;
	margin-top: 20px;
}
.team-area {
	text-align: center;
}
.team-area .section-title {
	text-align: left;
}
.team-area .section-description p {
	width: 97%;
}
.blog-details-title a h1 {
	font-size: 30px;
}
.blog-grid-area .section-description p {
	width: 100%;
}
.single-blogs-thumb img {
	margin-bottom: 20px;
}
.sidebar-thumb-title a h2 {
	font-size: 20px;
}
.service-details .form-boxs input {
	width: 110%;
}
.service-details .search-button {
	right: 52px;
}
.tem-buttom {
    text-align: left;
}
.protfolio-area .section-description p {
	width: 60%;
}
.prot-content {
	top: 207px;
}
.pracing-single-box {
	margin-bottom: 30px;
}
.price-btn a {
	margin: 39px 150px;
}
.blog-details-area .form-boxs input {
	width: 111%;
}
#scrollUp {
	right: 25px;
}
.contacts-titles h2 {
	margin: 50px 0 34px;
}

}
/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
.sub-menu ul li a::before {
	bottom: 0px;
}		
.topber-area {
	display: none;
}
.header-area {
	display: none;
}
.hero-area {
	height: 1285px;
}
.hero-content {
	text-align: center;
}
.hero-title h5::before, .hero-title h5::after {
	display: none;
}
.hero-title h1 {
	font-size: 48px;
	line-height: 51px;
}
.hero-description p {
	width: 100%;
}
.hero-thumb img {
	width: 100%;
}
.section-mean-title h1 {
	font-size: 29px;
}
.about-left {
	margin: 0;
}
.about-left::before {
	right: 3px;
}
.about-thumb img {
	width:100%;
}
.about-shape {
	right: -36px;
	top: 329px;
}
.about-shape.top-img-up-down img {
	width: 80%;
}
.about-shape-two {
	top: 321px;
	left: 146px;
}
.about-shape-two.top-img-up-down2 img {
	width: 80%;
}
.about-right {
	margin-top: 77px;
}
.service-area .section-description p {
	width: 88%;
}
.service-button {
	text-align: left;
	margin-bottom: 20px;
}
.skill-left {
	position: relative;
	left: 0;
	bottom: 53px;
}
.skill-left {
	position: relative;
	left: 0;
}
.skill-thumb img {
	width: 100%;
}
.skill-thumb-shape-one img {
	width: 60%;
}
.skill-thumb-shape-two img {
	width: 60%;
}
.skill-thumb img {
	width: 100%;
}
.skill-area .section-description p {
	width: 100%;
}
.skill-button {
	text-align: left;
}
.row.counter-bg {
	padding: 71px 0 42px;
}
.counter-single-box {
	margin-bottom: 30px;
}
.counter-shape-one {
	display: none;
}
.counter-shape-tow {
	display: none;
}
.feature-area {
	padding: 37px 0 70px;
}
.feature-area .section-title {
	text-align: center;
}
.feature-area .section-description p {
	width: 100%;
}
.feature-button {
	text-align: center;
	margin-bottom: 20px;
}
.feature-box-btn {
	left: 124px;
}
.owl-prev, .owl-next {
	display: none;
}
.testi-text p {
	width: 84%;
}
.brand-area {
    padding: 67px 43px 72px;
	background: #FEF4F3;
}
.subscribe-area .section-description p {
	width: 81%;
}
.form-box input {
	width: 70%;
	height: 44px;
	padding: 0 122px 0 21px;
}
.subscribe-area .button {
	bottom: 107px;
	right: 68px;
}
.button .btn {
	font-size: 12px;
	padding: 11px 18px;
}
.button .btn i {
	font-size: 11px;
	margin-left: 3px;
}
.recent-post-item.active {
	padding-bottom: 29px;
}
.recent-tost-text {
	text-align: left;
}
.footer-bottom-conten {
	margin-bottom: 15px;
}
.footer-bottom-right {
	text-align: center;
}
.team-area .section-description p {
	width: 99%;
}
.tem-buttom {
	text-align: left;
}
.blog-details-meta a {
	margin-right: 5px;
}
.blog-details-area .form-boxs input {
	width: 113%;
}
.meta-blog-right {
	margin-left: 2px;
}
.blog-details-title a h1 {
	font-size: 23px;
}
.blog-details-title-two h3 {
	font-size: 28px;
}
.blog-grid-area .section-description p {
	width: 100%;
}
.single-blogs-thumb img {
	margin-bottom: 20px;
}
.service-details .form-boxs input {
	width: 110%;
}
.service-details .search-button{
	right:58px;
}
.protfolio-area .section-description p {
	width: 74%;
}
.pracing-single-box {
	margin-bottom: 30px;
}
.price-btn a {
	margin: 39px 123px;
}
.contacts-titles h2 {
	margin: 20px 0 34px;
}
#scrollUp {
	right: 25px;
}
}
/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.sub-menu ul li a::before {
	bottom: 0px;
}		
.topber-area {
	display: none;
}
.header-area {
	display: none;
}
.hero-area {
	height: 1095px;
}
.hero-content {
	text-align: center;
}
.hero-title h1 {
	font-size: 31px;
	line-height: 26px;
	font-weight: 600;
}
.hero-title h5 {
	font-size: 17px;
} 
.hero-title h5::before, .hero-title h5::after{
	display:none;
}
.hero-description p {
	width: 100%;
}
.hero-button {
	margin-bottom: 33px;
}
.hero-thumb img {
	width: 100%;
}
.section-mean-title h1 {
	font-size: 19px;
}
.about-area {
	padding: 35px 0 39px;
}
.about-left {
	margin: 0 0 44px;
}
.about-thumb img {
	width: 100%;
}
.about-left::before {
	top: 4px;
	right: 0px;
	height: 98px;
}
.about-shape {
	display: none;
}
.about-shape-two {
	display: none;
}
.section-sub-title h3 {
	font-size: 18px;
}
.section-description p {
	width: 100%;
}
.abt-sngle-box {
	margin: 0;
}
.about-icon i {
	width: 15px;
	height: 15px;
	font-size: 8px;
	margin-right: 10px;
}
.about-title h3 {
	font-size: 12px;
}
.about-button {
	text-align: left;
}
.service-area {
	padding: 37px 0 12px;
}
.service-area .section-description p {
	width: 100%;
}
.service-button {
	text-align: left;
	margin-bottom: 20px;
}
.skill-area {
	padding: 79px 0 30px;
}
.skill-left {
	position: relative;
	left: 0;
	bottom: 35px;
}
.skill-thumb img {
	width: 100%;
}
.skill-thumb-shape-one img {
	width: 30%;
}
.skill-thumb-shape-one {
	right: -106px;
}
.skill-thumb-shape-two {
	left: 65px;
}
.skill-thumb-shape-two img {
	width: 30%;
}
.skill-area .section-description p {
	width: 100%;
}
.skill-button {
	text-align: left;
}
.counter-area {
	padding: 10px 0 26px;
}
.row.counter-bg {
	padding: 64px 0 42px;
}
.counter-shape-one {
	display: none;
}
.counter-shape-tow {
	display: none;
}
.counter-single-box {
	margin-bottom: 30px;
}
.feature-area {
	padding: 21px 0 18px;
}
.feature-area .section-description p {
	width: 100%;
}
.feature-box-btn {
	left: 52px;
}
.testimonial-area {
	padding: 57px 0 57px;
}
.owl-prev, .owl-next{
	display:none;
}
.testi-text p {
	font-size: 16px;
	width: 100%;
	line-height: 24px;
}
.brand-area {
    background: #FEF4F3;
    padding: 67px 85px 72px;
}
.subscribe-area {
	padding: 65px 0 35px;
}
.subscribe-area .section-description p {
	width: 100%;
	font-size: 15px;
}
.form-box input {
	width: 86%;
	height: 45px;
	padding: 0 92px 0 21px;
}
.subscribe-area .button {
	bottom: 107px;
	right: 21px;
}
.button .btn {
	font-size: 12px;
	font-weight: 600;
	padding: 12px 5px;
}
.button .btn i {
	font-size: 10px;
	margin-left: 6px;
} 
.email-description input {
	margin-top: 16px;
}
.email-description p {
	margin-top: 8px;
}
.footer-area {
	text-align: center;
}
.single-footer-box {
	margin-bottom: 20px;
}
.footer-bottom-conten {
	text-align: center;
	margin-bottom: 10px;
}
.footer-title h3 {
	margin-bottom: 19px;
}
.footer-bottom-right {
	text-align: center;
}
.footer-bottom-right a {
	font-size: 14px;
	padding-left: 6px;
}
.feature-button {
	text-align: center;
	margin-bottom: 30px;
}
.team-area .section-description p {
	width: 93%;
	margin-top: 27px;
}
.tem-buttom {
	text-align: left;
}
.breadcumb-title h1 {
	font-size: 52px;
}
.blog-details-content {
	padding: 25px 21px 39px;
}
.sidebar-box {
	padding: 34px 26px 46px;
}
.blog-details-meta a {
	margin-right: 1px;
	font-size: 10px;
}
.blog-details-meta span {
	margin-right: 1px;
	font-size: 10px;
}
.meta-blog-right {
	margin-left: 4px;
	font-size: 10px;
}
.blog-details-title a h1 {
	font-size: 16px;
}
.blog-details-title-two h3 {
	font-size: 17px;
}
.service-details .search-button {
	right: 57px;
}
.sidebar-menu ul li a {
	font-size: 15px;
}
.blog-details-area .search-button {
	right: 73px;
}
.blog-grid-area .section-description p {
	width: 100%;
}
.single-blogs-thumb img {
	margin-bottom: 20px;
}
.breadcumb-title h1 {
	font-size: 42px;
}
.service-details .service-icon-box p {
	font-size: 15px;
}
.single-contacts-boxs {
	margin: 0 -38px 0;
}
.contacts-titles h2 {
	font-size: 29px;
	margin-top: 10px;
}
.faq-area .section-mean-title h1 {
	font-size: 22px;
}

.faq-area .accordion h3 {
	font-size: 11px;
}
.faq-area .accordion li h3 strong::before {
	top: -5px;
}
.faq-area .accordion li h3 strong {
	margin-bottom: 15px;
}
.protfolio-area .section-description p {
	width: 93%;
}
.pracing-single-box {
	margin-bottom: 30px;
}
.price-btn a {
	margin: 38px 41px;
}
.single-contacts-boxs {
	margin: 0 -66px 0;
}
#scrollUp {
	right: 12px;
}

}