
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
.header .login li a.btn {
padding: 15px;
font-size: 13px;
}
.header .logo {
width: 166px;

}
.home-blog-active .slick-arrow, .home-blog-active2 .slick-arrow{
display: none !important;
}
.event03 .event-content .text {
float: left;
width: 76%;
margin-left: 20px;
}
.services-box07 .sr-contner .text h5 {
font-size: 20px;
color: #fff;
}
.steps-area{
overflow: hidden;
}
.step-img {
padding-bottom: 0;
}
.step-img img{
margin-top: 0;  
}
.services-box07 {
padding: 30px;
}
.slider-bg.slider-two  {
min-height: 600px !important;
background-repeat: no-repeat;
background-position: 0 -100px;
}
.logo {
width: 100%;
}
.s-about-img img{
margin: 0;
}
.copyright-wrap li {
margin-left: 20px;
}
.grid-item {
width: 46.9%;
}
.services-hover {
padding: 65px 50px 0;

}
.portfolio-active {
padding-left: 0;
}
.feature-area .col-lg-3,.feature-area .col-xl-3 {
width: 50%;
}
.cart-top li {
display: inline-block;
padding: 0px 8px;
}
.portfolio .col4 .grid-item {
width: 24.9%;
margin: 0;
padding: 0;
}
.contact-area .map {
position: absolute;
right: -300px;
top: 0;
}
.container-p {
padding: 0 30px;
}
.slider-active .slick-arrow {
left: 20px;
}
.slider-active .slick-next {
right: 20px;
left: auto;
}
.section-t h2 {
font-size: 250px;
}
.f-cta-area {
margin-left: 60px;
margin-right: 60px;
padding-left: 50px;
padding-right: 50px;
}
.main-menu ul li:first-child{margin-left: 0;}
.header-social.display-ib {
display: none;
}
.wp-img {
margin-right: 0;
}
.contact-img {
right: 0px;
}
.menu-area::before {
width: 26%;
}
.single-project .project-info {
right: 10px;
}
.animations-01,.animations-02,.animations-03,.animations-04,
.animations-05,.animations-06,.animations-07,.animations-08,.animations-09,.animations-10,.animations-11,
.animations-11,.animations-12,.animations-13,.animations-14,.animations-15,.team-active .slick-arrow
{
display: none !important;
}
.second-about{
display: none;
}
.portfolio-active .slick-next {
right: 13%;
left: inherit;
}
.booking-area input, .booking-area .custom-select {
width: 265px;
}
.slider-content h2 {
font-size: 60px;
}
.slider-bg .banner-img {
height: 645px;
}
.second-menu .main-menu ul li {
margin-left: 30px;
}
.main-menu {
margin-right: -40px;
}
.call-area h2 {
color: #fff;
font-size: 48px;
}
.single-team {
padding: 20px;
}
}
@media (min-width: 1400px) and (max-width: 1500px) {
.booking-area input, .booking-area .custom-select {
width: 322px;
}
.second-about{
display: block;
}
}
@media (min-width: 1500px) and (max-width: 1875px) {
.header .logo {
width: 200px;

}
.step-img {
margin-right: -260px;
background: #fff;
padding-bottom: 30px;
}
.grid-item {
width: 47.5%;
}
.portfolio-active .slick-next {
right: 14%;
left: inherit;
}
.slider-active .slick-arrow {
left: 2%;
}
.slider-active .slick-next {
right: 1%;
left: inherit;
}
.feature-area .col-lg-3,.feature-area .col-xl-3 {
width: 50%;
}
.header-social a {
margin-left: 20px;
}
.second-menu .main-menu ul li {
margin-left: 30px;
}


.portfolio-box .caption .arrow-icon {
right: 0;
}
.caption-text h5 {
margin-bottom: 5px !important;
}

}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.login li:first-child,.login li:last-child{
display: none;
}
.services-icon-05 {
height: auto;
}
.header .logo {
width: 154px;
}
.breadcrumb-area {
min-height: 350px;

}
.about-content2 li .ano {
width: 140px;
}
.event03 .event-content .text {
width: 70%;
}
.event03 .event-content h3 {
font-size: 18px;
}
.event-content .time{
font-size: 12px;
}
.class-scroll .schedule {
display: inline-flex;
padding: 15px 10px;
font-size: 12px;
}
.services-box h3 {
font-size: 18px;
}
.counter {
display: flex;
padding-left: 0;
}
.count {
font-size: 42px;
}
.class-content .schedule {
display: inline-flex;
font-size: 11px;
line-height: 22px;
}
.class-content .schedule span {
font-weight: 600;
}
.services-box {
padding: 40px 24px;
}
.event02 .event-content {
float: left;
width: 100%;
}
.event02 .thumb {
width: 100%;
height: auto;
}
.event02 .thumb img {
width: 100%;
height: initial;
}
.sr-tw-ul li .icon {
padding-right: 20px;
}
.sr-tw-ul li .icon-right{
padding-left: 20px;
}
.faq-area {
padding: 100px 0;
}
.pricing-box {
padding: 30px;
}
.experience-text{
display: inline-block;
margin-bottom: 50px;
}
.exp-no {
width: 76%;
border-right: none;
}
.exp-no p {
width: 42%;
}
.exp-text {
padding-left: 0;
color: #ffffffab;
width: 100%;
float: left;
}
.slider-active .slick-arrow {
display: none !important;
}
.second-about{
display: none;
}
.gallery-image figcaption{
display: none;
}
.grid-item {
width: 95%;
}
.steps-area{
padding: 60px 0;
overflow: hidden;
}
.step-img {
margin-left: 0;
padding: 0;
margin-top: 0;
}
.step-img img {
margin-top: 0;
}
.single-counter {
padding: 0 0;
}
.class-content span.class-price {
width: 65px;
}
.class-content .schedule li {
padding: 0 10px;
}
.second-header-btn .btn {
padding: 18px 18px;
font-size: 12px;
}
.second-menu .main-menu ul li {
margin-left: 20px;
}
.slider-bg .banner-img {
height: 550px;
}
.booking-area input,.booking-area .custom-select{
width: 200px;
}
.logo {
width: 100%;
}
.s-about-img img {
margin-top: auto;
margin-left: auto;
}
.copyright-wrap li {
margin-left: 12px;
}
.login li {
margin-left: 8px;
}
.about-content .nav-tabs {
width: 65%;
}
.choose-btn a {
width: auto;
padding: 10px 12px;
}
.choose-btn a.g-btn {
width: auto;
}

.section-title h2 {
font-size: 40px;
}
.about-title h2 {
font-size: 30px;
}
.header .logo img {
width: 116px;
}
.testimonial-active .slick-arrow,.home-blog-active .slick-arrow, .home-blog-active2 .slick-arrow{
display: none!important;
}
.slick-dots,.home-blog-active2 .slick-dots{
display: none !important;
}
.testimonial-area .test-bg {
position: absolute;
top: 0;
left: -102px;
right: -24px;
}
.breadcrumb-title h2 {
font-size: 36px;
margin-bottom: 15px;
}

