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

/*--hero-section--*/
.hero-area {
    height: 750px;
}
.hero-content h1 {
    font-size: 50px;
}
/*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: 100px 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;
}
.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: 100px 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-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: 80px 0 0;
}
.about-area .section-title h1 {
    font-size: 30px;
}
.about-thumb img {
    width: 147%;
    margin-left: -176px;
}

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

/*--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: none;
}
/*hero-section*/
.hero-area {
    height: 650px;
    margin-top: 0;
}
.hero-content h1 {
    font-size: 46px;
}
.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-area .section-title h1 {
    font-size: 40px;
}
.service-box {
    padding: 33px 13px 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: none;
}

/*--hero-section--*/
.hero-area {
    margin-top: 0;
}

.hero-content h1 {
    font-size: 38px;
}
.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-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: 30px;
}
.about-thumb img {
    margin-left: 3px;
    margin-bottom: 26px;
}
/*service-section*/
.service-area .section-title h1 {
    font-size: 30px;
}

/*--services-details-section--*/
.service-detials-area {
    padding: 152px 0 119px;
}

.service-details-main-title h1 {
    font-size: 36px;
    line-height: 45px;
}

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

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

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



}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width:599px) {  
.header-area {
    display: none;
}
/*hero-section*/
.hero-area {
    margin-top: 0;
   height: 550px;
}
.hero-content h1 {
    font-size: 35px;
}
.hero-content-tow {;
    width: 96%;
    padding: 26px 23px 24px;
}
.our-expriance {
    left: 62%;
    bottom: 40%;
}

/*counter-section*/
.counter-area {
    padding: 118px 0 89px;
}
.counter-box {
    margin-bottom: 28px;
}
.counter-box::before {
    width: 34%;
    height: 51%;
    left: -138px
}

/*practice-area*/
.practice-area {
    padding: 100px 0 98px;
}
.section-title p {
    width: 100%;
}
.team-area .section-title h1 {
    font-size: 30px;
}

.team-thumb img {
    width: 100%;
}
.team-social-icon {
    padding: 38px 155px 38px;
}
.team-content {
    width: 100%;
}
.team-area .Dreamhub-button {
    margin-bottom: 25px;
}

.owl-prev {
    left: 44%;
    top: -13%;
}
.owl-next {
    top: -13%;
    left: 55%;
}
/*testi-section*/
.testi-area {
    padding: 105px 0 118px;
}
.section-title h1 {
    font-size: 30px;
}
.testi-area  .owl-next {
    display: none;
}
/*blog-section*/
.blog-area {
    padding: 102px 0 92px;
}
.blog-area.blog-grid {
    padding: 120px 0 94px;
}
.single-blog-box {
    margin-bottom: 25px;
}

/*subcribe-section*/
.subscribe-content h1 {
   font-size: 30px;
}

.subscribe-form button {
    padding: 15px 30px;
    margin-left: 0;
    float: right;
    margin-top: 29px;
}

.subscribe-form p.subscribe-text {
    font-size: 15px;
}

/*footer-section*/
.footer-area {
    padding: 262px 0 33px;
}
.footer-widget-desc p {
    margin-top: 35px;
}
.footer-widget-content {
    margin-top: 50px;
}
.footer-widget-title h4 {
    margin-bottom: 30px;
}
/*bradcumb-section*/
.bradcumb-area {
    padding: 120px 0 120px;
    text-align: center;
}
.bradcumb-content h1 {
    font-size: 46px;
}
/*faqs-section*/
.faqs-area {
    padding: 92px 0 118px;
}
.faqs-content {
    padding: 0px 18px 0;
}
.accordion h3::after {
    top: 30px;
}
.accordion h3 {
    font-size: 15px;
    text-indent: 22px;
}
.accordion li p {
    font-size: 14px;
    width: 96%;
    margin-left: 13px;
}

/*--blog-deatils--*/
.blog-detials-area {
    padding: 100px 0 76px;
}
.blog-detials-area.blog-list {
    padding: 120px 0 90px;
}
.blog-detials-area.blog-tow-column {
    padding: 120px 0 91px;
}
.blog-details-content h2 {
    font-size: 20px;
    line-height: 30px;
}

.blog-details-author-thumb {
    float: inherit;
    margin-right: 0;
    text-align: center;
    margin-bottom: 25px;
}

.blog-details-author-content {
    text-align: center;
}

.blog-details-comment.reply {
    margin-left: 0;
}

.blog-details-contact {
    margin: 0;
}

/*portfoli-section*/
.portfolio-area {
    padding: 105px 0 88px;
}
.portfolio-area .section-title p {
    width: 100%;
}
.portfolio_menu ul li {
    margin-bottom: 25px;
}

/*--porfolio-details-section--*/
.portfolio-details-area {
    padding: 120px 0 113px;
}
.row.box-shadow {
    padding: 58px 30px 56px;
}
.portfolio-details-thumb img {
    margin-left: 0;
    margin-bottom: 28px;
}
/*about-section*/
.about-area {
    padding: 70px 0 0;
}
.about-thumb img {
    margin-left: 0;
    margin-bottom: 25px;
}
.about-area .section-title h1 {
    font-size: 30px;
    color: #032954;
}
/*--services-details-section--*/
.service-detials-area {
    padding: 120px 0 89px;
}

.service-details-main-title h1 {
    font-size: 30px;
    line-height: 42px;
}

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

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

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

/*services-section*/
.service-area {
    padding: 105px 0 98px;
}
.service-area .section-title h1 {
    font-size: 24px;
}
/*pricing-section*/
.pricing-area {
    padding: 105px 0 87px;
}
.pricing-content {
    margin-bottom: 35px;
}
/*contact-section*/
.contact-area {
    padding: 120px 0 120px;
}
.contact-infor {
    margin-bottom: 45px;
}







}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header-area {
    display: none;
}
/*hero-section*/
.hero-area {
    height: 500px;
    margin-top: 0;
    background: none;
}
.hero-content h1 {
    font-size: 22px;
}
.hero-content-tow {
    padding: 26px 13px 24px;
    width: 100%;
}
.our-expriance {
    display: none;
}
/*counter-section*/
.counter-area {
    padding: 8px 0 79px;
}
.counter-box {
    margin-bottom: 20px;
}
/*practice-section*/
.practice-area {
    padding: 83px 0 78px;
}
.practice-area .section-title h1 {
    font-size: 26px;
}
.section-title p {
    width: 100%;
    font-size: 17px;
}


