@media screen and (min-width: 1700px) and (max-width: 1799px){
/* Home */
.banner-con ul {left: -230px;}
}
@media screen and (min-width: 1600px) and (max-width: 1699px){
/* Home */
.banner-con ul {left: -200px;}
}
@media screen and (min-width: 1500px) and (max-width: 1599px){
/* Home */
.banner-con ul {left: -80px;}
}
@media screen and (min-width: 1441px) and (max-width: 1499px){
/* Home */
.banner-con ul {left: -100px;}
}
@media screen and (max-width: 1440px){
.header {padding: 0px 0;}
.navbar-nav .dropdown-menu {top: 45px;}
.banner-con ul {left: -24px; top: 200px;}
.banner-con ul li {margin: 10px 0;}
.banner-con ul li i {font-size: 12px; height: 32px; width: 32px; line-height: 30px;}
.banner-con .banner_outer_content {padding: 100px 0 185px;}
.banner-con .banner_content {padding: 55px 50px 50px;}
.banner-con .owl-carousel .owl-stage-outer {min-height: 660px;}
/* .banner-con .item img {height: 635px; } */
.banner-con .owl-carousel .owl-nav {right: 322px;}
.service-con {padding: 100px 0;}
.about-con .about_content {padding: 100px 0 90px;}
.about-con .about_wrapper .about-image {top: 85px;}
.about-con .about_wrapper .doted-square {right: -34px; top: 12px;}
.about-con .about_wrapper .about-rightimage {display: none;}
.project_background {padding: 95px 0 280px;}
.project-con {padding-bottom: 100px;}
.project-con .project_wrapper {margin-bottom: 90px;}
.project-con .owl-carousel .owl-nav {margin-top: -25px !important; position: relative; top: 0;}
.project-con .owl-carousel .owl-prev,
.project-con .owl-carousel .owl-next {position: relative;}
.project-con .owl-carousel .owl-prev span,
.project-con .owl-carousel .owl-next span {font-size: 20px; width: 65px; height: 65px; line-height: 65px; border-radius: 15px;}
.project-con .owl-carousel .owl-prev span {left: -70px;}
.project-con .owl-carousel .owl-next span {right: -70px;}
.work-con .work_content {padding: 110px 0;}
.work-con .work_wrapper .work-image {top: 85px;}
.work-con .work_wrapper .doted-square {left: -34px; top: 12px;}
.work-con .work_wrapper .work-leftimage {display: none;}
.partner-con {padding: 95px 0;}
.team-con {padding: 95px 0 100px;}
.testimonial-con {padding: 80px 0 100px;}
.testimonial-con .doted-square {right: -22px;}
.start-con {padding: 95px 0 100px;}
.start-con .image {top: 88px;}
.start-con .image img {width: 240px;}
.map-con iframe {height: 520px;}
.footer-con .middle_portion {padding: 60px 0;}
/* Sub banner */
/* About Page */
.variety-con {padding: 100px 0;}
.aboutpage-con .about_content {padding: 130px 0 145px;}
.aboutpage-con .about_wrapper .about-image {top: 85px;}
.aboutpage-con .about_wrapper .doted-square {left: -34px; top: 12px;}
.aboutpage-con .about_wrapper .about-leftimage {display: none;}
.statistics-con {padding: 95px 0 100px;}
.aboutpage-team {padding-bottom: 156px;}
/* Contact Page */
.contactinfo-con {padding: 100px 0;}
.contactform-con .contact_content {padding: 108px 0 110px;}
.contactform-con .contact_wrapper .contact-image {top: 85px;}
.contactform-con .contact_wrapper .doted-square {left: -34px; top: 12px;}
.contactform-con .contact_wrapper .contact-leftimage {display: none;}
/* Service page */
.servicepage-con {padding: 100px 0 70px;}
/* Team page */
.teampage-con{padding-bottom: 70px;}
/* Project page */
.projectpage-con{padding: 95px 0 70px;}
/* Pricing Page */
.pricing-con {padding: 100px 0;}
/* Blog Page */
.blog-con{padding: 100px 0 70px;}
/* Single Blog */
.blogdetail-con {padding: 100px 0;}
.blog-contactform {padding: 95px 0 100px;}
.singleblog-page {padding: 95px 0 100px;}
/* Service Detail */
.service_detail{padding: 100px 0;}
/* Back to top button */
#button {right: 30px;}
}

@media screen and (min-width: 1440px){
    .header {padding: 0px 0;}
    .navbar-nav .dropdown-menu {top: 45px;}
    .banner-con ul {left: -24px; top: 200px;}
    .banner-con ul li {margin: 10px 0;}
    .banner-con ul li i {font-size: 12px; height: 32px; width: 32px; line-height: 30px;}
    .banner-con .banner_outer_content {padding: 90px 0 185px;}
    .banner-con .banner_content {padding: 55px 50px 50px;}
    .banner-con .owl-carousel .owl-stage-outer {min-height: 660px;}
    /* .banner-con .item img {height: 635px; } */
    .banner-con .owl-carousel .owl-nav {right: 322px;}
    .service-con {padding: 100px 0;}
    .about-con .about_content {padding: 100px 0 90px;}
    .about-con .about_wrapper .about-image {top: 85px;}
    .about-con .about_wrapper .doted-square {right: -34px; top: 12px;}
    .about-con .about_wrapper .about-rightimage {display: none;}
    .project_background {padding: 95px 0 280px;}
    .project-con {padding-bottom: 100px;}
    .project-con .project_wrapper {margin-bottom: 90px;}
    .project-con .owl-carousel .owl-nav {margin-top: -25px !important; position: relative; top: 0;}
    .project-con .owl-carousel .owl-prev,
    .project-con .owl-carousel .owl-next {position: relative;}
    .project-con .owl-carousel .owl-prev span,
    .project-con .owl-carousel .owl-next span {font-size: 20px; width: 65px; height: 65px; line-height: 65px; border-radius: 15px;}
    .project-con .owl-carousel .owl-prev span {left: -70px;}
    .project-con .owl-carousel .owl-next span {right: -70px;}
    .work-con .work_content {padding: 110px 0;}
    .work-con .work_wrapper .work-image {top: 85px;}
    .work-con .work_wrapper .doted-square {left: -34px; top: 12px;}
    .work-con .work_wrapper .work-leftimage {display: none;}
    .partner-con {padding: 95px 0;}
    .team-con {padding: 95px 0 100px;}
    .testimonial-con {padding: 80px 0 100px;}
    .testimonial-con .doted-square {right: -22px;}
    .start-con {padding: 95px 0 100px;}
    .start-con .image {top: 88px;}
    .start-con .image img {width: 240px;}
    .map-con iframe {height: 520px;}
    .footer-con .middle_portion {padding: 60px 0;}
    /* Sub banner */
    /* About Page */
    .variety-con {padding: 100px 0;}
    .aboutpage-con .about_content {padding: 130px 0 145px;}
    .aboutpage-con .about_wrapper .about-image {top: 85px;}
    .aboutpage-con .about_wrapper .doted-square {left: -34px; top: 12px;}
    .aboutpage-con .about_wrapper .about-leftimage {display: none;}
    .statistics-con {padding: 95px 0 100px;}
    .aboutpage-team {padding-bottom: 156px;}
    /* Contact Page */
    .contactinfo-con {padding: 100px 0;}
    .contactform-con .contact_content {padding: 108px 0 110px;}
    .contactform-con .contact_wrapper .contact-image {top: 85px;}
    .contactform-con .contact_wrapper .doted-square {left: -34px; top: 12px;}
    .contactform-con .contact_wrapper .contact-leftimage {display: none;}
    /* Service page */
    .servicepage-con {padding: 100px 0 70px;}
    /* Team page */
    .teampage-con{padding-bottom: 70px;}
    /* Project page */
    .projectpage-con{padding: 95px 0 70px;}
    /* Pricing Page */
    .pricing-con {padding: 100px 0;}
    /* Blog Page */
    .blog-con{padding: 100px 0 70px;}
    /* Single Blog */
    .blogdetail-con {padding: 100px 0;}
    .blog-contactform {padding: 95px 0 100px;}
    .singleblog-page {padding: 95px 0 100px;}
    /* Service Detail */
    .service_detail{padding: 100px 0;}
    /* Back to top button */
    #button {right: 30px;}
    }