.services-area2::after,.testimonial-area::after,
.contact-area::after,.team-area::after {
width: 100%;
left: 0;
top: 0;
z-index: 0;
}
.f-contact li {
display: flex;
}
.slider-content h2 {
font-size: 55px;
}
.pricing-head h4 {
font-size: 24px;
}
.blog-thumb .b-meta {
font-size: 12px;
}
.f-contact span {
width: 77%;
}
.contact-area .map {
right: -500px;

}
.team-active .slick-arrow {
left: 0;
}
.team-active .slick-next {
left: inherit;
right: 0;
}
.button-group button {
margin: 0 6px;
}
.services-active2 .slider-nav .slick-list.draggable {
width: 920px;
float: right;
}
.services-item{
width: 275px;
}
.services-active2 .slick-arrow {
left: 0px;

}
.services-active2 .slick-next {
left: inherit;
right: 0px;
}
.right-menu .text strong {
color: #002e5b;
font-size: 14px;
}
#project {
background-size: initial !important;
}
#project .slick-dots {
display: none !important;
}
.portfolio-active .slick-arrow {
top: -115px;
right: 12%;
}
.portfolio-active .slick-next {
right: 5%;
}


.top-btn {
font-size: 11px;
padding: 16px 27px;
}
.header-cta ul li{
font-size: 12px;
}
.menu-area::before {
width: 23%;
}

.call-area h2 {
color: #fff;
font-size: 36px;
}
.call-area .number {
font-size: 40px;
}
.container-p {
padding: 0 30px;
}
.header-cta ul li {
margin-left: 20px;
}
.section-t h2 {
font-size: 200px;
}
.about-img {
margin-left: -105px;
}
.features-content p {
padding: 0;
}
.services-content {
padding: 50px 30px;
padding-bottom: 45px;
}
.services-content h4 {
font-size: 20px;
}
.services-content span {
margin-bottom: 45px;
}
.video-wrap img {
width: 100%;
}
.video-position {
bottom: -222px;
left: 20px;
right: 20px;
}
.v-padding {
padding-top: 0;
}
.wp-list {
padding: 35px 15px;
padding-bottom: 25px;
}
.wp-img {
margin-right: -100px;
}
.wp-tag {
left: 10px;
}
.team-info {
margin-left: 0;
margin-right: 0;
}
.team-info h4 {
font-size: 18px;
}
.single-counter p {
font-size: 18px;
}
.ta-bg {
margin-left: -25px;
}
.b-meta.mb-20 {
margin-bottom: 10px;
}
.b-meta ul li {
margin-right: 0;
font-size: 12px;
}
.blog-content {
padding: 30px 20px;
}
.blog-content h4 {
font-size: 18px;
margin-bottom: 20px;
}
.blog-content p {
margin-bottom: 20px;
}
.f-cta-area {
margin-left: 20px;
margin-right: 20px;
padding-left: 50px;
padding-right: 50px;
}
.footer-social span {
margin-right: 12px;
}
.f-insta ul li {
margin-bottom: 8px;
margin-right: 8px;
}
.f-insta ul li a img {
width: 100%;
}
.wp-bg {
overflow: hidden;
}

.about-p {
padding-top: 60px;
}

.fshape-one {
top: 30%;
}
.fshape-two {
left: 9%;
}
.chosse-img {
width: 45%;
}
.choose-wrap.pl-100 {
padding-left: 50px;
}
.choose-content p {
padding-right: 50px;
}
.inner-wp-icon {
display: none;
}
.wp-thumb.mb-35 {
margin-bottom: 25px;
}

.contact-img {
right: -150px;
}
.bsingle__content h2 {
padding-right: 0;
font-size: 27px;
}
.widget__banner-overly > span {
margin-bottom: 120px;
}
.widget__banner-overly h3 {
margin-bottom: 91px;
font-size: 35px;
}
.widget__post-content h6 {
font-size: 14px;
padding-right: 0;
}
.details__content h2 {
font-size: 26px;
}
.related-post-wrap .rp__content {
padding: 23px;
}
.related-post-wrap .rp__content h3 {
font-size: 20px;
}
.animations-01,.animations-02,.animations-03,.animations-04,
.animations-05,.animations-06,.animations-07,.animations-08,.animations-09,.animations-10,.animations-11,
.animations-11,.animations-12,.animations-13,.animations-14,.animations-15,.team-active .slick-arrow{
display: none !important;
}
}
@media (min-width: 1500px) and (max-width: 1742px) {
.header-social {
margin-left: 0px;
margin-top: 15px;
}
.steps-area{
overflow: hidden
}
.step-img {
margin-right: -360px;
background: #fff;
padding-bottom: 0;
}
.step-img img{
margin-top: 0;
}

}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.logo::before {
display: none;
}
.event03 .event-content, .event03 .event-item {
width: 100%;
}
.s-video-wrap2{
margin-bottom: 50px;
}
.service-details-two {
margin-top: 0;
padding: 120px 0;
}
.call-text {
padding: 0px 0 0 60px;
}
.call-area h2 {
font-size: 30px;
}
.faq-area{
padding: 120px 0;
}
.faq-img {
margin-right: 0;
margin-top: 50px;
}
.f-insta ul li {
width: 30.8% !important;
}
.testimonial-active2 .single-testimonial p {
width: auto;
margin: auto;
margin-bottom: auto;
margin-bottom: 30px;
}
.experience-text{
display: inline-block;
margin-bottom: 50px;
}
.exp-no {
width: 33%;
}
.exp-no p {
width: 42%;
}
.exp-text {
padding-left: 0;
color: #ffffffab;
width: 67%;
float: left;
}
.project-two .btn.ss-btn {
display: none;
}
.footer-top-heiding .section-title h2{
margin-bottom: 30px !important;
}

.menu-area::before{
width: 32%;
}
.sidebar-widget .widget{
margin-top: 50px;
}
.second-about,.car-active .slick-arrow{
display: none !important;
}
.gallery-image img {
width: 100%;
}
.grid-item {
width: 95%;
}
.header-three .menu-area {
margin-top: 0;
padding: 20px 0;
}
.pagination-wrap {
margin-bottom: 50px;
}

.testimonial-active2 .slick-arrow{
display: none !important;
}

.slider-content h2 {
font-size: 48px;
}
.slider-content h5 {
margin-top: 60px;
}
.slider-bg .banner-img {
height: 400px;
margin-top: 0;
}
.s-aliment-1 {
display: none;
}
.booking-area .custom-select,.booking-area input{
width: 125px;
}
.slider-bg .banner-img {
height: 400px;
}
.srb-line,.testimonial-area .test-bg{
display: none;
}
.s-about-img {
margin-left: 0;
}
.services-area2::after,.testimonial-area::after,.contact-area::after {
width: 100%;
left: 0;
}
.testimonial-active2 {
width: 100%;
margin-bottom: 50px;
padding: 30px;
}
.services-area .services-box {
background-size: cover !important;
}


.button-group {
display: flex;
overflow: scroll;
margin-top: 30px;
}
.button-group button {
margin: 0 4px;
flex:0 0 15%;
}
.portfolio .col4 .grid-item {
width: 50%;
}
.header-two .mean-container a.meanmenu-reveal {
margin-top: -56px;
}
.slider-active .slick-track::before {
background: #fff5f4;
}

.s-about-img.p-relative {
margin-bottom: 50px;
}

.mean-container a.meanmenu-reveal {
margin-top: -46px;
color: #fff;
border: 1px solid #fff;
}