.team-area .section-title h1 {
    font-size: 25px;
}
.team-area .Dreamhub-button {
    margin-bottom: 26px;
}
.team-thumb img {
    width: 100%;
}
.team-content {
    width: 100%;
}
.team-social-icon ul li i {
    margin-right: 2px;
}
.owl-prev {
    left: 64%;
    top: -18%;
}
.owl-next {
    top: -18%;
    left: 80%;
}
/*testi-section*/
.testi-area {
    padding: 85px 0 100px;
}
.section-title h1 {
    font-size: 22px;
}
.testi-area .owl-next {
    display: none;
}

.quote-icon {
    right: -18px;
    z-index: -1;
}
/*blog-section*/
.blog-area {
    padding: 85px 0 78px;
}
.blog-area.blog-grid {
    padding: 100px 0 80px;
}
.blog-area .section-title h1 {
    font-size: 20px;
}
.single-blog-box {
    margin-bottom: 22px;
}
.meta-blog span.date {
    margin-right: 12px;
}
.blog-content h4.title a {
    font-size: 20px;
    line-height: 26px;
}
/*subcribe-section*/
.subscribe-area .row.add-bg {
    padding: 71px 0 89px 7px;
}
.subscribe-content h1 {
    font-size: 22px;
}
.subscribe-form button {
    padding: 16px 15px;
    margin-left: 0;
    float: right;
    margin-top: 28px;
    margin-right: -7px;
}