@media screen and (max-width: 1199px){
h1 {font-size: 50px; line-height: 58px;}
h2 {font-size: 42px; line-height: 48px;}
h3 {font-size: 34px; line-height: 38px;}
h6 {font-size: 16px; line-height: 22px; letter-spacing: 1.8px;}
p {font-size: 18px; line-height: 30px;}
.text-size-16 {font-size: 16px; line-height: 26px;}
.all_button {min-width: 162px; height: 52px; padding: 16px;}
.header {padding: 20px 0;}
.navbar-nav li {margin: 0 6px;}
.navbar-nav li:last-child {margin-left: 6px;}
.banner-con ul {left: 16px; top: unset; bottom: 90px; z-index: 3;}
.banner-con ul li {margin: 0 3px; display: inline-block;}
.banner-con ul li:first-child {margin-left: 0;}
.banner-con ul li:last-child {margin-right: 0;}
.banner-con .banner_outer_content {width: 450px; padding: 70px 0 140px;}
.banner-con .banner_content {padding: 40px 25px 50px;}
.banner-con .owl-carousel .owl-stage-outer {min-height: 666px;}
.banner-con .item img {height: 525px;}
.banner-con .owl-carousel .owl-nav {right: 282px;}
.banner-con .owl-carousel .owl-prev span,
.banner-con .owl-carousel .owl-next span {font-size: 18px; width: 55px; height: 55px; line-height: 55px;}
.banner-con .owl-carousel .owl-prev span {left: -30px;}
.service-con {padding: 80px 0;}
.service-con .service_wrapper .doted-square {left: -58px; top: 300px;}
.service-con .doted-square img {width: 140px;}
.service-con .service_wrapper .box-top {top: 170px;}
.service-con .service_wrapper .service-box {padding: 25px 16px;}
.service-con .service_wrapper .service-box .icon {margin-bottom: 12px; min-height: 63px;}
.service-con .service_wrapper .service-box .icon img{width: 65px;}
.service-con .service_content {padding: 125px 0 0 0;}
.about-con .about_wrapper .about-image {top: 80px;}
.about-con .about_wrapper .doted-square {right: -24px; top: 30px;}
.about-con .doted-square img {width: 140px;}
.about-con .about_content {padding: 75px 0 80px;}
.about-con .about_wrapper .box {right: 42px; bottom: -120px; padding: 6px 30px 20px;}
.about-con .about_wrapper .box .number {font-size: 48px; line-height: 48px;}
.about-con .about_wrapper .box .text {font-size: 16px; line-height: 20px; display: inline-block;}
.project_background {padding: 75px 0 230px;}
.project_background .project_content h2 {margin-bottom: 40px;}
.project-con {margin-top: -230px; padding-bottom: 80px;}
.project-con .project_wrapper {margin-bottom: 80px;}
.project-con .project-box .content {padding: 10px; width: 275px; bottom: -50px;}
.project-con .owl-carousel .owl-stage-outer {min-height: 495px;}
.project-con .owl-carousel .owl-prev span,
.project-con .owl-carousel .owl-next span {font-size: 18px; width: 55px; height: 55px; line-height: 55px;}
.project-con .owl-carousel .owl-prev span {left: -60px;}
.project-con .owl-carousel .owl-next span {right: -60px;}
.work-con .work_wrapper .work-image {top: 120px;}
.work-con .work_wrapper .doted-square {left: -20px; top: 55px;}
.work-con .doted-square img {width: 140px;}
.work-con .work_content {padding: 75px 0 80px;}
.work-con .work_content h2 {margin-bottom: 30px;}
.work-con .work_content ul {margin-bottom: 30px; padding-left: 95px;}
.work-con .work_content ul li {margin-bottom: 25px;}
.work-con .work_content ul li .box {left: -95px;}
.work-con .work_content ul li span {font-size: 34px; width: 65px; height: 65px; line-height: 52px;}
.work-con .work_content ul li .content::before {top: 60px;}
.partner-con {padding: 75px 0;}
.partner-con .partner_content h2 {margin-bottom: 40px;}
.partner-con .box {height: 125px;}
.team-con {padding: 75px 0 80px;}
.team-con .team_content h2 {margin-bottom: 40px;}
.team-con .team-box .content {padding: 16px 25px; width: 255px;}
.testimonial-con {padding: 145px 0 80px;}
.testimonial-con .doted-square {right: -10px; top: -62px;}
.testimonial-con .doted-square img{width: 140px;}
.testimonial-con .testimonial_wrapper {width: 100%;}
.testimonial-con .testimonial_wrapper .testimonial-image {left: 55px;}
.testimonial-con .testimonial_wrapper .testimonial-image img{width: 250px;}
.testimonial-con .testimonial_content {padding: 45px 15px;}
.testimonial-con .content .testimonial-quote {margin-bottom: 12px;}
.testimonial-con .content p {margin-bottom: 12px;}
.start-con {padding: 75px 0 80px;}
.start-con .image {display: none;}
.start-con .start_content h1 {font-size: 42px; line-height: 48px; margin-bottom: 14px;}
.start-con .start_content p {margin-bottom: 25px;}
.footer-con .middle_portion {padding: 60px 0;}
.footer-con .middle_portion .footer-logo {margin-bottom: 18px;}
.footer-con .middle_portion .logo-content input {padding: 10px 20px 14px; height: 52px;}
.footer-con .middle_portion .logo-content .btn {width: 55px;}
.footer-con .middle_portion .links {padding-left: 15px;}
/* Sub banner */
.sub-banner .sub_banner_outer {padding: 85px 0 170px;}
.sub-banner .sub_banner_content {padding: 56px 40px 55px 90px;}
.sub-banner .sub_banner_content h1::before {left: -60px; width: 40px;}
.sub-banner .sub_banner_wrapper .subbanner-image {left: -125px;}
/* About Page */
.variety-con {padding: 80px 0;}
.variety-con .variety-box {padding: 35px 15px 30px;}
.variety-con .variety-box .icon {margin-bottom: 15px; min-height: 68px;}
.variety-con .variety-box .icon img{width: 65px;}
.aboutpage-con .about_wrapper .about-image {top: 100px;}
.aboutpage-con .about_wrapper .doted-square {left: -20px; top: 42px;}
.aboutpage-con .doted-square img {width: 140px;}
.aboutpage-con .about_content {padding: 75px 0 80px;}
.aboutpage-con .about_content h2 {margin-bottom: 15px;}
.aboutpage-con .about_content p {margin-bottom: 10px;}
.aboutpage-con .about_content ul {margin-bottom: 30px;}
.statistics-con {padding: 75px 0 80px;}
.statistics-con .statistics_content h2 {margin-bottom: 40px;}
.statistics-con .box {padding: 32px; height: 140px;}
.statistics-con .box .number {font-size: 40px; line-height: 40px;}
.statistics-con .box .plus {font-size: 24px; line-height: 24px;}
.aboutpage-team {padding-bottom: 136px;}
/* Contact Page */
.contactinfo-con {padding: 80px 0;}
.contactinfo-con .contact-box {padding: 30px 25px 35px;}
.contactinfo-con .contact-box .icon {margin-bottom: 15px; min-height: 68px;}
.contactinfo-con .contact-box .icon img{width: 65px;}
.contactinfo-con .contact-box .icon1 img{width: 55px;}
.contactform-con .contact_wrapper .contact-image {top: 118px;}
.contactform-con .contact_wrapper .doted-square {left: -20px; top: 50px;}
.contactform-con .doted-square img {width: 140px;}
.contactform-con .contact_content {padding: 75px 0 80px;}
.contactform-con .contact_content h2 {margin-bottom: 25px;}
.contactform-con .contact_content input,
.contactform-con .contact_content textarea {padding: 13px 20px 17px;}
.contactform-con .contact_content textarea {height: 115px;}
.contactform-con .contact_content .submit {min-width: 162px; height: 52px; padding: 15px 16px 17px;}
/* Service page */
.servicepage-con {padding: 80px 0 50px;}
.servicepage-con .service-box {padding: 25px 16px;}
.servicepage-con .service-box .icon {margin-bottom: 12px; min-height: 63px;}
.servicepage-con .service-box .icon img{width: 65px;}
.servicepage-con .service-box p {font-size: 16px; line-height: 26px; margin-bottom: 10px;}
/* Team page */
.teampage-con{padding-bottom: 50px;}
/* Project page */
.projectpage-con{padding: 75px 0 45px;}
.projectpage-con .project_content h2 {margin-bottom: 40px;}
.projectpage-con .project-box .content {padding: 10px; width: 275px; bottom: -50px;}
/* Pricing Page */
.pricing-con {padding: 80px 0;}
.pricing-con .pricing-box {padding: 30px 20px 40px;}
.pricing-con .pricing-box .price {font-size: 50px; line-height: 54px;}
.pricing-con .pricing-box .month {margin-bottom: 22px;}
.pricing-con .pricing-box ul {margin-bottom: 28px;}
.pricing-con .pricing-box ul li p {padding-left: 28px;}
/* Blog Page */
.blog-con{padding: 80px 0 50px;}
.blog-con .blog-box .content {padding: 16px; width: 265px;}
.blog-con .blog-box .content h5 {font-size: 18px; line-height: 24px; margin-bottom: 6px;}
.blog-con .blog-box .content p {font-size: 16px; line-height: 24px; margin-bottom: 8px;}
/* Single Blog */
.blogdetail-con {padding: 80px 0;}
.blogdetail-con .upper_content {margin-bottom: 40px;}
.blogdetail-con .blogdetail-image img {width: 470px;}
.blogdetail-con .content {padding: 25px; width: 600px;}
.blogdetail-con .content h3 {font-size: 26px; line-height: 32px; margin-bottom: 10px;}
.blogdetail-con .content p {margin-bottom: 8px;}
.blogdetail-con .list {margin-bottom: 40px;}
.blogdetail-con .list ul li i {font-size: 10px; height: 15px; width: 15px; line-height: 15px;}
.blogdetail-con .list ul li p {font-size: 15px; line-height: 26px; padding-left: 22px;}
.blogdetail-con .blogdetail_box {padding: 28px 28px 32px;}
.blogdetail-con .blogdetail_box p {margin-bottom: 20px;}
.blog-contactform {padding: 75px 0 80px;}
.blog-contactform .contactform_content h2 {margin-bottom: 25px;}
.blog-contactform form input,
.blog-contactform form textarea {padding: 13px 20px 17px;}
.blog-contactform form textarea {height: 115px;}
.blog-contactform form .submit {min-width: 162px; height: 52px; padding: 15px 16px 17px;}
.singleblog-page {padding: 75px 0 80px;}
.singleblog-page .blog_content h2 {margin-bottom: 40px;}
/* Service Detail */
.service_detail {padding: 80px 0;}
.service_detail .main-box .image {margin-bottom: 20px;}
.service_detail .main-box .text1 {margin-bottom: 8px;}
.service_detail .main-box .text2 {margin-bottom: 14px;}
.service_detail .main-box .list {margin-bottom: 14px;}
.service_detail .main-box .list li {margin-bottom: 5px; padding-left: 24px;}
.service_detail .main-box .list li i {height: 16px; width: 16px; line-height: 16px; top: 8px; font-size: 10px;}
.servicedetail-page h2 {margin-bottom: 40px;}
.projectdetail-page h2 {margin-bottom: 40px;}
/* 404 Page */
.error_page .error_content h1 {font-size: 130px; line-height: 130px; margin-bottom: 18px;}
.error_page .error_content .text {font-size: 42px; line-height: 46px; margin-bottom: 18px;}
.error_page .error_content .back_home {font-size: 18px; line-height: 18px; padding: 16px 30px 18px;}
/* Coming Soon */
.comingsoon_outer .sub_banner_content h1 {font-size: 80px; line-height: 86px; margin-bottom: 26px;}
.comingsoon_outer .sub_banner_content input {width: 500px;}
/* Back to top button */
#button {width: 60px; height: 60px; bottom: 55px;}
}