.contact-bg02 {
padding: 30px;
margin-bottom: 80px;
}
.contact-bg-an-02 {
right: -100px;
bottom: 0;
}
.testimonial-area .test-an-02{
display: none;
}
.testimonial-area .test-an-01 {

bottom: -150px;
}
#mobile-menu {
background: #002e5b;
}
.header-cta ul li {
display: inline-block;
margin-left: 12px;
}
.contact-area .map {
display: none;
}
.number {
font-size: 48px;
}
.services-active2 .slider-nav {
top: 200px;
}
.services-active2 .slider-nav .slick-list.draggable {
width: 650px;
}
.newslater-area #contact-form4 {
margin-top: 0;
float: right;
width: 100%;
padding-left: 0;
}

.cta-area.cta-bg::before {
height: 100%;
width: 100%;
top: 0;

}
.cta-bg{
padding: 100px 0;
}

.cta-bg .video-img {
margin-top: 0px;
height: 757px;
}
.services-active2 .slick-arrow{
left: 0;
}
.services-active2 .slick-next {
left: inherit;
right: 0px;
}

.logo {
height: auto;
margin-top: 0;
line-height: inherit;
width: 25%;
}
.main-menu .has-sub > ul{
position: relative;
}

.container-p {
padding: 0 30px;
}

.slider-bg {
min-height: 700px;
}
.section-t h2 {
font-size: 150px;
}
.about-img {
margin-left: 0;
text-align: center;
margin-bottom: 30px;
}
.about-content.pl-30 {
padding-left: 0;
padding-bottom: 4px;
}
.features-content p {
padding: 0;
}
.section-title h2 {
font-size: 52px;
}
.services-content {
padding: 50px 28px;
padding-bottom: 45px;
}
.video-position {
bottom: 70px;
left: 120px;
}
.wp-img {
margin-top: 30px;
margin-bottom: -15px;
margin-right: 0;
}
.counter small {
top: -20px;
}
.cta-right {
margin-top: 35px;
}
.ta-bg {
background-position: center;
margin: 25px auto;
}

.f-cta-area {
margin-left: 20px;
margin-right: 20px;
padding-left: 50px;
padding-right: 50px;
}


.responsive {
float: right;
display: block;
cursor: pointer;
margin-top: -38px;
}
.responsive i {
color: #002e5b;
font-size: 25px;
}
#mobile-menu {
display: none;
padding: 20px;
}
.main-menu {
text-align: left !important;
}
.main-menu ul li {
display: block;
border-bottom: 1px solid #f7f7f74f;
margin-left: 0;
}
.main-menu ul li.active a, .main-menu ul li:hover a {
color: #000;
}
.main-menu  ul > li > a::before {content: none;}
.main-menu ul li a {
color: #fff;
padding: 12px 20px;
display: block;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
}
.second-menu {
margin-bottom: 0;
box-shadow: none;
padding: 20px 0;
margin-top: 0;
}
.second-menu::before {
content: none;
}
.second-header {
padding: 0px 0;
}
.second-menu .main-menu ul li {
margin-left: 0;
}

.s-about-img img {
width: 100%;
margin: 0;
}

.chosse-img {
display: none;
}
.testimonial-p {
padding-top: 100px;
padding-bottom: 100px;
}
.contact-img {
display: none;
}
.contact-bg.pb-80 {
padding-bottom: 120px;
}
.single-post {
box-shadow: 0px 10px 80px 0px rgba(193, 193, 193, 0.41);
}

.bsingle__content h2 {
font-size: 28px;
}
.widget__banner-overly > span {
margin-bottom: 320px;
}
.widget__banner-overly h3 {
margin-bottom: 352px;
font-size: 80px;
}
.widget__banner-overly h3 span {
font-size: 61px;
}
.details__content h2 {
font-size: 29px;
}
.avatar__wrap {
padding: 50px 65px;
}
.b-details-p.pt-120 {
padding-top: 115px;
}
.portfolio .col3 .grid-item, .portfolio .col2 .grid-item {
width: 33.33%;
padding: 15px;
}
.gallery-image img {
width: 100%;
}
.testimonial-active2 {
width: 100%;
margin-bottom: 50px;
margin-top: 0;
}
.newslater input {
width: 100% !important;
}
.newslater-area h2{
font-size: 36px;
}
.contact-area img{
width: 100%;
}
.aw-line::before{
display: none;
}
.portfolio-area2,.services-area2 {
background-size: 1550px !important;
}
.portfolio-active .slick-next {
left: 76.5%;
}
.counter-bg::before{
display: none;
}
.counter-bg::after{
display: none;
}

.portfolio-box img {
margin-left: 0;
}
.slider-four .slider-bg h5 {
font-size: 90px;
}
.car-active {
margin-right:0px;
margin-top: 50px;
}
/* mobile menu*/
.mean-container a.meanmenu-reveal {
margin-top: -46px;
}
.menu .sub-menu {
border-top: 1px solid rgb(217, 217, 217, 0.5);
}
.mean-container a.meanmenu-reveal span {
background: no-repeat;
display: block;
height: 3px;
margin-top: 3px;
border-top: 3px solid #fff;
}
.mean-container .mean-nav ul li a {
border-top: 1px solid rgba(217, 217, 217, 0.5);
color: #333;
display: block;
float: left;
margin: 0;
padding: 10px 5%;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
font-size: 15px;
font-weight: 600;
}
.mean-container .mean-nav ul li li a:first-child,.menu .sub-menu li:last-child {
/*border: none;*/
}
.menu .sub-menu li, .menu .children li {
border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}
.mean-container .mean-nav {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 4px 15px #0000001A;
position: absolute;
}
.mean-container .mean-nav ul li a.mean-expand {
text-align: right;
top: 0;
width: 100%;
z-index: 2;
padding: 9px 12px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0, 0, 0, 0);
}
.mean-container .mean-nav ul {
overflow: hidden;
display:block;
}
.menu .page_item_has_children > ul > .page_item_has_children:hover > ul {
margin-left: 0;
margin-top: 0;
top: 0;
}
.menu .sub-menu {
position: relative;
height: auto;
overflow: scroll;
display: block;
transition: inherit;
background: none;
box-shadow: 0 0 0 0;
}
.header-three .mean-container a.meanmenu-reveal span {
background: no-repeat;
display: block;
height: 3px;
margin-top: 3px;
border-top: 3px solid #fff;
}
.header-three .mean-container a.meanmenu-reveal {
color: #fff;
border: 1px solid #fff;
}
.header-two .mean-container a.meanmenu-reveal {
margin-top: -35px;
color: #fff;
border: 1px solid #fff;
}
.header-two .mean-container a.meanmenu-reveal span {
border-top: 3px solid #fff;
}
.header-two .menu-area.sticky-menu .mean-container a.meanmenu-reveal {
margin-top: -51px;
border: 1px solid #fff;
}
/* mobile menu End*/
.team-img-box img {
width: 100%;
margin-bottom: 50px;
height: auto;
}
.logo img{
width: 185px;
}

.testimonial-active .slick-arrow,.home-blog-active .slick-arrow, .home-blog-active2 .slick-arrow{
display: none!important;
}

.sticky-menu .mean-container a.meanmenu-reveal {
margin-top: -49px;
color: #fff;
border: 1px solid #fff;
}
.menu-area.sticky-menu {
padding: 10px 0;
}
.animations-01,.animations-02,.animations-03,.animations-04,
.animations-05,.animations-06,.animations-07,.animations-08,.animations-09,.animations-10,.animations-11,.team-active .slick-arrow{
display: none !important;
}

