/* Normal desktop :1366px. */
@media (min-width: 1366px) and (max-width: 1600px) {


/*--hero-section--*/
.hero-area {
    height: 1050px;
}
.hero-content h1 {
    font-size: 50px;
}
.hero-content p {
    width: 45%;
}
/*counter-section*/

/*--team-section--*/
.single-team-box {
    margin-right: 10px;
}
.owl-next {
    left: -50%;
    top: 56%;
}

.owl-prev {
    left: -62%;
    top: 56%;
}
.team-thumb img {
    width: 100%;
}
.team-social-icon {
    left: -144%;
    padding: 38px 64px 38px;
}
.team-content {
    width: 100%;
}
.team-social-icon ul li i {
    margin-right: 0px;
}

/*--testi-section--*/
.testi-area {
    background-size: cover;
    background-position: center center;
}

/*blog-section*/
.blog-area .section-title p {
    width: 70%;
}
/*subcribe-section*/
.subscribe-form button {
    float: right;
    margin-top: 28px;
}

/*--blog-details--*/
.blog-details-content h2 {
    font-size: 28px;
    line-height: 41px;
}

/*contact-section*/
.contact-content h4 {
    font-size: 20px;
}


.faqs-content h4 {
    font-size: 20px;
}

.accordion h3 {
    text-indent: 10px;
}

.accordion li p {
    font-size: 15px;
    margin-left: 0;
}

.accordion h3::after {
    right: 15px;
    top: 32px;
}
/*about-section*/
.about-area {
    padding: 143px 0 0;
}
.about-area .section-title h1 {
    font-size: 36px;
}
.about-list-item ul li {
    font-size: 15px;
}





}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1365px) {


/*hero-section*/
.hero-content h1 {
    font-size: 50px;
}
.hero-content p {
    width: 50%;
}
.our-expriance {
    right: -48%;
}
/*counter-section*/
.counter-box:hover::before {
    left: -48px;
    top: -58px;
}
.counter-box h2.number {
    top: 13px;
    left: 13px;
}
/*team-section*/
.owl-next {
    left: -53%;
}
.owl-prev {
    left: -63%;
}
.team-content {
    width: 100%;
}
.team-social-icon {
    left: -144%;
    padding: 38px 69px 38px;
}
.team-social-icon ul li i {
    margin-right: 0;
}

/*testi-section*/
.testi-area {
    background-size: cover;
    background-position: center center;
}
.section-title h1 {
    font-size: 45px;
}
/*subscribe-section*/
.subscribe-form button {
    float: right;
    margin-top: 29px;
}


/*--blog-details--*/
.blog-details-content h2 {
    font-size: 28px;
    line-height: 40px;
}

/*faqs-section*/
.accordion h3 {
    font-size: 15px;
}
.accordion li p {
    font-size: 15px;
    width: 88%;
}
/*about-section*/
.about-area {
    padding: 144px 0 0;
}
.about-area .section-title h1 {
    font-size: 36px;
}
.about-list-item ul li {
    font-size: 15px;
}
/*--services-details--*/
.service-details-main-title h1 {
    font-size: 30px;
    line-height: 40px;
}

.service-details-overview-list ul li {
    padding-top: 11px;
}

.service-details-content h2 {
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 4px;
}





}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {



/*hero-section--*/
.hero-content h1 {
    font-size: 40px;
}
.hero-content p {
    width: 64%;
}

.hero-content-tow {
    padding: 26px 28px 24px;
}

.our-expriance {
    right: -57%;
}
/*counter-section*/
.counter-box::before {
    width: 52%;
    height: 43%;
}
.counter-box:hover::before {
    left: -37px;
    top: -55px;
}
.counter-box h2.number {
    top: 10px;
    left: 12px;
}
.counter-content h4 {
    font-size: 40px;
}
/*team-section*/
.team-thumb img {
    width: 100%;
}
.team-content {
    width: 100%;
}
.team-area .section-title h1 {
    color: #032954;
    font-size: 40px;
}
.single-team-box:hover .team-social-icon {
    left: 20%;
}

.owl-prev {
    left: -55%;
    top: 41%;
}
.owl-next {
    top: 41%;
    left: -43%;
}

/*testi-section*/
.testi-area {
    background-size: cover;
    background-position: center center;
}
.section-title h1 {
    font-size: 35px;
}

/*-blog-section*/
.meta-blog span.date {
    margin-right: 18px;
}

.blog-content h4.title a {
    font-size: 18px;
    line-height: 26px;
}
/*subcribe-section*/
.subscribe-form button {
    padding: 16px 22px;
    margin-left: 2px;
}
.subscribe-content h1 {
    font-size: 35px;
}
/*footer-section*/
.footer-widget-infor-content p {
    font-size: 13px;
}

/*faqs-section*/
.faqs-content h4 {
    font-size: 16px;
}
.accordion li p {
    font-size: 14px;
    margin-left: 0px;
    width: 95%;
}

.accordion li p {
    font-size: 14px;
    margin-left: 0px;
}
.accordion h3::after {
    right: 14px;
    top: 29px;
}

/*--blog-details--*/
.blog-details-content h2 {
    font-size: 28px;
    line-height: 40px;
}

.recent-widget-thumb {
    margin-right: 5px;
}

.sidber-widget-recent-post .recent-widget-content a {
    font-size: 14px;
    line-height: 14px;
}
.widget-categories-menu ul li a {
    font-size: 13px;
}

/*-portfolio-section*/
.poftolio-content h4 a {
    font-size: 13px;
}
/*about-section*/
.about-area {
    padding: 134px 0 0;
}
.about-area .section-title h1 {
    font-size: 36px;
}
.about-list-item ul li {
    font-size: 15px;
}
/*--services-details-section--*/
.service-details-main-title h1 {
    font-size: 26px;
    line-height: 40px;
}

.service-details-overview-title h2 {
    font-size: 26px;
    line-height: 40px;
}

.service-details-overview-list ul li {
    padding-top: 9px;
}

.service-details-overview-list ul li::before {
    top: 18px;;
}

.service-details-number {
    right: 20px;
}

.service-details-content h2 {
    font-size: 18px;
    padding-top: 0px;
    line-height: 26px;
}


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.header-area {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(26, 26, 26, 0.95);
}
/*hero-section*/
.hero-area {
    min-height: 100vh;
    min-height: 100dvh;
    height: auto;
    margin-top: 0;
    padding-top: 130px;
}
.hero-content h1 {
    font-size: 46px;
}
.hero-content p {
    width: 80%;
}
.hero-content-tow {
    width: 67%;
}
.our-expriance {
    left: 65%;
}
/*counter-section*/
.counter-area {
    padding: 148px 0 126px;
}
.counter-box {
    margin-bottom: 20px;
}
.counter-box::before {
    width: 40%;
    height: 48%;
}
.counter-box:hover::before {
    left: -39px;
    top: -50px;
}
/*piractis-section*/
.section-title p {
    width: 80%;
}
/*team-section*/
.team-area .section-title p {
    width: 92%;
    margin: 0 0 0;
    margin-top: 27px;
}

.team-area .Dreamhub-button {
    text-align: left;
    margin-bottom: 26px;
}
.single-team-box {
    margin-right: 20px;
}
.owl-prev {
    left: 29%;
    top: -17%;
}
.owl-next {
    top: -17%;
    left: 37%;
}
.team-thumb img {
    width: 100%;
}
.team-content {
    width: 100%;
}

.team-social-icon {
    padding: 39px 91px 38px;
}
.single-team-box:hover .team-social-icon {
    left: 0px;
}
/*testi-section*/
.testi-area .owl-next i {
    display: none;
}
.testi-area .section-title p {
    width: 85%;
    margin-right: 0;
    margin-left: 0;
}
/*blog-section*/
.single-blog-box {
    margin-bottom: 20px;
}
/*footer-section*/
.footer-widget-content {
    margin-bottom: 45px;
}

/*--blog-details--*/
.blog-area {
    padding: 132px 0 127px;
}
.blog-detials-area {
    padding: 110px 0 88px;
}

.blog-details-content h2 {
    line-height: 44px;
}

/*portfolio-section*/
.portfolio-area .section-title p {
    width: 80%;
}
.portfolio_menu ul li {
    margin-right: 0px;
}

/*--portfolio--details-section--*/
.portfolio-details-thumb img {
    margin-left: 0;
    margin-bottom: 35px;
}

/*about-section*/
.about-thumb img {
    margin-bottom: 36px;
}
/*services-section*/
.service-box {
    padding: 33px 18px 25px;
}

/*--services-details-section--*/
.service-detials-area {
    padding: 150px 0 119px;
}
.service-details-main-title h1 {
    font-size: 30px;
    line-height: 45px;
}

.service-details-overview-title h2 {
    font-size: 28px;
    line-height: 40px;
}

.service-details-overview-list ul li {
    padding-top: 12px;
}

.service-details-overview-list ul li::before {
    top: 20px;
}
/*pricing-section*/
.pricing-area {
    padding: 135px 0 123px;
}
.pricing-content {
    margin-bottom: 25px;
}
/*contact-section*/
.contact-infor {
    margin-bottom: 50px;
}



}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.header-area {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(26, 26, 26, 0.95);
}