@media screen and (max-width: 991px) {
h1 {font-size: 44px; line-height: 54px;}
h2 {font-size: 38px; line-height: 46px;}
p {font-size: 16px; line-height: 26px;}
.text-size-18 {font-size: 18px; line-height: 26px;}
.all_button {min-width: 155px; height: 50px; padding: 14px;}
.navbar-toggler {margin-left: auto; border: none !important; padding: 0; width: 30px; height: 22px;}
.navbar-light .navbar-toggler-icon {background: var(--e-global-color-white); height: 2px; margin: 7px 0 0 0; width: 100%; float: right;}
.navbar-toggler.collapsed span:nth-child(1) {transform: rotate(0deg);}
.navbar-toggler span.navbar-toggler-icon:first-child {margin-top: 0;}
.navbar-toggler span:nth-child(1) {transform: rotate(45deg); transform-origin: 0% 80%;}
.navbar-toggler span.navbar-toggler-icon {transition: all 0.15s}
.navbar-toggler.collapsed span:nth-child(2) {opacity: 1;}
.navbar-toggler span:nth-child(2) {opacity: 0;}
.navbar-toggler.collapsed span:nth-child(3) {transform: rotate(0deg);}
.navbar-toggler span:nth-child(3) {transform: rotate(-45deg); transform-origin: 15% 100%;}
.collapse:not(.show) {display: none;}
button:focus {outline: none;}
.navbar-collapse {background: var(--e-global-color-white); position: absolute; right: 0px; width: 100%; top: 56px; border-radius: 15px; z-index: 16; padding: 0; box-shadow: 0px 0px 100px rgb(0 0 0 / 25%);}
.navbar-collapse .drop-down-pages {margin-left: 0;}
.navbar-collapse ul{align-items: unset; text-align: unset; margin-left: 0;}
.navbar li {margin: 0; border-bottom: 1px solid var(--e-global-color-white);}
.navbar-nav li:last-child {margin: 0; border: none;}
.navbar-nav .nav-item a {padding: 10px 20px 12px !important; color: var(--e-global-color-primary) !important;}
.navbar-nav .nav-item a:hover {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent); border-radius: 0;}
.navbar-nav .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent); border-radius: 0;}
.navbar-nav li:first-child a:hover {border-radius: 15px 15px 0 0;}
.navbar-nav .active:first-child > a {border-radius: 15px 15px 0 0;}
.navbar-nav .nav-item:last-child a:hover {border-radius: 0 0 15px 15px;}
.navbar-nav .active:last-child > a {border-radius: 0 0 15px 15px;}
.navbar-nav .drop-down-pages .nav-item a {padding: 6px 32px 8px !important; color: var(--e-global-color-primary) !important; white-space: break-spaces; position: relative;}
.navbar-nav .drop-down-pages .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent) !important;}
.navbar-nav .drop-down-pages .active > a:hover {background-color: var(--e-global-color-accent) !important;}
.navbar-nav .nav-item .dropdown-item:hover {background-color: var(--e-global-color-accent) !important;}
.navbar-nav .dropdown-menu {position: static; border: none; margin-top: 2px; background-color: var(--e-global-color-white); box-shadow: none; min-width: 100%;}
.navbar-nav .drop-down-pages a {padding: 0 !important;}
.navbar-nav .drop-down-pages li:first-child a::before {display: none;}
.navbar-nav .drop-down-pages li:first-child a:hover::before {display: none;}
.navbar-nav .drop-down-pages .active:first-child > a::before{display: none;}
.navbar-nav .drop-down-pages .nav-item:first-child a:hover {border-radius: 0;}
.navbar-nav .drop-down-pages .active:first-child > a {border-radius: 0;}
.navbar-nav .drop-down-pages .nav-item:last-child a:hover {border-radius: 0;}
.navbar-nav .drop-down-pages .active:last-child > a {border-radius: 0;}
.navbar-nav li .contact_us {font-weight: 400; min-width: auto; height: auto; box-shadow: none; display: block;}
.banner_outer::after {width: 63%;}
.banner-con ul {left: 18px; bottom: 55px;}
.banner-con ul li {margin: 0 3px;}
.banner-con .banner_outer_content {padding: 50px 0 100px;}
.banner-con .banner_content {padding: 35px 30px 45px;}
.banner-con .banner_content h1 {margin-bottom: 12px;}
.banner-con .banner_content p {margin-bottom: 22px;}
.banner-con .owl-carousel .owl-stage-outer {min-height: 574px;}
.banner-con .item img {height: 448px;}
.banner-con .owl-carousel .owl-nav {right: 238px;}
.banner-con .owl-carousel .owl-prev span,
.banner-con .owl-carousel .owl-next span {font-size: 16px; width: 50px; height: 50px; line-height: 50px;}
.banner-con .owl-carousel .owl-prev span {left: -20px;}
.service-con {padding: 60px 0;}
.service-con .service_wrapper{margin-bottom: 25px;}
.service-con .service_wrapper .doted-square {left: -38px; top: 310px;}
.service-con .doted-square img {width: 110px;}
.service-con .service_wrapper .box-top {top: 155px;}
.service-con .service_wrapper .service-box {padding: 30px;}
.service-con .service_wrapper .service-box .icon {margin-bottom: 10px; min-height: 58px;}
.service-con .service_wrapper .service-box .icon img{width: 60px;}
.service-con .service_content {width: 600px; padding: 0; margin: 0 auto;}
.service-con .service_content h2 {margin-bottom: 15px;}
.service-con .service_content .text2 {margin-bottom: 25px;}
.about-con {padding: 60px 0; background-color: var(--e-global-color-light-grayish-blue);}
.about-con .about_wrapper {margin-bottom: 25px;}
.about-con .about_wrapper .about-image {top: 0; display: inline-block; background: transparent;}
.about-con .about_wrapper .about-image img {width: 480px;}
.about-con .about_wrapper .doted-square {right: 60px; top: -38px;}
.about-con .doted-square img {width: 110px;}
.about-con .about_wrapper .box {right: 130px; bottom: -40px; padding: 4px 25px 14px;}
.about-con .about_wrapper .box .number {font-size: 42px; line-height: 42px;}
.about-con .about_wrapper .box .text {font-size: 14px; line-height: 18px;}
.about-con .about_content {width: 600px; padding: 0; margin: 0 auto;}
.about-con .about_content::before {display: none;}
.about-con .about_content h2 {margin-bottom: 15px;}
.about-con .about_content p {padding-right: 0;}
.about-con .about_content .text2 {margin-bottom: 25px;}
.project_background {padding: 55px 0 270px;}
.project_background .project_content h2 {margin-bottom: 35px;}
.project-con {margin-top: -270px; padding-bottom: 60px;}
.project-con .project_wrapper {margin-bottom: 75px;}
.project-con .owl-carousel .owl-stage-outer {min-height: 560px;}
.project-con .project-box .content {padding: 15px; width: 300px; bottom: -60px;}
.project-con .owl-carousel .owl-nav {margin-top: -20px !important;}
.project-con .owl-carousel .owl-prev span,
.project-con .owl-carousel .owl-next span {font-size: 17px; width: 50px; height: 50px; line-height: 50px;}
.project-con .owl-carousel .owl-prev span {left: -55px;}
.project-con .owl-carousel .owl-next span {right: -55px;}
.work-con {padding: 60px 0; background-color: var(--e-global-color-light-grayish-blue);}
.work-con .work_wrapper {margin-bottom: 25px;}
.work-con .work_wrapper .work-image {top: 0; display: inline-block; background: transparent;}
.work-con .work_wrapper .work-image img {width: 480px;}
.work-con .work_wrapper .doted-square {left: 60px; top: -38px;}
.work-con .doted-square img {width: 110px;}
.work-con .work_content {width: 600px; padding: 0; margin: 0 auto;}
.work-con .work_content::before {display: none;}
.work-con .work_content h2 {margin-bottom: 20px;}
.work-con .work_content ul {margin-bottom: 25px; padding-left: 80px;}
.work-con .work_content ul li {margin-bottom: 20px;}
.work-con .work_content ul li .box {left: -80px;}
.work-con .work_content ul li span {font-size: 30px; width: 60px; height: 60px; line-height: 50px;}
.work-con .work_content ul li .content::before {left: -50px;}
.partner-con {padding: 55px 0; background-image: none;}
.partner-con .partner_content h2 {margin-bottom: 35px;}
.partner-con .box {height: 120px;}
.partner-con .owl-carousel .owl-dots {margin-top: 24px !important;}
.team-con {padding: 55px 0 60px;}
.team-con .team_content h2 {margin-bottom: 30px;}
.team-con .team_wrapper {margin-bottom: 90px;}
.team-con .team-box .content {padding: 8px 16px 12px; width: 185px;}
.team-con .team-box .content h5 {font-size: 18px; line-height: 24px; margin-bottom: 2px;}
.team-con .team-box .content span {font-size: 14px; line-height: 20px; margin-bottom: 6px;}
.team-con .team-box .content i {font-size: 11px; height: 28px; width: 28px; line-height: 27px;}
.testimonial-con {padding: 72px 0 60px;}
.testimonial-con .doted-square {right: 0; top: -52px;}
.testimonial-con .doted-square img {width: 110px;}
.testimonial-con .testimonial_wrapper .testimonial-image {left: 35px;}
.testimonial-con .testimonial_wrapper .testimonial-image img {width: 200px;}
.testimonial-con .testimonial_content {padding: 30px 20px 30px 10px;}
.testimonial-con .content .testimonial-quote {margin-bottom: 10px;}
.testimonial-con .content .testimonial-quote img{width: 35px;}
.testimonial-con .content p {margin-bottom: 12px;}
.testimonial-con .review-content {padding-left: 70px;}
.testimonial-con .review-content .testimonial-personimage img{width: 55px;}
.testimonial-con .review-content .detail {padding: 8px 0;}
.testimonial-con .review-content .name {font-size: 18px; line-height: 20px; margin-bottom: 2px;}
.testimonial-con .review-content .position {font-size: 14px; line-height: 20px;}
.testimonial-con .owl-carousel .owl-dots .owl-dot span {width: 20px; height: 4px; margin: 0 3px;}
.start-con {padding: 55px 0 60px;}
.start-con .start_content h1 {font-size: 38px; line-height: 46px; margin-bottom: 12px;}
.start-con .start_content p {margin-bottom: 20px;}
.map-con iframe {height: 350px;}
.footer-con {background-image: none;}
.footer-con .middle_portion {padding: 50px 0;}
.footer-con .middle_portion .logo-content {padding-top: 0; margin-bottom: 35px;}
.footer-con .middle_portion .footer-logo {margin-bottom: 16px;}
.footer-con .middle_portion .logo-content p {margin-bottom: 20px;}
.footer-con .middle_portion .logo-content input {padding: 10px 16px 12px; height: 50px;}
.footer-con .middle_portion .logo-content .btn {width: 50px;}
.footer-con .middle_portion h5 {margin-bottom: 15px;}
.footer-con .middle_portion li {padding-left: 12px; margin-bottom: 8px;}
.footer-con .middle_portion li i {top: -3px; left: -12px;}
.footer-con .middle_portion .links {padding-left: 0;}
.footer-con .middle_portion .service_links {padding-left: 30px;}
.footer-con .middle_portion .icon {padding-left: 30px; margin-bottom: 35px;}
.footer-con .middle_portion .icon li {margin-bottom: 8px;}
.footer-con .copyright p {font-size: 14px; line-height: 14px; padding: 15px 0;}
/* Sub banner */
.sub-banner .sub_banner_outer {padding: 56px 0 120px;}
.sub-banner .sub_banner_content {padding: 40px 25px 50px 70px;}
.sub-banner .sub_banner_content h1 {margin-bottom: 12px;}
.sub-banner .sub_banner_content h1::before {left: -42px; width: 30px;}
.sub-banner .sub_banner_wrapper .subbanner-image {left: -220px;}
/* About Page */
.variety-con {padding: 60px 0;}
.variety-con .variety-box {padding: 30px 13px 25px;}
.variety-con .variety-box .icon {margin-bottom: 10px; min-height: 62px;}
.variety-con .variety-box .icon img{width: 56px;}
.variety-con .variety-box h5 {font-size: 18px; line-height: 24px; margin-bottom: 5px;}
.variety-con .variety-box p {font-size: 16px; line-height: 24px;}
.aboutpage-con {padding: 60px 0; background-color: var(--e-global-color-light-grayish-blue);}
.aboutpage-con .about_wrapper {margin-bottom: 25px;}
.aboutpage-con .about_wrapper .about-image {top: 0; display: inline-block; background: transparent;}
.aboutpage-con .about_wrapper .about-image img {width: 480px;}
.aboutpage-con .about_wrapper .doted-square {left: 60px; top: -38px;}
.aboutpage-con .doted-square img {width: 110px;}
.aboutpage-con .about_content {width: 560px; padding: 0; margin: 0 auto;}
.aboutpage-con .about_content::before {display: none;}
.aboutpage-con .about_content h2 {margin-bottom: 10px;}
.aboutpage-con .about_content ul {margin-bottom: 24px;}
.aboutpage-con .about_content ul li i {height: 16px; width: 16px; line-height: 16px;}
.aboutpage-con .about_content ul li p {padding-left: 28px;}
.statistics-con {padding: 55px 0 60px; background-image: none;}
.statistics-con .statistics_content h2 {margin-bottom: 35px;}
.statistics-con .box {padding: 20px 10px; height: 105px;}
.statistics-con .box .number {font-size: 30px; line-height: 30px;}
.statistics-con .box .plus {font-size: 18px; line-height: 18px;}
.statistics-con .box .text {font-size: 15px; line-height: 20px;}
.aboutpage-team {padding-bottom: 116px;}
/* Contact Page */
.contactinfo-con {padding: 60px 0;}
.contactinfo-con .contact-box {padding: 30px 13px 25px;}
.contactinfo-con .contact-box .icon {margin-bottom: 10px; min-height: 58px;}
.contactinfo-con .contact-box .icon img{width: 55px;}
.contactinfo-con .contact-box .icon1 img{width: 45px;}
.contactinfo-con .contact-box h5 {font-size: 18px; line-height: 24px; margin-bottom: 5px;}
.contactinfo-con .contact-box p {font-size: 14px; line-height: 24px;}
.contactinfo-con .contact-box a {font-size: 14px; line-height: 22px;}
.contactform-con {padding: 60px 0; background-color: var(--e-global-color-light-grayish-blue);}
.contactform-con .contact_wrapper {margin-bottom: 25px;}
.contactform-con .contact_wrapper .contact-image {top: 0; display: inline-block; background: transparent;}
.contactform-con .contact_wrapper .contact-image img {width: 480px;}
.contactform-con .contact_wrapper .doted-square {left: 60px; top: -38px;}
.contactform-con .doted-square img {width: 110px;}
.contactform-con .contact_content {width: 560px; padding: 0; margin: 0 auto;}
.contactform-con .contact_content::before {display: none;}
.contactform-con .contact_content .form-group {margin-bottom: 15px;}
.contactform-con .contact_content .submit {min-width: 155px; height: 50px; padding: 15px 14px 18px;}
/* Service page */
.servicepage-con {padding: 60px 0 30px;}
.servicepage-con .service-box {padding: 25px 12px;}
.servicepage-con .service-box .icon {margin-bottom: 10px; min-height: 58px;}
.servicepage-con .service-box .icon img{width: 60px;}
.servicepage-con .service-box h5 {font-size: 18px; line-height: 22px; margin-bottom: 5px;}
/* Team page */
.teampage-con{padding-bottom: 30px;}
/* Project page */
.projectpage-con{padding: 55px 0 35px;}
.projectpage-con .project_content h2 {margin-bottom: 35px;}
.projectpage-con .project-box .content {padding: 15px; width: 300px; bottom: -60px;}
/* Pricing Page */
.pricing-con {padding: 60px 0;}
.pricing-con .pricing-box {margin-bottom: 30px; padding: 25px 30px 35px;}
.pricing-con .pricing-box h5 {margin-bottom: 5px;}
.pricing-con .pricing-box .price {font-size: 42px; line-height: 48px; margin-bottom: 12px;}
.pricing-con .pricing-box .month {font-size: 16px; line-height: 20px; margin-bottom: 15px; padding: 7px 18px 8px;}
.pricing-con .pricing-box ul li i {font-size: 10px; height: 16px; width: 16px; line-height: 16px; top: 7px;}
.pricing-con .pricing-box ul li p {padding-left: 30px;}
/* Blog Page */
.blog-con{padding: 60px 0 30px;}
.blog-con .blog-box {margin-bottom: 165px;}
.blog-con .blog-box .content {padding: 16px 25px; width: 296px; bottom: -135px;}
/* Single Blog */
.blogdetail-con {padding: 60px 0;}
.blogdetail-con .upper_content {margin-bottom: 30px;}
.blogdetail-con .blogdetail-image img {width: 345px;}
.blogdetail-con .content {padding: 16px; width: 540px;}
.blogdetail-con .icon {margin-bottom: 6px;}
.blogdetail-con .content h3 {font-size: 24px; line-height: 30px; margin-bottom: 8px;}
.blogdetail-con .content p {font-size: 16px; line-height: 24px; margin-bottom: 6px;}
.blogdetail-con .list {margin-bottom: 30px;}
.blogdetail-con .list ul li {margin-bottom: 6px;}
.blogdetail-con .list ul li i {font-size: 9px; height: 14px; width: 14px; line-height: 14px;}
.blogdetail-con .list ul li p {font-size: 15px; line-height: 22px; padding-left: 224x;}
.blogdetail-con .blogdetail_box {padding: 24px 22px 30px;}
.blogdetail-con .blogdetail_box p {margin-bottom: 18px;}
.blogdetail-con .review-content .testimonial-personimage img{width: 55px;}
.blogdetail-con .review-content .detail {padding-left: 16px;}
.blogdetail-con .review-content .name {font-size: 18px; line-height: 20px; margin-bottom: 2px;}
.blogdetail-con .review-content .position {font-size: 14px; line-height: 20px;}
.blog-contactform {padding: 55px 0 60px;}
.blog-contactform form .form-group {margin-bottom: 15px;}
.blog-contactform form input,
.blog-contactform form textarea {font-size: 16px; line-height: 18px; padding: 12px 20px 16px;}
.blog-contactform form .submit {min-width: 155px; height: 50px; padding: 15px 14px 18px;}
.singleblog-page {padding: 55px 0 30px;}
.singleblog-page .blog_content h2 {margin-bottom: 35px;}
.singleblog-page .blog-box {margin-bottom: 165px !important;}
/* Service Detail */
.service_detail {padding: 60px 0;}
.service_detail .main-box .image {margin-bottom: 15px; text-align: center;}
.service_detail .main-box h3{font-size: 30px; line-height: 36px; margin-bottom: 5px;}
.service_detail .main-box .text1 {font-size: 16px; line-height: 24px;}
.service_detail .main-box .list li {font-size: 16px; line-height: 24px;}
.service_detail .main-box .list li i {font-size: 11px; height: 15px; width: 15px; line-height: 15px; top: 7px;}
.servicedetail-page h2 {margin-bottom: 35px;}
.projectdetail-page h2 {margin-bottom: 35px;}
/* 404 Page */
.error_page .error_content h1 {font-size: 112px; line-height: 116px; margin-bottom: 14px;}
.error_page .error_content .text {font-size: 36px; line-height: 40px; margin-bottom: 14px;}
.error_page .error_content .text2 {font-size: 18px; line-height: 26px;}
.error_page .error_content .back_home {padding: 14px 20px 16px;}
/* Coming Soon */
.comingsoon_outer .logo_outer {margin-bottom: 65px;}
.comingsoon_outer .sub_banner_content h1 {font-size: 76px; line-height: 80px; margin-bottom: 22px;}
.comingsoon_outer .sub_banner_content input {font-size: 16px; line-height: 16px; padding : 12px 20px 14px; width: 480px;}
.comingsoon_outer .sub_banner_content button {font-size: 16px; line-height: 16px; padding: 14px 24px 16px;}
/* Back to top button */
#button {width: 55px; height: 55px; bottom: 50px; right: 20px;}
#button::after {font-size: 18px; line-height: 18px;}
}