.class-content span.class-price {
width: 86px;
}
.steps-area{
padding: 120px 0;
}
.step-img {
margin: 0;
padding: 0;
margin-top: 50px;
}
.steps-area .col-lg-6.col-md-12.pl-30 {
padding-left: 15px;
padding-bottom: 120px;
}
.slick-slide img {
display: inline-block;
}
.counter-area .single-counter {
border-right: none;
}
.blog-content2 .b-meta {
font-size: 14px;
}
.contact-info .single-cta{
width: 50%;
}
.sr-tw-ul li .icon,.sr-tw-ul li .icon-right {
width: 150px;
}
.shop-area select {
margin-bottom: 50px;
}
.project-detail .lower-content h2 {
font-size: 28px;
}
.home-blog-active {
margin-right: 0;
}
.s-about-img3{
margin-bottom: 50px;
}
.s-about-content h2 {
font-size: 36px;
}
.step-box.step-box2 {
padding-right: 0;
padding-top: 50px;
}
.step-box.step-box3{
padding-left: 0;
padding-bottom: 50px;
}
.step-img2,.step-img3 {
margin-right: 0;
margin-left: 0;
margin-top: 50px;
margin-bottom: 50px;
}
.project-detail .faq-wrap2 .faq-btn span {
float: right;
width: 100%;
margin-top: 15px;
}
.project-detail .leactures li a,.per-info {
display: inherit;
}
.per-info .info-text{
margin-bottom: 15px;
}
.course-meta2 .right {
float: left;
margin-top: 15px;
}
.course-meta2 .left li {
float: left;
margin-right: 27px;
}
.project-detail .upper-box .image {
position: relative;
margin-bottom: 0;
overflow: hidden;
height: auto;
}
.conterdown .timer {
display:inline-block;
}
.conterdown .timer-outer{
margin-bottom: 30px;
}
.project-detail .info-column .inner-column2,.project-detail .info-column .inner-column3{
margin-top: 50px;
}
.testimonial-active2 .single-testimonial{
padding: 30px;
}
.event03 .event-content h3 {
font-size: 20px;
}
.event03 .event-content .text {
float: left;
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.event-content .time{
font-size: 13px;
}
.class-scroll .schedule {
display: inline-flex;
width: 100%;
padding: 15px 5px;
background: #fff1ee;
margin-bottom: -8px;
font-size: 12px;
}
.s-about-img2 {
margin-top: 50px;
}
.class-content .schedule li {
width: 25%;
font-size: 12px;
padding: 0 4px;
border: none;
line-height: 14px;
}
.event02 .event-content {
width: 100%;
}
.event02 .thumb img,.event02 .thumb {
width: 100%;
height: auto;
}
.s-slider-content p {
padding-right: 0;}
.slider-two .slider-content h2 {
font-size: 58px;
}
.s-about-img{
margin-top: 50px;
}
.header .logo {
width: 156px;
height: auto;
display: flex;
align-items: center;
text-align: center;
top: 0;
position: relative;
left: 0;
background: #f69320;
padding: 10px;
}
.header .second-menu {
background: no-repeat;
}
.slider-line {
position: absolute;
top: -60px;
z-index: 3;
left: -60px;
}
.slider-line2 {
right: -50px;
}
.blog-thumb3 {
width: 100%;
margin-bottom: 30px;
}
.single-post3 {
display: inherit;
}
.cta-btn {
width: 100%;
text-align: center;
margin-top: 30px;
}
.testimonial-active{
margin-left: 0;
margin-right: 0;
}
.newslater-area #contact-form4 button {
position: relative;
margin-top: 20px;
width: 100%;
}
.newslater-area{
background-image: none !important;
background-color: #f69320;
}
.contact-bg02 {
margin-top: 0px;
}
.booking-box .dnumber {
width: 100%;
}
.count-bdr {
padding: 60px 0 30px 0;
text-align: center;
}
.single-counter .icon {
margin-left: auto;
margin-right: auto;
}
.search-form-bg{
margin-left: 0;
margin-top: 50px;
}
.ab-img {
margin-left: 0;
}
.sticky-menu .logo{
line-height: inherit;
}
.about-content .call-box{
margin-top: 50px;
}
.about-content.s-about-content.pr-80 {
padding-right: 0;
}
.faq-area img{
margin-top: 50px;
} 
.header .logo2 {
width: 44%;
height: 50px;
padding: 15px;
}
.lower-content .footer-social{
margin-top: 0;
margin-bottom: 50px;
}
}


/* small mobile :320px. */
@media (max-width: 767px) {


.pt-120 {
padding-top: 25px;
}   
.pb-90 {
padding-bottom: 20px;
}

.f-widget-title h2, .footer-widget .widgettitle {
font-size: 20px;
margin-bottom: 0px;
position: relative;
padding-bottom: 10px;
color: #ffffffa3;
}
.pb-70 {
padding-bottom: 20px;
}

p {
margin-bottom: 0px;
}
.pt-90 {
padding-top: 20px;
}
.header .logo2 {
width: 44%;
height: 50px;
padding: 15px;
}
.header{
padding: 0;
}
.blog-thumb3 {
width: 100%;
margin-bottom: 30px;
}
.single-post3 {
display: inherit;
}
.cta-btn {
width: 100%;
text-align: center;
margin-top: 30px;
}
.testimonial-active{
margin-left: 0;
margin-right: 0;
}
.newslater-area #contact-form4 button {
position: relative;
margin-top: 20px;
width: 100%;
}
.newslater-area{
background-image: none !important;
background-color: #f69320;
}
.contact-bg02 {
margin-top: 0px; padding: 10px;
}
.mb-20 {
margin-bottom: 10px;
}

.booking li {
margin-bottom: 10px;
}

.mt-50 {
margin-top: 20px;
}

.booking ul {
margin-top: 10px;
}

.mb-35 {
margin-bottom: 15px;
}
.booking-box .dnumber {
width: 100%;
}
.count-bdr {
padding: 60px 0 30px 0;
text-align: center;
}
.single-counter .icon {
margin-left: auto;
margin-right: auto;
}
.search-form-bg{
margin-left: 0;
margin-top: 50px;
}
.ab-img {
margin-left: 0;
}
.sticky-menu .logo{
line-height: inherit;
}
.about-content .call-box{
margin-top: 50px;
}
.about-content.s-about-content.pr-80 {
padding-right: 0;
}
.faq-area img{
margin-top: 20px;
}
.faq-wrap .card-header h2 {
font-size: unset !important;
line-height: 28px !important;
}
.service-detail-contact {
margin-bottom: 50px;
display: inline-block;
}
.service-detail .content-box h2{
font-size: 30px;
}
.crs-icon {
margin-bottom: 20px;
}
.slider-two .slider-content h2 {
font-size: 58px;
}
.s-about-img{
margin-top: 0px;
}
.header .logo {
width: 156px;
height: auto;
display: flex;
align-items: center;
text-align: center;
top: 0;
position: relative;
left: 0;
background: #f69320;
padding: 10px;
}
.header .second-menu {
background: no-repeat;
}
.slider-line {
position: absolute;
top: -60px;
z-index: 3;
left: -60px;
}
.slider-line2 {
right: -50px;
}
.about-content2 li .ano {
width: 70px;
}