/*--hero-section--*/
.hero-area {
    margin-top: 0;
    padding-top: 130px;
    min-height: 100vh;
    min-height: 100dvh;
}

.hero-content h1 {
    font-size: 38px;
}
.hero-content p {
    width: 86%;
}
.hero-content-tow {
    width: 74%;
    padding: 26px 20px 24px;
}
.our-expriance {
    left: 70%;
}
/*counter-secction*/
.counter-area {
    padding: 148px 0 125px;
}
.counter-box {
    margin-bottom: 20px;
}
.counter-box::before {
    width: 35%;
    height: 59%;
    top: -174px;
    left: -159px;
}
.counter-box:hover::before {
    left: -78px;
    top: -67px;
}
/*Practice-section*/
.section-title p {
    width: 100%;
}
/*team-section*/
.team-area {
    padding: 133px 0 121px;
}
.team-area .section-title h1 {
    font-size: 40px;
}
.team-area .section-title p {
    font-size: 15px;
}
.team-area .Dreamhub-button {
    margin-bottom: 20px;
}
.team-thumb img {
    width: 100%;
}
.team-content {
    width: 100%;
}
.team-social-icon {
    padding: 38px 191px 38px;
}
.team-social-icon ul li i {
    margin-right: 0px;
}
.owl-prev {
    left: 40%;
    top: -11%;
}
.owl-next {
    top: -11%;
    left: 50%;
}
/*testi-section*/
.testi-area .owl-next i {
    display: none;
}
.section-title h1 {
    font-size: 34px;
}
/*blog-section*/
.blog-area {
    padding: 132px 0 122px;
}
.single-blog-box {
    margin-bottom: 22px;
}