@media screen and (max-width: 767px){
h1 {font-size: 38px; line-height: 48px;}
h2 {font-size: 34px; line-height: 42px;}
h5 {font-size: 18px; line-height: 24px;}
.text-size-18 {font-size: 16px; line-height: 24px;}
.all_button {font-size: 16px; line-height: 16px; min-width: 135px; height: 42px; padding: 12px;}
.header .logo img {width: 175px;}
.banner_outer {background: var(--e-global-color-very-dark-blue);}
.banner_outer::after {display: none;}
.banner-con {padding: 25px 0;}
.banner-con ul {display: none;}
.banner-con .banner_outer_content {width: 510px; padding: 0; margin-bottom: 30px;}
.banner-con .banner_content {padding: 0 30px;}
.banner-con .banner_content h1 {margin-bottom: 10px;}
.banner-con .banner_content p {margin-bottom: 20px;}
.banner-con .banner_content .get_started{margin-bottom: 18px;}
.banner-con .banner_content ul {display: block; position: relative; bottom: 0; left: 0;}
.banner-con .banner_wrapper {padding: 0 15px; position: relative; top: 0; width: 100%;}
.banner-con .owl-carousel .owl-stage-outer {min-height: 440px;}
.banner-con .item img {height: 369px;}
.banner-con .owl-carousel .owl-nav {position: relative; right: 0; bottom: 64px;}
.banner-con .owl-carousel .owl-prev,
.banner-con .owl-carousel .owl-next {position: relative;}
.banner-con .owl-carousel .owl-prev span,
.banner-con .owl-carousel .owl-next span {font-size: 16px; width: 45px; height: 45px; line-height: 45px; border-radius: 15px;}
.banner-con .owl-carousel .owl-prev span {left: -50px;}
.banner-con .owl-carousel .owl-next span {right: -50px;}
.service-con {padding: 40px 0;}
.service-con .service_wrapper {margin-bottom: 20px;}
.service-con .service_wrapper .doted-square {display: none;}
.service-con .service_wrapper .box-top {top: 155px;}
.service-con .service_wrapper .service-box {padding: 25px;}
.service-con .service_wrapper .service-box p {margin-bottom: 10px;}
.service-con .service_content {width: 480px;}
.service-con .service_content h6 {margin-bottom: 3px;}
.service-con .service_content h2 {margin-bottom: 12px;}
.service-con .service_content .text1 {margin-bottom: 10px;}
.service-con .service_content .text2 {margin-bottom: 20px;}
.about-con {padding: 40px 0;}
.about-con .about_wrapper {margin-bottom: 20px;}
.about-con .about_wrapper .about-image img {width: 415px;}
.about-con .about_wrapper .doted-square {display: none;}
.about-con .about_wrapper .box {right: 85px; bottom: -25px; padding: 4px 22px 12px;}
.about-con .about_wrapper .box .number {font-size: 38px; line-height: 38px; margin-bottom: 8px;}
.about-con .about_content {width: 480px;}
.about-con .about_content h6 {margin-bottom: 3px;}
.about-con .about_content h2 {margin-bottom: 12px;}
.about-con .about_content .text1 {margin-bottom: 10px;}
.about-con .about_content .text2 {margin-bottom: 20px;}
.project_background {padding: 35px 0 220px;}
.project_background .project_content h6 {margin-bottom: 3px;}
.project_background .project_content h2 {margin-bottom: 22px;}
.project-con {margin-top: -220px; padding-bottom: 40px;}
.project-con .project_wrapper {margin-bottom: 65px;}
.project-con .project-box .content {padding: 12px; width: 235px; bottom: -45px;}
.project-con .project-box .content h5 {font-size: 16px; line-height: 20px; margin-bottom: 4px;}
.project-con .project-box .content span {font-size: 14px; line-height: 20px; margin-bottom: 6px;}
.project-con .project-box .content a {font-size: 14px; line-height: 14px;}
.project-con .owl-carousel .owl-stage-outer {min-height: 425px;}
.project-con .owl-carousel .owl-nav {margin-top: -28px !important;}
.project-con .owl-carousel .owl-prev span,
.project-con .owl-carousel .owl-next span {font-size: 16px; width: 45px; height: 45px; line-height: 45px;}
.project-con .owl-carousel .owl-prev span {left: -50px;}
.project-con .owl-carousel .owl-next span {right: -50px;}
.work-con {padding: 40px 0;}
.work-con .work_wrapper {margin-bottom: 20px;}
.work-con .work_wrapper .work-image img {width: 415px;}
.work-con .work_wrapper .doted-square {display: none;}
.work-con .work_content {width: 480px;}
.work-con .work_content h6 {margin-bottom: 3px;}
.work-con .work_content h2 {margin-bottom: 15px;}
.work-con .work_content ul {margin-bottom: 20px; padding-left: 75px;}
.work-con .work_content ul li .box {left: -75px;}
.work-con .work_content ul li span {font-size: 28px; width: 55px; height: 55px; line-height: 45px;}
.work-con .work_content ul li .content::before {top: 50px; left: -48px;}
.work-con .work_content ul li .content h5 {font-size: 18px; line-height: 24px; margin-bottom: 5px;}
.partner-con {padding: 35px 0;}
.partner-con .partner_content h2 {margin-bottom: 30px;}
.team-con {padding: 35px 0 40px;}
.team-con .team_content h6 {margin-bottom: 3px;}
.team-con .team_content h2 {margin-bottom: 22px;}
.team-con .team_wrapper {margin-bottom: 80px;}
.team-con .team-box .content {width: 135px; bottom: -56px; border-radius: 10px; text-align: center; padding: 6px 10px 10px;}
.team-con .team-box .content h5 {font-size: 16px; line-height: 22px; margin-bottom: 0;}
.team-con .team-box .content span {font-size: 12px; line-height: 18px; margin-bottom: 4px;}
.team-con .team-box .content li {margin: 0 1px;}
.team-con .team-box .content i {font-size: 10px; height: 25px; width: 25px; line-height: 23px;}
.testimonial-con {padding: 40px 0;}
.testimonial-con .doted-square {display: none;}
.testimonial-con .testimonial_wrapper {display: none;}
.testimonial-con .testimonial_content {padding: 30px 40px;}
.start-con {padding: 35px 0 40px;}
.start-con .start_content h6 {margin-bottom: 5px;}
.start-con .start_content h1 {font-size: 34px; line-height: 46px; margin-bottom: 10px;}
.start-con .start_content p {margin-bottom: 16px;}
.footer-con .middle_portion {padding: 40px 0;}
.footer-con .middle_portion .footer-logo img{width: 175px;}
.footer-con .middle_portion .logo-content input {font-size: 12px; padding: 8px 10px 12px; height: 45px; border-radius: 10px;}
.footer-con .middle_portion .logo-content .btn {width: 42px; font-size: 14px; border-radius: 0 10px 10px 0;}
.footer-con .middle_portion .logo-content {margin-bottom: 25px;}
.footer-con .middle_portion .service_links {padding-left: 10px;}
.footer-con .middle_portion .icon {padding-left: 10px; margin-bottom: 25px;}
/* Sub banner */
.sub-banner {padding: 20px 0 40px;}
.sub-banner .sub_banner_outer {width: 510px; margin: 0 auto 30px; padding: 0;}
.sub-banner .sub_banner_content {text-align: center; padding: 0;}
.sub-banner .sub_banner_content h1 {margin-bottom: 8px;}
.sub-banner .sub_banner_content h1::before{display: none;}
.sub-banner .sub_banner_content .box span {font-size: 16px; line-height: 20px;}
.sub-banner .sub_banner_content .box .slash {margin: 0 6px;}
.sub-banner .sub_banner_wrapper .subbanner-image {position: relative; top: 0; left: 0;}
/* About Page */
.variety-con {padding: 40px 0;}
.variety-con .variety-box { text-align: center; margin-bottom: 20px;}
.variety-con .variety-box .icon {min-height: auto;}
.aboutpage-con {padding: 40px 0;}
.aboutpage-con .about_wrapper {margin-bottom: 20px;}
.aboutpage-con .about_wrapper .about-image img {width: 415px;}
.aboutpage-con .about_wrapper .doted-square {display: none;}
.aboutpage-con .about_content {width: 480px;}
.aboutpage-con .about_content h6 {margin-bottom: 3px;}
.aboutpage-con .about_content h2 {margin-bottom: 8px;}
.statistics-con {padding: 35px 0 10px;}
.statistics-con .statistics_content h2 {margin-bottom: 30px;}
.statistics-con .box {padding: 20px; margin-bottom: 30px; height: auto;}
.aboutpage-team {padding-bottom: 95px;}
/* Contact Page */
.contactinfo-con {padding: 40px 0;}
.contactinfo-con .contact-box { text-align: center; margin-bottom: 20px;}
.contactinfo-con .contact-box .icon {min-height: auto;}
.contactinfo-con .contact-box p {font-size: 16px; line-height: 24px;}
.contactinfo-con .contact-box a {font-size: 16px; line-height: 24px;}
.contactform-con {padding: 40px 0;}
.contactform-con .contact_wrapper {margin-bottom: 20px;}
.contactform-con .contact_wrapper .contact-image img {width: 415px;}
.contactform-con .contact_wrapper .doted-square {display: none;}
.contactform-con .contact_content {width: 480px;}
.contactform-con .contact_content h6 {margin-bottom: 3px;}
.contactform-con .contact_content h2 {margin-bottom: 20px;}
.contactform-con .contact_content input,
.contactform-con .contact_content textarea {font-size: 16px; line-height: 18px; padding: 11px 18px 15px;}
.contactform-con .contact_content textarea {height: 100px;}
.contactform-con .contact_content .submit {font-size: 16px; line-height: 16px; min-width: 135px; height: 42px; padding: 10px 12px 14px;}
/* Service page */
.servicepage-con {padding: 40px 0 10px;}
.servicepage-con .service-box {padding: 25px;}
.servicepage-con .service-box p {margin-bottom: 10px;}
/* Team page */
.teampage-con{padding-bottom: 10px;}
.teampage-con .team-box .content {width: 180px;}
/* Project page */
.projectpage-con{padding: 35px 0 10px;}
.projectpage-con .project_content h6 {margin-bottom: 3px;}
.projectpage-con .project_content h2 {margin-bottom: 22px;}
.projectpage-con .project-box {margin-bottom: 75px;}
.projectpage-con .project-box .content {padding: 12px; width: 225px; bottom: -45px;}
.projectpage-con .project-box .content h5 {font-size: 15px; line-height: 20px; margin-bottom: 4px;}
.projectpage-con .project-box .content span {font-size: 14px; line-height: 20px; margin-bottom: 6px;}
.projectpage-con .project-box .content a {font-size: 14px; line-height: 14px;}
/* Pricing Page */
.pricing-con {padding: 40px 0;}
.pricing-con .pricing-box {margin-bottom: 30px; padding: 20px 15px 30px;}
.pricing-con .pricing-box h5 {margin-bottom: 3px;}
.pricing-con .pricing-box .price {font-size: 34px; line-height: 40px;}
.pricing-con .pricing-box .month {margin-bottom: 12px; padding: 5px 15px 8px;}
.pricing-con .pricing-box ul {margin-bottom: 20px;}
.pricing-con .pricing-box ul li i {height: 14px; width: 14px; line-height: 14px;}
.pricing-con .pricing-box ul li p {font-size: 15px; line-height: 24px; padding-left: 20px;}
/* Blog Page */
.blog-con{padding: 40px 0 10px;}
.blog-con .blog-box {width: 510px; text-align: center; margin: 0 auto 165px;}
.blog-con .blog-box .blog-image {display: inline-block;}
.blog-con .blog-box .content {width: 315px; text-align: left;}
/* Single Blog */
.blogdetail-con {padding: 40px 0;}
.blogdetail-con .upper_content {margin-bottom: 20px; display: block;}
.blogdetail-con .blogdetail-image {float: none; margin-bottom: 25px !important;}
.blogdetail-con .blogdetail-image img {width: 100%;}
.blogdetail-con .content {position: relative; padding: 20px; width: 100%;}
.blogdetail-con .content h3 {font-size: 22px; line-height: 28px;}
.blogdetail-con .list {margin-bottom: 20px;}
.blogdetail-con .list ul li:last-child {margin-bottom: 6px !important;}
.blogdetail-con .review-content .detail {padding-left: 12px;}
.blogdetail-con .review-content .name {margin-bottom: 0;}
.blog-contactform {padding: 35px 0 40px;}
.blog-contactform .contactform_content h6 {margin-bottom: 3px;}
.blog-contactform .contactform_content h2 {margin-bottom: 20px;}
.blog-contactform form input,
.blog-contactform form textarea {padding: 11px 18px 15px;}
.blog-contactform form textarea {height: 100px;}
.blog-contactform form .submit {font-size: 16px; line-height: 16px; min-width: 135px; height: 42px; padding: 10px 12px 14px;}
.singleblog-page {padding: 35px 0 10px;}
.singleblog-page .blog_content h6 {margin-bottom: 3px;}
.singleblog-page .blog_content h2 {margin-bottom: 22px;}
/* Service Detail */
.service_detail {padding: 40px 0;}
.service_detail .main-box h3 {font-size: 28px; line-height: 34px; margin-bottom: 8px;}
.service_detail .main-box .text1 {margin-bottom: 6px;}
.service_detail .main-box .text2 {margin-bottom: 10px;}
.service_detail .main-box .list {margin-bottom: 10px;}
.service_detail .main-box .list li {margin-bottom: 3px; padding-left: 22px;}
.service_detail .main-box .list li i {height: 15px; width: 15px; font-size: 10px; top: 4px;}
.servicedetail-page h2 {margin-bottom: 30px;}
.projectdetail-page h2 {margin-bottom: 30px;}
/* 404 Page */
.error_page .error_content h1 {font-size: 100px; line-height: 110px; margin-bottom: 10px;}
.error_page .error_content .text {font-size: 30px; line-height: 36px; margin-bottom: 12px;}
.error_page .error_content .text2 {font-size: 18px; line-height: 26px;}
.error_page .error_content .back_home {font-size: 16px; line-height: 16px; padding: 15px 15px 16px; min-width: 165px;}
/* Coming Soon */
.comingsoon_outer .logo_outer img{width: 175px;}
.comingsoon_outer .sub_banner_content h1 {font-size: 66px; line-height: 76px; margin-bottom: 18px;}
.comingsoon_outer .sub_banner_content .social-icon i {font-size: 14px; height: 35px; width: 35px; line-height: 33px;}
/* Back to top button */
#button {width: 50px; height: 50px; right: 15px;}
}