.faq-wrap.pl-30 {
padding-top: 50px;
padding-left: 0;
}
.faq-wrap.mt-30.pr-30 {
padding-right: 0;
}
.s-slider-content p {
padding-right: 0;}
.shop-area select {
margin-bottom: 50px;
}
.project-detail .lower-content h2 {
font-size: 28px;
}
.home-blog-active {
margin-right: 0;
}
.s-about-img3{
margin-bottom: 50px;
}
.s-about-content h2 {
font-size: 26px;
}
.step-box.step-box2 {
padding-right: 0;
padding-top: 50px;
}
.step-box.step-box3{
padding-left: 0;
padding-bottom: 50px;
}
.step-img2,.step-img3 {
margin-right: 0;
margin-left: 0;
margin-top: 50px;
margin-bottom: 50px;
}
.project-detail .faq-wrap2 .faq-btn span {
float: right;
width: 100%;
margin-top: 15px;
}
.project-detail .leactures li a,.per-info {
display: inherit;
}
.per-info .info-text{
margin-bottom: 15px;
}
.course-meta2 .right {
float: left;
margin-top: 15px;
}
.course-meta2 .left li {
float: left;
margin-right: 27px;
}
.project-detail .upper-box .image {
position: relative;
margin-bottom: 0;
overflow: hidden;
height: auto;
}
.conterdown .timer {
display:inline-block;
}
.conterdown .timer-outer{
margin-bottom: 30px;
}
.project-detail .info-column .inner-column2,.project-detail .info-column .inner-column3{
margin-top: 50px;
}
.testimonial-active2 .single-testimonial{
padding: 30px;
}
.event03 .event-content h3 {
font-size: 20px;
}
.event03 .event-content .text {
float: left;
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.event-content .time{
font-size: 13px;
}
.class-scroll .schedule {
display: inline-flex;
width: 100%;
padding: 15px 5px;
background: #fff1ee;
margin-bottom: -8px;
font-size: 12px;
}
.s-about-img2 {
margin-top: 50px;
}
.class-content .schedule li {
width: 25%;
font-size: 12px;
padding: 0 4px;
border: none;
line-height: 14px;
}
.event02 .event-content {
width: 100%;
}
.event02 .thumb img,.event02 .thumb {
width: 100%;
height: auto;
}
.newslater-title {
display: inherit;
}
.blog-content2 .date-home {
top: -192px;
font-size: 14px;
}
.green2 {
margin: 0 -15px;
}
.about-content2 li{
width: 100%;
}
.service-details-two {
margin-top: 120px;
margin-bottom: 120px;
}
.service-details-three .services-box07 .sr-contner .icon {
width: 260px;
}
.sr-tw-ul li .icon,.sr-tw-ul li .icon-right {
width: 150px;
}
.call-area h2 {
font-size: 32px;
}
.call-text {
padding: 50px 0 0 0;
}
.section-title h5 {
text-align: center; font-size: 14px; letter-spacing: 2px;
}

.pb-120 {
padding-bottom: 20px;
}
.booking-area ul {
display: inline-block;    
}
.booking-area ul li {
margin-right: 0;
margin-bottom: 15px;
}
.booking-area input,.booking-area .custom-select {
width: 300px;
}
.booking-area .contact-form {
padding: 50px 50px 30px 15px;
}
.s-aliment-1{
display: none;
}

.header-input{
width: 100%;
}
.slider-bg .banner-img {
overflow: hidden;
height: 405px;
margin-top: 0;
margin-right: 0;
}
.product-qulity li .icon {
margin-right: 15px;
}
.pricing-box {
padding:20px;
}

.mb-30 {
margin-bottom: 10px;
}
.mt-20 {
margin-top: 10px;
}
.mb-60 {
margin-bottom: 20px;
}
.about-content2 li .icon {
width: 25px;
}
.services-08-item--wrapper > div {
border-right: none;
}
.services-hover {
width: 100%;
}
.cta-title.video-title h2 {
font-size: 30px;
line-height: 40px;
}
.copyright-wrap .container {
padding: 20px 0;
}

.footer-link ul li {
margin-bottom: 0px;
}
.progress-outer li:first-child {
text-align: center;
padding-right: 0;
margin-bottom: 0;
}
.progress-outer li {
padding-left: 0;
text-align: center;
}
.progress-outer li:last-child {
text-align: center;
padding-right: 0;
margin-top: 0;
margin-bottom: 50px;
}
.experience-text{
display: inline-block;
margin-bottom: 50px;
}
.exp-no {
width: 76%;
border-right: none;
}
.exp-no p {
width: 42%;
}
.exp-text {
padding-left: 0;
color: #ffffffab;
width: 100%;
float: left;
}

.portfolio-active .slick-arrow {
display: none !important;
}
.portfolio-active {
padding-left: 0;
}
.gallery-image figcaption{
display: none;
}
.project-detail .info-column {
margin-bottom: 50px;
}
.slider-btn.mt-30.mb-160 {
margin-bottom: 50px;
}
.masonry-gallery-huge {
margin: auto;
padding-left: 0;
}
.s-about-content.pl-30 {
padding-left: 0;
}
.team-area-content li {
display: inline-block;
margin-top: 15px;
}
.team-area-content li .icon {
margin-right: 0;
width: 100%;
margin-bottom: 15px;
}
.contact-info .single-cta{
width: 100%;
}
.b-meta ul li {
font-size: 11px;
}
.steps-area {
padding-top: 20px;
}

.mb-50 {
margin-bottom: 20px;
}

.pb-80 {
padding-bottom: 20px;
}

.step-img {
margin: 0;
padding: 0;
margin-top: 50px;
margin-bottom: 50px;
}
.step-img img {
margin-top: 0px;
width: 100%;
}
.steps-area .col-lg-6.col-md-12.pl-30 {
padding-left: 15px;
padding-bottom: 120px;
}
.slick-slide img {
display: inline-block;
}
.animations-01,.animations-02,.animations-03,.animations-04,
.animations-05,.animations-06,.animations-07,.animations-08,.animations-09,.animations-10,.animations-11,
.animations-11,.animations-12,.animations-13,.animations-14,.animations-15,.team-active .slick-arrow{
display: none !important;
}

.class-content span.class-price {
width: 71px;
}

.menu-area.sticky-menu {
padding: 10px 0;
}
.sticky-menu .mean-container a.meanmenu-reveal {
margin-top: -46px;
}
.img-main {
margin: 0;
}
.about-content .nav-tabs {
width: 94%;
}
.logo img{
width: 185px;
}
.counter-area .single-counter {
border-right: none;
}
.car-active .slick-arrow,.button-group button::before{
display: none !important;
}
.slider-content {
margin-bottom: 35px;
margin-top: 120px;
}
.slider-content.s-slider-content.slider-text-2 {
margin-top: 0;
}
.slider-content h5 {
font-size: 15px;
margin-top: 0;
}
.overlay-bg-01,.overlay-bg-02,.overlay-bg-03,.overlay-bg-04 {
display: none;
}
.footer-link {
text-align: inherit;
}
.about-content .popup-video {
float: left;
margin-bottom: 50px;
width: 100%;
display: none;
}
.about-content h3{
display: none;
}
.f-insta ul li {
margin-bottom: 8px;
margin-right: 4px;
}
.booking-contact-box{
margin-top: 50px;
}
.booking-contact-box .nav.nav-tabs li {
width: 100%;
}
.skills-title h2 {
font-size: 36px;
}
.home-blog-active .slick-arrow, .home-blog-active2 .slick-arrow{
display: none !important;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
height: auto;
}
.wp-block-image figure.alignright {
margin-left: 0;
}
.alignright {
float: none;
margin-left: 0;
width: 100% !important;
}
.blog-deatails-box.single {
margin-bottom: 50px;
}
.comment-form {
padding: 50px 15px;
}
.comment-text .avatar-name .comment-reply {
margin-top: 30px;
}
.bsingle__content .meta-info ul li {
margin-right: 7px;
padding-right: 7px;
}
.post-password-form input[type="password"] {
width: 100%;
}
#comments {
margin-bottom: 50px;
}
.team-img-box img {
width: 100%;
margin-bottom: 50px;
height: auto;
}
.breadcrumb-wrap nav {
display: none;
}
/* mobile menu*/
.mean-container a.meanmenu-reveal {
margin-top: -45px;
}
.menu .sub-menu {
border-top: 1px solid rgb(217, 217, 217, 0.5);
}
.mean-container a.meanmenu-reveal span {
background: no-repeat;
display: block;
height: 3px;
margin-top: 3px;
border-top: 3px solid #f69320;
}
.mean-container .mean-nav ul li a {
border-top: 1px solid #f69320;
color: #333 !important;
display: block;
float: left;
margin: 0;
padding: 10px 5%;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
font-size: 15px;
font-weight: 600;
}
.mean-container .mean-nav ul li li a:first-child,.menu .sub-menu li:last-child {
/*border: none;*/
}
.menu .sub-menu li, .menu .children li {
border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}
.mean-container .mean-nav {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 4px 15px #0000001A;
position: absolute;
}
.mean-container .mean-nav ul li a.mean-expand {
text-align: right;
top: 0;
width: 100%;
z-index: 2;
padding: 9px 12px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0, 0, 0, 0);
}
.mean-container .mean-nav ul {
overflow: hidden;
display:block;
}
.menu .page_item_has_children > ul > .page_item_has_children:hover > ul {
margin-left: 0;
margin-top: 0;
top: 0;
}
.menu .sub-menu {
position: relative;
height: auto;
overflow: scroll;
display: block;
transition: inherit;
background: none;
box-shadow: 0 0 0 0;
}
.header-three .mean-container a.meanmenu-reveal span {
background: no-repeat;
display: block;
height: 3px;
margin-top: 3px;
border-top: 3px solid #fff;
}
.header-three .mean-container a.meanmenu-reveal {
color: #fff;
border: 1px solid #fff;
}
/* mobile menu End*/
.slider-four .slider-bg h5 {
font-size: 60px;
}
.two-column .row {
margin-left: -15px;
margin-right: -15px;
}
.slider-content.s-slider-content.text2 {
margin-top: 50px;
}
.slider-bg .text2 p {
padding-right: 0;
}
.faq-area{
padding: 120px 0;
}