/*subcribe-section*/
.subscribe-content h1 {
    font-size: 30px;
}
/*footer-section*/
.footer-widget-content {
    margin-top: 58px;
}
.footer-widget-title h4 {
    margin-bottom: 41px;
}
/*breadcumb-section*/
.bradcumb-area {
    text-align: center;
}
.bradcumb-content h1 {
    font-size: 48px;
}
/*faqs-section*/
.accordion li p {
    width: 95%;
}

/*portfolio-section*/
.portfolio-area .section-title p {
    width: 100%;
}
.portfolio_menu ul li {
    margin-bottom: 20px;
}
/*--blog-details-section--*/
.blog-detials-area {
    padding: 110px 0 87px;
}

.blog-details-content h2 {
    line-height: 40px;
}

/*--porfolio-details-section--*/
.row.box-shadow {
    padding: 40px 48px 39px;
}
.portfolio-details-thumb img {
    margin-left: 0;
    margin-bottom: 28px;
}
/*about-section*/
.about-area .section-title h1 {
    font-size: 36px;
}
.about-thumb img {
    width: 147%;
    margin-left: -176px;
}

/*services-section*/
.service-box {
    padding: 33px 18px 25px;
}

/*--services-details-section--*/
.service-detials-area {
    padding: 150px 0 119px;
}
.service-details-main-title h1 {
    font-size: 30px;
    line-height: 45px;
}

.service-details-overview-title h2 {
    font-size: 28px;
    line-height: 40px;
}

.service-details-overview-list ul li {
    padding-top: 12px;
}

.service-details-overview-list ul li::before {
    top: 20px;
}
/*pricing-section*/
.pricing-area {
    padding: 135px 0 123px;
}
.pricing-content {
    margin-bottom: 25px;
}
/*contact-section*/
.contact-infor {
    margin-bottom: 50px;
}



}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width:599px) {
.header-area {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(26, 26, 26, 0.95);
}
/*hero-section*/
.hero-area {
    margin-top: 0;
    padding-top: 130px;
    min-height: 100vh;
    min-height: 100dvh;
    height: auto;
}
.hero-content h1 {
    font-size: 35px;
}
.hero-content p {
    width: 90%;
    font-size: 16px;
}

.hero-content-tow {
    width: 96%;
    padding: 26px 23px 24px;
}
.our-expriance {
    left: 62%;
}

}