/*footer-section*/
.footer-area {
    padding: 99px 0 33px;
    margin-top: 0;
}
.footer-widget-desc p {
    margin-top: 43px;
}
.footer-widget-content {
    margin-top: 50px;
}
.footer-widget-title h4 {
    margin-bottom: 30px;
}
/*breadcumb-section*/
.bradcumb-area {
    padding: 100px 0 100px;
    text-align: center;
}
/*faqs-section*/
.faqs-area {
    padding: 73px 0 100px;
}
.accordion h3 {
    font-size: 14px;
    text-indent: 8px;
    font-size: 12px;
}

.accordion li p {
    font-size: 13px;
    width: 100%;
    margin-left: 0px;
}
.accordion h3::after {
    top: 26px;
}


/*--blog-details--*/
.blog-detials-area {
    padding: 89px 0 68px;
}
.blog-detials-area.blog-list {
    padding: 100px 0 68px;
}
.blog-detials-area.blog-tow-column {
    padding: 98px 0 71px;
}
.blog-details-meta span {
    margin-right: 20px;
    display: block;
}
.blog-details-content h2 {
    font-size: 20px;
    line-height: 28px;
}

.blog-details-content h3 {
    font-size: 20px;
    line-height: 30px;
}

.blog-details-content-list p {
    margin-bottom: 18px;
}

.blog-details-social {
    text-align: left;
    margin-top: 20px;
}
.blog-details-button a.active {
    margin-top: 7px;
}
.blog-details-author-thumb {
    float: inherit;
    margin-right: 0;
    text-align: center;
    margin-bottom: 20px;
}
.blog-details-author-content h2 {
    font-size: 18px;;
}
.blog-details-author-content {
    text-align: center;
}

.blog-details-author-inner {
    padding: 30px 8px 25px;
}
.blog-details-comment-reply a {
    display: none;
}
.blog-details-comment-thumb {
    float: left;
    margin-right: 0;
}

.blog-details-comment-thumb img {
    width: 88%;
}

.blog-details-comment.reply {
    margin-left: 0;
}

.blog-details-contact {
    margin: 0;
}

.sidber-widget-recent-post .recent-widget-content a {
    font-size: 15px;
}
.recent-widget-content span {
    font-size: 11px;;
}
.sidber-widget-recent-post .recent-widget-content span i {
    margin-right: 0;
}
.widget-categories-menu ul li a {
    font-size: 13px;
}

/*--services-details--*/
.service-detials-area {
    padding: 101px 0 70px;
}

.service-details-main-title h1 {
    font-size: 22px;
    line-height: 30px;
}

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

.service-details-choose-us-title h2 {
    font-size: 22px;
}

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

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

/*bradcumb-section*/
.bradcumb-content h1 {
    font-size: 28px;
}

/*portfolio-section*/
.portfolio-area {
    padding: 105px 0 88px;
}
.portfolio-area .section-title p {
    width: 100%;
}
.portfolio_menu ul li {
    display: block;
    margin-bottom: 20px;
}


/*--portfolio-details-section--*/
.portfolio-details-area {
    padding: 100px 0 92px;
}
.row.box-shadow {
    padding: 58px 0 56px;
}
.portfolio-details-thumb img {
    margin-left: 0;
    margin-bottom: 26px;
}
.portfolio-details-content ul li strong {
    font-size: 15px;
}
.portfolio-details-content ul li {
    font-size: 14px;
}

/*about-section*/
.about-area {
    padding: 60px 0 83px;
}
.about-thumb img {
    margin-left: 0;
    margin-bottom: 20px;
}
.about-area .section-title h1 {
    font-size: 18px;
}

/*services-section*/
.service-area {
    padding: 87px 0 79px;
}
.service-area .section-title h1 {
    font-size: 18px;
}
.service-box {
    padding: 33px 18px 25px;
}

/*pricing-section*/
.pricing-area {
    padding: 85px 0 70px;
}
.pricing-content {
    margin-bottom: 30px;
}
.pricing-head-text p {
    width: 65%;
}
/*contact-section*/
.contact-infor {
    padding: 36px 23px 33px;
}





}