.home-blog-active .slick-arrow {
display: none !important;
}
.copyright-wrap {
text-align: center;
}
.footer-social {
text-align: left;
margin-top: 20px;
display: inline-block;
float: none;
width: 100%;
}
h1 {
font-size: 28px;
font-weight: 600;
text-transform: capitalize;
}

.lower-content .footer-social{
margin-top: 0;
margin-bottom: 50px;
}
.portfolio-area2,.services-area2 {
background-size: 1600px !important;
}
.counter-bg::before{
display: none;
}

.counter-bg::after,.aw-line::before{
display: none;
}

.testimonial-active2 .slick-arrow{
display: none !important;
}


.testimonial-active2 {
width: 100%;
margin-top: 0;
}
.testimonial-area .test-bg {
display: none;
}
.about-content .exprince{
margin-top: 15px;
margin-bottom: 15px;
}
.services-area2::after,.testimonial-area::after,
.contact-area::after,.team-area::after {
width: 100%;
left: 0;
top: 0;
z-index: 0;
}
.srb-line
{
display: none;
}
.section-title p {
width: 100%;
text-align: center;
}
.cta-area .col-lg-4.text-right {
text-align: center;
}
.slider-btn .video-i{
display: none;
}
.slider-three .slider-img {
margin-left: 0;
margin-top: 50px;
margin-right: 0;
}
.slider-content.s-slider-content.text3 {
margin-top: 0;
}
.copyright-wrap li {
margin-left: 10px;

}
.button-group {
display: flex;
overflow: scroll;
margin-top: 30px;
}
.button-group button {
margin: 0 4px;
flex: 0 0 55%;
font-size: 15px;
}
.portfolio .col4 .grid-item {
width: 100%;
}
.project-detail .pr-ul li {
display: flex;
margin-bottom: 15px;
float: left;
width: 100%;
}

.header-two .mean-container a.meanmenu-reveal {
margin-top: -35px;
color: #fff;
border: 1px solid #fff;
}
.header-two .menu-area.sticky-menu .mean-container a.meanmenu-reveal {
margin-top: -51px;
}
.header-two .mean-container a.meanmenu-reveal span{
border-top: 3px solid #fff;
}
.feature-text {
margin-bottom: 60px;
}
.choose-btn a.g-btn {
margin-top: 30px;
}
.newslater input {
width:100% !important;
}
.newslater-area img{
margin-bottom: 30px;'
}
.newslater-title .icon {
margin-right: 0px;
line-height: 0;
text-align: center;
}
.adim-box{
margin-bottom: 30px;
}

.s-about-img.p-relative {
margin-bottom:20px;
margin-left: 0;
}
.pb-60 {
padding-bottom: 20px;
}
.pt-60 {
padding-top: 20px;
}

.testimonial-active .slick-dots {

margin-top: 10px;
}
.about-content .nav-tabs .nav-link {
padding: 12px 25px;
}
.newslater-area .line2 {
margin-bottom: 30px;
}
.testimonial-active .slick-arrow {
display: none !important;
}

.single-post2 .row {
margin-left: -15px;
margin-right: -15px;
}

.mean-container a.meanmenu-reveal {
color: #fff;
border: 1px solid #f69320;
}

.copyright-wrap ul{
text-align: center;
margin-top: 20px;
}

.contact-bg-an-02 {
right: -100px;
bottom: 0;
}
.testimonial-area .test-an-02{
display: none;
}
.testimonial-area .test-an-01 {

bottom: -150px;
}
.slider-bg .text2 h2 {
font-size: 32px;
}
.slider-four .slider-img {
margin-left: 0;
margin-top: 50px;
margin-right: 0;
}
.slider-active .slick-track::before {
background: #fff5f4;
}

#feature-top {
margin-top: -40px;
}
.cta-area{
padding: 40px 0;
}
.cta-area.cta-bg::before {
height: 100%;
top: 0;
}

.team-active .slick-arrow {
left: 0px;
}
.team-active .slick-next {
left: inherit;
right: 0px;
}



