@media only screen and (max-width: 768px) {
    section#header-top {
    display: none;
}

img {
    max-width: 100%;
}

.cover-project-slider {
    position: relative;
    width: 100%;
    height: auto !important;
    background: none;
}

ul.cover-social {
    display: none;
}

.slider-content h1 {
    font-size: 42px;
    text-align: center;
}

.slider-content {
    text-align: center;
    position: relative;
    top: auto;
    left: auto;
    padding: 50px;
}

.slider-content p {
    width: 100%;
}

.carousel-item {
    height: 550px;
}

img.slider-img {
    height: 550px;
}

section#cover-area {
    height: 550px;
}

.cover-project-slider button.btn.btn-incele {
    background: #fff;
    color: #333 !important;
}

.cover-project-slider button.btn.btn-incele a {
    color: #333;
    transition: 0.5s;
}

.cover-project p {
    color: #fff;
}

.cover-project-slider .carousel-item {
    height: auto !important;
}

.cover-project-slider .carousel-control-next, .carousel-control-prev {
    right: -18px;
}

section#about-area {
    padding: 50px 0;
}

.about-after {
    width: 150px;
    height: 150px;
}

img.a-icon {
    width: 40px;
}

.about-after h2 {
    font-size: 25px;
}

.about-after p {
    font-size: 12px;
}

ul.counter-ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.about-right p {
    padding-right: 0;
    font-size: 13px;
}

ul.counter-ul li h2 {
    font-size: 36px;
    line-height: 27px;
}

ul.counter-ul li p {
    font-size: 14px;
    margin: 0;
}

ul.counter-ul li {
    width: 50%;
    margin: 20px 0;
}

section#counter-area {
    padding: 20px 0;
}

.title-left h2 {
    font-size: 32px;
}

section#projects-title-area {
    padding: 20px 0;
}

.site-title-tabs {
    margin-top: 40px;
}
section#cover-bottoms-lider {
    background: #c8c8c8;
}

.cover-project-slider a.carousel-control-prev {
    right: 30px !important;
}

.row.projects-slider .owl-nav {
    display: none;
}

.title-left {
}

section#services-area-title .title-left {
    text-align: center;
    padding: 30px 0;
}

section#services-area-title .title-left:After {
    width: 80%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.title-right .btn {
    width: 80%;
    margin: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.title-right {
    text-align: center;
}

section#services-area .owl-nav {
    display: none !important;
}

.footer-top-left {
    padding: 30px;
    height: auto;
}

.footer-top-left h1 {
    font-size: 26px;
    padding-bottom: 10px;
    margin: 0;
}

.footer-top-right {padding: 30px;height: auto;}

.footer-top-right h1 {
    font-size: 26px;
    padding-bottom: 10px;
    margin: 0;
}

ul.footer-top-list h2 {
    font-size: 20px;
    padding-top: 20px;
}

ul.footer-top-list p {
    font-size: 11px;
    padding-right: 0;
}

.li-left img {width: 50px;}

.li-left {
    padding: 0;
}

ul.footer-top-list li {
    display: block;
    text-align: center;
}

img.footer-logo {
    width: 150px;
}

.footer-bottom-left {
    margin-bottom: 30px;
}

.footer-bottom-list {
    text-align: center;
}

.footer-right-flex {
    display: block;
    text-align: center;
}

.footer-bottom-list.right-list {
    width: 100%;
    text-align: center;
}

.footer-right-bottom {
    display: block;
    text-align: center;
}
.breadrump-content h1 {
    font-size: 25px;
}

.breadrump-content p {
    font-size: 14px;
}

.breadrump-content ul:after {
    display: none;
}

.breadrump-content ul:before {
    display: none;
}

ul.mission-box-list {
    display: block;
}

.single-box {
    margin: 0;
    padding: 20px;
}

section#single-page-area {
    height: auto !important;
}

.talk {
    margin: 0 !important;
}

.breadrump-content {
}

section#single-page-area:after {
    display: none;
}

.breadrump-content ul {
    margin-bottom: 30px;
}

h2.aboout-h2 {
    font-size: 26px;
    text-align: center;
}

.single-box p {
    text-align: center;
    font-size: 13px;
}

ul.mission-box-list li {
    text-align: center;
}

.about-page-right {
    margin-top: 50px;
}

.single-box:After {
    display: none;
}
.single-box h2 {
    font-size: 26px;
    text-align: center;
}

.single-box ul li {
    display: flex;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.single-box-buttons .btn {
    width: 100%;
    margin: 0 !important;
    margin: 10px 0 !important;
}

.about-page-right form {
    margin-right: 0;
}
section#about-page iframe {
    height: 200px !important;
    margin-bottom: 10px;
}
img.project-big-img {
    height: 300px;
}

.project-content-area {
    position: relative;
    left: auto;
    top: auto;
    max-width: 92%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.project-content-top h1 {
    font-size: 20px;
}

.project-content-top p {
    font-size: 12px;
}

section#projects-single-area .container {
    max-width: 98% !important;
}

.project-content-area button.btn.btn-incele {
    top: 0;
    right: 0;
}

span.controller-new-icon {padding: 5px 12px;font-size: 20px;}

div#carousel3 .carousel-control-prev {
    bottom: 0;
    left: 0;
    right: auto;
}

div#carousel3 .carousel-inner {
    height: 300px !important;
}




}