@media screen and (max-width: 575px){
h1 {font-size: 36px; line-height: 42px;}
h2 {font-size: 30px; line-height: 38px;}
h5 {font-size: 18px; line-height: 24px;}
h6 {font-size: 14px; line-height: 20px; letter-spacing: 1px;}
p {font-size: 14px; line-height: 22px;}
.text-size-18 {font-size: 14px !important; line-height: 22px !important;}
.text-size-16 {font-size: 14px !important; line-height: 22px !important;}
.all_button {font-size: 14px; line-height: 14px; min-width: 130px; height: 40px; padding: 13px; border-radius: 12px;}
.header .logo img {width: 160px;}
.navbar-nav .nav-item a {font-size: 16px !important; line-height: 16px !important;}
.banner-con .banner_outer_content {width: 330px; margin: 0 auto 25px;}
.banner-con .banner_content {text-align: center; padding: 0 15px;}
.banner-con .banner_content h1 {margin-bottom: 8px;}
.banner-con .banner_content p {margin-bottom: 18px;}
.banner-con .item {width: 330px; margin: 0 auto;}
.banner-con .owl-carousel .owl-prev span,
.banner-con .owl-carousel .owl-next span {font-size: 14px; width: 40px; height: 40px; line-height: 40px; border-radius: 15px;}
.banner-con .owl-carousel .owl-prev span {left: -45px;}
.banner-con .owl-carousel .owl-next span {right: -45px;}
.service-con .service_wrapper {margin-bottom: 30px;}
.service-con .service_wrapper .service-box {margin-bottom: 20px; text-align: center;}
.service-con .service_wrapper .box-top {top: 0;}
.service-con .service_content {width: 100%; text-align: center;}
.service-con .service_content h2 {margin-bottom: 10px;}
.service-con .service_content .text1 {margin-bottom: 8px;}
.about-con .about_wrapper {display: inline-block; margin-bottom: 40px;}
.about-con .about_wrapper .about-image img {width: 300px;}
.about-con .about_wrapper .box {right: 20px; padding: 4px 18px 10px;}
.about-con .about_wrapper .box .number {font-size: 34px; line-height: 34px;}
.about-con .about_content {width: 100%; text-align: center;}
.about-con .about_content h2 {margin-bottom: 10px;}
.about-con .about_content .text1 {margin-bottom: 8px;}
.project_background .project_content h2 {margin-bottom: 25px;}
.project-con {padding: 0 15px 40px;}
.project-con .project_wrapper {margin-bottom: 55px;}
.project-con .project-box .content {padding: 15px; width: 300px; bottom: -50px;}
.project-con .owl-carousel .owl-stage-outer {min-height: 530px;}
.project-con .item {width: 330px; margin: 0 auto;}
.project-con .owl-carousel .owl-prev span,
.project-con .owl-carousel .owl-next span {font-size: 14px; width: 40px; height: 40px; line-height: 40px;}
.project-con .owl-carousel .owl-prev span {left: -45px;}
.project-con .owl-carousel .owl-next span {right: -45px;}
.work-con .work_wrapper .work-image img {width: 300px;}
.work-con .work_content {width: 330px;}
.work-con .work_content ul li {margin-bottom: 15px;}
.partner-con {padding: 35px 15px;}
.partner-con .partner_content h2 {margin-bottom: 25px;}
.partner-con .box {height: 110px;}
.partner-con .owl-carousel .owl-dots {margin-top: 20px !important;}
.partner-con .owl-carousel .owl-item img {width: 100px;}
.team-con .team_wrapper {margin-bottom: 0;}
.team-con .team-box {width: 330px; margin: 0 auto;}
.team-con .team-box .content {width: 300px; bottom: 22px; padding: 8px 10px 12px; position: relative;}
.team-con .team-box .content h5 {font-size: 18px; line-height: 22px; margin-bottom: 5px;}
.team-con .team-box .content span {font-size: 13px; line-height: 20px; margin-bottom: 6px;}
.team-con .team-box .content i {font-size: 12px; height: 28px; width: 28px; line-height: 25px;}
.testimonial-con .testimonial_content {padding: 25px;}
.testimonial-con .content p {margin-bottom: 10px;}
.testimonial-con .review-content .name {font-size: 16px; line-height: 20px; margin-bottom: 0;}
.start-con .start_content h1 {font-size: 30px; line-height: 38px; margin-bottom: 8px;}
.start-con .start_content p {padding: 0; margin-bottom: 14px;}
.map-con iframe {height: 330px;}
.footer-con .middle_portion .logo-content {text-align: center;}
.footer-con .middle_portion .footer-logo img {width: 160px;}
.footer-con .middle_portion .logo-content p {margin-bottom: 15px;}
.footer-con .middle_portion h5 {margin-bottom: 12px;}
.footer-con .middle_portion li {margin-bottom: 4px;}
.footer-con .middle_portion li a {font-size: 14px; line-height: 14px;}
.footer-con .middle_portion .links {margin-bottom: 25px;}
.footer-con .middle_portion .service_links {margin-bottom: 25px; padding-left: 0;}
.footer-con .middle_portion .icon {margin-bottom: 0; padding-left: 0;}
.footer-con .middle_portion .icon li {margin-bottom: 4px;}
.footer-con .middle_portion .icon p {font-size: 14px; line-height: 22px;}
.footer-con .middle_portion .icon .social-icons i {line-height: 32px;}
.footer-con .copyright p {font-size: 12px; line-height: 12px; padding: 10px 0;}
/* Sub banner */
.sub-banner .sub_banner_outer {width: 330px; margin-bottom: 25px;}
.sub-banner .sub_banner_wrapper .subbanner-image img {width: 330px; margin: 0 auto; display: block;}
/* About Page */
.variety-con .variety-box {width: 330px; margin: 0 auto 20px; display: block;}
.aboutpage-con .about_wrapper .about-image img {width: 300px;}
.aboutpage-con .about_content {width: 330px;}
.aboutpage-con .about_content p {margin-bottom: 8px;}
.aboutpage-con .about_content ul li i {height: 14px; width: 14px; line-height: 14px; top: 2px;}
.aboutpage-con .about_content ul li p {font-size: 13px; line-height: 20px; padding-left: 20px;}
.statistics-con {padding: 35px 0 25px;}
.statistics-con .statistics_content h2 {margin-bottom: 25px;}
.statistics-con .box {padding: 20px 10px; margin-bottom: 15px;}
.statistics-con .box .number {font-size: 26px; line-height: 26px;}
.statistics-con .box .plus {top: -8px;}
.aboutpage-team {padding-bottom: 20px;}
/* Contact Page */
.contactinfo-con .contact-box {width: 330px; margin: 0 auto 20px; display: block;}
.contactinfo-con .contact-box p {font-size: 14px; line-height: 22px;}
.contactinfo-con .contact-box a {font-size: 14px; line-height: 22px;}
.contactform-con .contact_wrapper .contact-image img {width: 300px;}
.contactform-con .contact_content {width: 330px;}
.contactform-con .contact_content h2 {margin-bottom: 15px;}
.contactform-con .contact_content input,
.contactform-con .contact_content textarea {font-size: 14px; line-height: 16px; padding: 11px 16px 13px; border-radius: 12px;}
.contactform-con .contact_content .submit {font-size: 14px; line-height: 14px; min-width: 130px; height: 40px; padding: 12px; border-radius: 12px;}
/* Service page */
.servicepage-con {padding: 40px 0 20px;}
.servicepage-con .service-box {margin-bottom: 20px; text-align: center;}
/* Team page */
.teampage-con{padding-bottom: 20px;}
/* Project page */
.projectpage-con{padding: 35px 0 20px;}
.projectpage-con .project_content h2 {margin-bottom: 25px;}
.projectpage-con .project-box {width: 330px; margin: 0 auto 70px;}
.projectpage-con .project-box .content {padding: 15px; width: 300px; bottom: -50px;}
.projectpage-con .project-box .content h5 {font-size: 18px; line-height: 22px;}
/* Pricing Page */
.pricing-con .pricing-box {width: 330px; margin: 0 auto 20px; padding: 20px 55px 30px;}
/* Blog Page */
.blog-con{padding: 40px 0 20px;}
.blog-con .blog-box {width: 330px; margin: 0 auto 155px;}
.blog-con .blog-box .content {width: 305px;}
.blog-con .blog-box .content p {font-size: 14px; line-height: 22px;}
/* Single Blog */
.blogdetail-con .blogdetail-image {width: 330px; margin: 0 auto 15px !important;}
.blogdetail-con .content {width: 330px; margin: 0 auto;}
.blogdetail-con .content h3 {font-size: 20px; line-height: 24px;}
.blogdetail-con .content p {font-size: 14px; line-height: 22px;}
.blogdetail-con .list {width: 275px; margin: 0 auto 20px;}
.blogdetail-con .list ul li p {font-size: 14px; line-height: 22px;}
.blogdetail-con .blogdetail_box {width: 330px; margin: 0 auto; padding: 22px 20px 28px;}
.blogdetail-con .review-content .name {font-size: 16px; line-height: 20px; margin-bottom: 0;}
.blog-contactform .contactform_content h2 {margin-bottom: 15px;}
.blog-contactform form input,
.blog-contactform form textarea {font-size: 14px; line-height: 16px; padding: 11px 16px 13px; border-radius: 12px;}
.blog-contactform form .submit {font-size: 14px; line-height: 14px; min-width: 130px; height: 40px; padding: 12px; border-radius: 12px;}
.singleblog-page .blog_content h2 {margin-bottom: 25px;}
.singleblog-page .blog-box {margin-bottom: 160px !important;}
/* Service Detail */
.service_detail .main-box h3 {font-size: 24px; line-height: 30px;}
.error_page .error_content h1 {font-size: 90px; line-height: 100px; margin-bottom: 8px;}
.error_page .error_content .text {font-size: 22px; line-height: 30px; margin-bottom: 10px;}
.error_page .error_content .text2 {font-size: 16px; line-height: 24px;}
.servicedetail-page h2 {margin-bottom: 25px;}
.projectdetail-page h2 {margin-bottom: 25px;}
/* Coming Soon */
.comingsoon_outer .logo_outer {margin-bottom: 50px;}
.comingsoon_outer .logo_outer img{width: 160px;}
.comingsoon_outer .sub_banner_content h1 {font-size: 50px; line-height: 60px;}
.comingsoon_outer .sub_banner_content p {font-size: 14px; line-height: 20px;}
.comingsoon_outer .sub_banner_content input {font-size: 14px; line-height: 14px; padding: 8px 14px 10px; width: 330px;}
.comingsoon_outer .sub_banner_content button {font-size: 14px; line-height: 14px; padding: 10px 20px 14px;}
.comingsoon_outer .sub_banner_content .social-icon li {margin: 0 2px;}
.comingsoon_outer .sub_banner_content .social-icon i {height: 33px; width: 33px; line-height: 30px;}
/* Back to top button */
#button {width: 45px; height: 45px; right: 35px; bottom: 35px;}
#button::after {font-size: 16px; line-height: 16px;}
}