.contact-area .map {
display: none;
}
.single-testimonial-bg {
border-radius: 10px;
width: 100%;
float: right;
padding: 300px 50px 100px 50px;
margin: 0;
}
.testimonial-active .slick-dots {
width: 100%;
bottom: 7%;
}
.testimonial-active .ta-info h6 {
font-size: 18px;
}
.services-active2 .slider-nav .slick-list.draggable {
width: 300px;
float: right;
}
.services-item {
width: 280px;
}
.services-active2 .slider-nav {
position: absolute;
top: 150px;
}   
.services-active2 .slick-arrow {
left: -15px;
}
.services-active2 .slick-next {
left: inherit;
right: -15px;
}
.services-active2 h2{
font-size: 28px;
margin-top: 30px;
}
.sinature-box {
position: relative;
left: 0;
width: 100%;
}
.newslater-area #contact-form4 {
margin-top: 50px;
float: right;
width: 100%;
padding-left: 0;
}
.service-detail {
padding-left: 0;
}
.portfolio-active .slick-arrow {
top: -113px;
left: 60.5%;
}
.portfolio-active .slick-next {
left: 79.5%;
}
.call-area h2 {
margin-top: 0;
}
.com-icon {
top: 80px;
width: 50px;
}
.com-icon img{
width: 100%;
}

.counter-area {

}

.single-counter {
margin-bottom: 30px;
text-align: center;
padding-left: 0;
}
#project {
background-size: cover !important;
}
#project .btn.ss-btn {
display: none;
}
.copy-text {
margin: 0px 0 0px;
}
.call-area {
background-size: cover;
padding: 120px 0;
}
.call-area h2 span {
font-size: 34px;
}
.call-area .number {
font-size: 36px;
}
.testimonial-active2 .single-testimonial p{
width: 100%;
font-size: 20px;
line-height: 28px;
}
.testimonial-active2 .testi-author img {
margin-bottom: 0;
}
.testimonial-active2 .slick-arrow {
display: none !important;
}
.cta-bg .video-img {
margin-top: 50px;
height: 500px;
}
.logo {
height: auto;
margin-top: 0;
line-height: inherit;
width: auto;
}
.container-fluid.pt-30.pb-30.pl-50.pr-50 {
padding-left: 0;
padding-right: 0;
}
.slider-price {
display: none;
}
.slider-bg2 .slider-content > span {
font-size: 18px;
}
.slider-bg2 .video-i{
display:none;
}

.slider-bg2 {
min-height: 700px;
position: relative;
margin-top: -118px;
z-index: 1;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.row {
margin-right: 0;
margin-left: 0;
}
.portfolio .col3 .grid-item, .portfolio .col2 .grid-item {
width: 100%;
padding: 15px;
}
.gallery-image img {
width: 100%;
}


.has-mega-menu{
position:relative;
}

li.has-sub.has-mega-menu ul{
position: relative;
top: 0px; /*insert the needed value*/
z-index: 100;
left:0px;
right:0px;
width: 100%;
}
li.has-sub.has-mega-menu:hover>ul{
/*flexbox fallback for browsers that do not support CSS GRID lyout*/
display: flex;
flex-wrap: wrap;
/*CSS GRID lyout*/ 
display: grid;
grid-template-columns: repeat(auto-fit,minmax(100%, 1fr));   
margin-left: 0px;
height:200px;
overflow:auto;
}
.timeline {

padding: 50px 0px 50px 50px;

}	
.tag-template img {
width: 100% !important;
}
.quote-post .meta-info {
padding: 10px 0;
}
.admin-bar .menu-area {
margin-top: 0;
}
.admin-bar .sticky-menu {
margin-top: 13px;
}
.tag-markup-2 li > ul, li > ol, .pages-content li > ul, li > ol {
padding-left: .5rem;
}
.size-full.wp-image-906 {
width: 100%;
height: auto;
}

.pages-content img {
height: auto;
}
.row {
margin-right: 0;
margin-left: 0;
}
.header-btn.second-header-btn {
display: none;
}

.f-cta-area {
margin-bottom: 0;
}
.search-form label{
width:100%;
}
.has-3-columns .wp-block-column,.has-5-columns .wp-block-column,
.has-6-columns .wp-block-column,.has-4-columns .wp-block-column,
.has-2-columns .wp-block-column,.wp-block-media-text.alignwide figure,
.wp-block-media-text__content,.wp-block-gallery.alignwide.columns-4.is-cropped li,
.wp-block-gallery.columns-6.is-cropped li,.wp-block-gallery.columns-7.is-cropped li,
.wp-block-gallery.columns-8.is-cropped li
{
width:100%;
}
#contact-form {
padding: 0 15px;
}
.s-video-wrap {
padding-left: 13px;
padding-right: 13px;
}
.wp-block-gallery.columns-3 li {
width: 100%;
}
.wp-block-gallery li {
width: 50%;
}

.main-menu .has-sub > ul {
display: none;
position: relative;
float: left;
width: 100%;
margin-bottom: 10px;

}
.main-menu .has-sub > ul {
border-top:1px solid #f7f7f7;
}
.main-menu .has-sub > ul > .has-sub > ul {
display: none;
position: relative;
float: left;
width: 100%;
margin-bottom: 10px;
margin-left:0;
margin-top:0;	
padding-left:15px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
border-top:1px solid #f7f7f7;

}
.main-menu .has-sub > ul > .has-sub > ul li:last-child{
border-bottom:none;
}
.main-menu .has-sub > ul > .has-sub > ul > .has-sub > ul {
display: none;
position: relative;
float: left;
width: 100%;
margin-bottom: 10px;
margin-left:0;
margin-top:0;
background:#d29751;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);

}
.main-menu .has-sub li a{
padding-left:20px;
}
.menu-item ul.sub-menu .sub-menu li,.menu-item ul.sub-menu .sub-menu .sub-menu li {

border-bottom: none;
}
.comment-author-admin {
margin-left: 0;
}
.container-p {
padding: 0 15px;
}
.menu-area {
padding-top: 15px;
padding-bottom: 5px;
}
.slider-bg .video-i.popup-video {
display: none;
}

.slider-content h2 {
font-size: 36px;
letter-spacing: 0;
margin-bottom: 30px;
}
.slider-four .s-slider-content p {
width: 100%;
}
.menu-area::before {
width: 60%;
}
.down-arrow {
bottom: 20px;
}
.section-t{display: none;}
.about-img {
margin-left: 0;
}
.about-img img {
width: 100%;
}
.about-text span {
top: 20px;
}
.about-text {
height: 109px;
width: 214px;
}
.about-content.pl-30 {
padding-left: 0;
margin-top: 30px;
padding-bottom: 3px;
}
.about-title h2 {
font-size: 28px;
letter-spacing: 0px;
}
.about-title h5 {
color: #f69320;
font-size: 14px;
margin-bottom: 10px; letter-spacing: 2px;
}
.pb-25 {
padding-bottom: 10px;
}
.s-about-content p {
margin-bottom: 15px; text-align: justify;
}
.features-content p {
padding: 0;
}
.section-title {
padding-left: 0;
padding-right: 0;
}
.section-title h2 {
font-size: 28px;
text-align: center;
}
.footer-top-heiding .section-title h2 {
font-size: 28px;
text-align: left;
margin-bottom: 10px !important;
}
#skill {
padding: 120px 0;
margin-bottom: 120px;
}
.skills-img {
margin-right: 0;
margin-top: 50px;
}
.contact-info {
display: inline-block;
margin-bottom: 50px;
}
.video-wrap img {
width: 100%;
}
.video-position {
bottom: 0;
}
.video-img a {
height: 50px;
width: 50px;
line-height: 15px;
padding: 17px;
}
.v-list ul li i {
display: block;
margin-right: 15px;
float: left;
margin-top: 2px;
}
.v-list ul li span {
overflow: hidden;
display: block;
}
.wp-list ul li {
display: block;
align-items: unset;
}
.wp-list {
padding: 30px 20px;
padding-bottom: 25px;
}
.wp-icon {
margin-right: 0;
margin-bottom: 10px;
}
.wp-img {
margin-right: 0;
margin-top: 30px;
margin-bottom: -15px;
}
.wp-img > img {
width: 100%;
}
.wp-img .wp-tag {
left: 0;
top: 75px;
width: 25%;
}

.cta-content p {
padding-right: 0;
}
.cta-right {
margin-top: 35px;
}

.blog-content {
padding: 30px 20px;
}
.f-cta-area {
padding: 35px 20px 0;
}

.menu-area {
padding: 20px 0;
}
.responsive {
float: right;
display: block;
cursor: pointer;
margin-top: -38px;
}
.responsive i {
color: #002e5b;
font-size: 25px;
}
#mobile-menu {
display: none;
background: no-repeat;
padding: 20px 0;
margin-top: 21px;
background: #002e5b;
}
.main-menu {
text-align: left !important;
}
.main-menu ul li {
display: block;
border-bottom: 1px solid #ffffff3d;
margin-left: 0;
}
.button-group button{
margin: 0 4px;
font-size: 15px;
}
.main-menu  ul > li > a::before {content: none;}
.main-menu ul li a {
color: #fff;
padding: 12px 15px;
display: inline-block;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
}
.second-menu {
margin-bottom: 0;
box-shadow: none;
padding: 0;
margin-top: 0;
}
.second-menu::before {
content: none;
}
.second-header {
padding: 10px 0;
}
.second-menu .main-menu ul li {
margin-left: 0;
}

.s-about-img img {
width: 100%;
margin: 0;
}
.about-user .img {
margin-right: 30px;
width: 317px;
}
.chosse-img {
display: none;
}
.testimonial-active {
width: 100%;

}
.portfolio .col3 .grid-item,.portfolio .col2 .grid-item {
width:100%;
padding: 15px;
}
.contact-img {
display: none;
}
.contact-bg.pb-80 {
padding-bottom: 120px;
}

.slider-shape {
display: none !important;
}
.second-about {
display: none;
}
.s-about-content.pl-30 {
margin-top: 0;
}
.s-video-content h2 {
font-size: 40px;
}
.features-shape {
display: none;
}
.choose-wrap.pl-100 {
padding-left: 0;
}
.choose-content p {
padding-right: 0;
}
.choose-list ul li i {
display: block;
margin-right: 15px;
float: left;
margin-top: 2px;
}
.choose-list ul li span {
overflow: hidden;
display: block;
}
.inner-wp-icon {
display: none;
}
.wp-thumb.mb-35 {
margin-bottom: 25px;
}

.bsingle__content {
padding: 25px;
}
.bsingle__content h2 {
padding-right: 0;
font-size: 24px;
}
.bsingle__content p {
padding-right: 0px;
}
.quote-post .quote-icon {
margin-top: 14px;
float: unset;
margin-bottom: 15px;
}
.pagination-wrap .pagination {
text-align: center;
}
.widget__post-content h6 {
font-size: 14px;
padding-right: 0;
}
.widget__banner-overly > span {
margin-bottom: 120px;
}
.widget__banner-overly h3 {
color: #ffffff;
font-size: 32px;
margin-bottom: 100px;
font-weight: 500;
}
.breadcrumb-title h2 {
font-size: 25px;
margin-top: 0;
margin-bottom: 0;
}
.breadcrumb-title p {
padding: 0;
font-size: 15px;
}
.breadcrumb-area {
background-position: 25% 0;
background-color: #fff;
min-height: 350px;
padding-top: 130px;
}

.details__content h2 {
font-size: 24px;
}
.details__content blockquote {
padding-right: 20px;
padding-left: 45px;
}
.details__content figure img {
float: unset;
width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
.post__tag ul li {
margin-right: 2px;
}
.post__share {
text-align: left !important;
}
.post__share h5 {
margin-bottom: 15px;
}
.post__tag {
margin-bottom: 35px;
}
.posts_navigation .prev-link {
margin-bottom: 30px;
}
.posts_navigation .blog-filter {
margin-bottom: 30px;
display: inline-block;
}
.related-post-wrap .rp__content {
padding: 35px;
padding-left: 25px;
padding-right: 25px;
}
.related-post-wrap .rp__content h3 {
font-size: 20px;
}
.avatar__wrap {
padding: 50px 20px;
}
.single__comment .comments-avatar {
margin-bottom: 15px;
}
.single__comment.children {
margin-left: 0;
}
.comment__form {
padding: 30px 20px;
}
.b-details-p.pt-120 {
padding-top: 115px;
}
.menu-area .menu-tigger {display: none;}
.off-logo {display: block;}
.faq-img.text-right {
text-align: center !important;
margin-top: 30px;
margin-right: 0;
}
.pricing-body ul {
padding: 0 0 !important;
}
.faq-area.pt-113.pb-120 {
margin-top: 65px;
}
.s-slider-content p {
padding-right: 0;
}
.slider-btn.mt-55 {
margin-top: 25px;
}

.faq-img img {
width: 100%;
}
.down-arrow {
display: none;
}
.meta__info ul li {
margin-right: 15px;
}
#scrollUp {
right: 20px;
bottom: 30px;
}
.video-wrap > img {
display: none;
}
.video-img img {
width: 100%;
}
.video-position {
position: unset;
bottom: unset;
left: unset;
}
.counter-area.pb-90 {
padding-bottom: 85px;
}
.cta-bg.pb-120 {
padding-bottom: 115px;
}
.contact-wrapper input {
height: 65px;
padding: 0 25px;
}
.contact-wrapper textarea {
height: 160px;
padding: 30px 25px;
}
.second-slider-content {
padding-top: 0;
}
.s-cta-p.pb-120 {
padding-bottom: 120px;
}

}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.team-thumb img {
height: auto;
width: 100%;
}
.services-active2 .slider-nav .slick-list.draggable {
width: 400px;
float: right;
}
.portfolio-active .slick-arrow {
top: -173px;
left: 60.5%;
}
.portfolio-active .slick-next {
left: 79.5%;
}
.slider-content h2 {
font-size: 50px;
}
.services-img img {
width: 100%;
}
.section-title h2 {
font-size: 42px;
letter-spacing: -1px;
}
.wp-list {
padding: 80px 50px;
padding-bottom: 75px;
}
.blog-content h4 {
font-size: 24px;
}
.f-insta ul li {
width: 28%;
}
.f-insta ul li a img {
width: 100%;
}
.s-video-content {
padding-left: 40px;
padding-right: 40px;
}
.s-video-content br{display: none;}
.choose-wrap.pl-100 {
padding-left: 30px;
}
.inner-wp-icon {
display: block;
}
.testimonial-p {
padding-top: 114px;
}
.pricing-box {
padding: 80px 40px;
}
.bsingle__content h2 {
font-size: 26px;
}
.quote-post .quote-icon {
float: left;
margin-right: 30px;
display: block;
margin-bottom: 0;
margin-top: 20px;
}
.widget__banner-overly > span {
margin-bottom: 260px;
}
.widget__banner-overly h3 {
margin-bottom: 210px;
font-size: 60px;
}
.avatar__wrap {
padding: 50px 40px;
}

}
/* Large Mobile :480px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.services-active2 .slider-nav .slick-list.draggable {
width: 500px;
float: right;
}
.services-item {
width: 470px;
}
.button-group button {
margin: 0 2px;

}
