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



}

/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {
  
/*hero-section*/

/*service-section*/
.service-box-right {
    margin-right: -51px;
    margin-left: 14px;
}

/*section-title*/
.section-title p {
    width: 90%;
}

/*about-section*/
.about-thumb {
    margin-left: -87px;
}
/*management-section*/
.management-thumb {
    margin-left: -43px;
}
/*solution-section*/
.solution-thumb img {
    margin-left: -213px;
}
/*web-platform-section*/
.web-platform-thumb img {
    margin-left: -47px;
}
/*team-section*/
.single-team-box:hover .team-social-icon {
    left: 24%;
}



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


/*service-section*/
.service-box-right {
    margin-right: -33px;
    margin-left: 13px;
}
.single-service-box {
    padding: 43px 20px 31px;
}

/*section-title*/
.section-title p {
    width: 90%;
}
/*about-section*/
.about-thumb {
    margin-left: -90px;
}
/*management-section*/
.management-thumb {
    margin-left: -42px;
}
/*solution-section*/
.solution-thumb img {
    margin-left: -211px;
}
/*web-platform-section*/
.web-platform-thumb img {
    margin-left: -44px;
}


/*--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%;
}

/*--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;
}

.service-details-content p {
    font-size: 15px;
    line-height: 24px;
}



}

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

/*header-section*/
.header-menu ul li a {
    margin-right: 13px;
}
/*hero-section*/
.hero-content h1 {
    font-size: 47px;
    line-height: 47px;
}
/*service-section*/
.single-service-box {
    padding: 43px 12px 31px;
}
.service-box-right {
    margin-right: -11px;
    margin-left: -17px;
}
/*service-section*/
.section-title h1 {
    font-size: 33px;
    line-height: 35px;
}
.section-title p {
    font-size: 15px;
    width: 85%;
}
/*about-section*/
.about-thumb {
    margin-left: -158px;
}
/*management-section*/
.management-thumb {
    margin-left: -57px;
}
/*sooution-section*/
.solution-thumb img {
    margin-left: -288px;
}
/*web-platform-section*/
.web-platform-thumb img {
    margin-left: -42px;
}
/*call-do-action-section*/
.call-do-action-content h1 {
    font-size: 24px;
    line-height: 24px;
}
.call-do-action-button a {
    padding: 12px 25px;
}

/*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;
}
.accordion h3 {
    text-indent: 10px;
    font-size: 16px;
}

/*footer-section*/
.footer-widget-desc p {
    width: 100%;
}
.infor-icon i {
    font-size: 23px;
    margin-right: 14px;
}

/*--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;
}

/*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: 16px;
    padding-top: 0px;
    line-height: 26px;
}
.single-team-box:hover .team-social-icon {
    left: 20%;
}



}


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

.header-area {
    display: none;
}
/*hero-section*/
.hero-content p {
    width: 70%;
}
/*service-section*/
.service-area {
    padding: 90px 0 149px;
}
.service-box-right {
    margin-right: 0;
    margin-left: 0;
    margin-top: 50px;
}
.section-title p {
    width: 70%;
}
/*about-section*/
.about-thumb {
    margin-left: 0;
}
.about-thumb img {
    width: 100%;
    margin-bottom: 20px;
}
/*management-section*/
.management-area {
    padding: 90px 0 63px;
}
.management-thumb {
    margin-left: 0;
}
.management-thumb img {
    width: 100%;
    margin-top: 50px;
}
/*solution-section*/
.solution-area {
    padding: 90px 0 118px;
}
.solution-thumb img {
    margin-left: 0;
    width: 100%;
}
/*web-platform-section*/
.web-platform-thumb img {
    margin-left: -29px;
    width: 100%;
    margin-top: 28px;
}
/*call-do-action-section*/

.row.call-do-action-bg {
    padding: 106px 32px 121px 32px;
}
.call-do-action-content h1 {
    font-size: 28px;
    line-height: 28px;
}
.call-do-action-button {
    margin-top: 40px;
}
/*contact-section*/
.contact-box {
    margin-bottom: 30px;
}
/*footer-section*/
.footer-widget-content {
    margin-bottom: 40px;
}
.footer-widget-title h4 {
    margin-bottom: 39px;
    margin-top: 0;
}
.footer-widget-desc p {
    width: 90%;
}

/*--blog-details--*/
.blog-detials-area {
    padding: 120px 0 90px;
}
.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;
}


/*--services-details-section--*/
.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: 108px 0 92px;
    background: #f6f6f6;
}

.pricing-area .section-title {
    margin-bottom: 50px;
}
.pricing-content {
    margin-bottom: 25px;
}
/*contact-section*/
.contact-infor {
    margin-bottom: 50px;
}

/*team-section*/
.team-area {
    padding: 109px 0 74px;
}
.team-area .Dreamhub-button {
    text-align: left;
    margin-bottom: 65px;
}

.single-team-box {
    margin-bottom: 35px;
}



}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.header-area {
    display: none;
}

/*--hero-section--*/
.hero-area {
    height: 570px;
    margin-top: 0;
}
.hero-content h1 {
    font-size: 50px;
    line-height: 50px;
}
.hero-content p {
    width: 95%;
}
/*service-section*/
.service-area {
    padding: 89px 0 120px;
}
.service-box-right {
    margin-right: 0;
    margin-left: 0;
}
.single-service-box.style-tow {
    margin-top: 30px;
    margin-bottom: 27px;
}
.single-service-box {
    padding: 43px 80px 31px;
}

.service-area .Dreamhub-button.button-style-tow {
    margin-top: 44px;
    margin-bottom: 22px;
}
/*about-section*/
.about-thumb {
    margin-left: 0;
}
.about-thumb img {
    width: 100%;
    margin-bottom: 40px;
}
/*management-section*/
.management-area {
    padding: 90px 0 74px;
}
.management-thumb {
    margin-left: 0;
}
.management-thumb img {
    width: 100%;
    margin-top: 28px;
}

/*solution-section*/
.solution-area {
    padding: 98px 0 119px;
}
.solution-thumb img {
    margin-left: 0;
    width: 100%;
}
/*web-platform-section*/
.web-platform-area {
    padding: 90px 0 116px;
}
.web-platform-thumb img {
    margin-left: -11px;
    width: 100%;
    margin-top: 35px;
}
/*call-do-action-section*/
.row.call-do-action-bg {
    padding: 106px 20px 121px 20px;
}
.call-do-action-content h1 {
    font-size: 22px;
    line-height: 20px;
}
.call-do-action-button {
    margin-top: 41px;
}

/*contact-section*/
.contact-box {
    margin-bottom: 36px;
}
/*footer-section*/
.footer-widget-title h4 {
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 30px;
}


/*about-inner-section*/
.about-area.inner-pages .about-imgs-4 {
    margin-bottom: 35px;
}
.about-area.inner-pages .about-imgs-1 {
    margin-top: 27px;
}
.about-area.inner-pages .about-imgs-3 {
    margin-top: 30px;
}
/*counter-section*/
.counter-box {
    margin-bottom: 50px;
}

/*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: 120px 0 88px;
}
.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;
}


/*--services-details-section--*/

.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: 108px 0 97px;
    background: #f6f6f6;
}
.pricing-content {
    margin-bottom: 24px;
}
.team-thumb img {
    margin-top: 65px;
}
.single-team-box:hover .team-social-icon {
    left: 38%;
}



}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width:599px) {  
.header-area {
    display: none;
}

/*hero-section*/
.hero-area {
    background-position: center left;
    height: 620px;
    margin-top: 0;
}
.hero-content h1 {
    font-size: 40px;
    line-height: 40px;
}
.hero-content p {
    width: 90%;
}
/*service-section*/
.service-area {
    padding: 90px 0 117px;
}
.service-box-right {
    margin-right: 0;
    margin-left: 0;
}
.single-service-box.style-tow {
    margin-top: 22px;
    margin-bottom: 26px;
}
.service-area .Dreamhub-button.button-style-tow {
    margin-bottom: 26px;
}
.section-title p {
    width: 100%;
}
.section-title h1 {
    font-size: 30px;
    line-height: 30px;
}

/*about-secton*/
.about-thumb {
    margin-left: 0;
}
.about-thumb img {
    width: 100%;
    margin-bottom: 20px;
}
/*management-section*/
.management-area {
    padding: 90px 0 80px;
}
.management-thumb {
    margin-left: 0;
}
.management-thumb img {
    width: 100%;
    margin-top: 30px;
}
/*solution-section*/
.solution-area {
    padding: 100px 0 118px;
}
.solution-thumb img {
    margin-left: 0;
    width: 100%;
}
/*web-platform-section*/
.web-platform-area {
    padding: 90px 0 117px;
}
.web-platform-thumb img {
    margin-left: -10px;
    width: 100%;
    margin-top: 52px;
}
/*call-do-action-section*/
.row.call-do-action-bg {
    padding: 106px 10px 121px 10px;
}
.call-do-action-content h1 {
    font-size: 20px;
    line-height: 20px;
}
.call-do-action-button {
    margin-top: 36px;
}

/*contact-section*/
.contact-box {
    margin-bottom: 35px;
}
/*footer-section*/
.footer-widget-content {
    margin-top: 35px;
}
.footer-widget-title h4 {
    margin-bottom: 12px;
    margin-top: 0;
}


/*inner-about-section*/
.about-imgs-4 {
    margin-bottom: 30px;
}

.about-imgs-3 {
    margin-top: 30px;
}
/*counter-section*/
.counter-box {
    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;
}
.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: 120px 0 87px;
}
.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 .section-title p {
    width: 100%;
}
.portfolio_menu ul li {
    margin-bottom: 25px;
}

/*--porfolio-details-section--*/
.row.box-shadow {
    padding: 58px 30px 56px;
}
.portfolio-details-thumb img {
    margin-left: 0;
    margin-bottom: 28px;
}

/*--services-details-section--*/
.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;
}

/*pricing-section*/
.pricing-area {
    padding: 108px 0 84px;
}
.pricing-content {
    margin-bottom: 35px;
}
/*team-section*/
.team-area {
    padding: 109px 0 80px;
}
.team-area .Dreamhub-button {
    text-align: left;
    margin-bottom: 60px;
}
.single-team-box {
    margin-bottom: 28px;
}
.single-team-box:hover .team-social-icon {
    left: 34%;
}

}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header-area {
    display: none;
}
/*header-section*/
.hero-area {
    background-position: center left;
    height: 560px;
    margin-top: 0;
}
.hero-content h1 {
    font-size: 30px;
    line-height: 30px;
}
.hero-content p {
    width: 100%;
}

/*section-title*/
.section-title h1 {
    font-size: 22px;
    line-height: 22px;
}
.section-title p {
    font-size: 15px;
    width: 100%;
    text-align: justify;
}

/*service-section*/
.service-area {
    padding: 90px 0 120px;
}
.service-list-item ul li {
    font-size: 12px;
}
.service-box-right {
    margin-right: 0;
    margin-left: 0;
}
.single-service-box.style-tow {
    margin-top: 18px;
    margin-bottom: 23px;
}
.service-area .Dreamhub-button.button-style-tow {
    margin-bottom: 30px;
}

/*about-section*/
.about-thumb {
    margin-left: 0;
}
.about-thumb img {
    width: 100%;
    margin-bottom: 22px;
}
.about-list-item ul li {
    font-size: 12px;
}
.about-list-item ul li i {
    margin-right: 7px;
}

/*management-section*/
.management-area {
    padding: 90px 0 97px;
}
.management-list-item ul li {
    font-size: 12px;
}
.management-list-item ul li i {
    margin-right: 6px;
}
.management-thumb {
    margin-left: 0;
}
.management-thumb img {
    width: 100%;
    margin-top: 29px;
}
/*solution-section*/
.solution-area {
    padding: 105px 0 118px;
}
.solution-thumb img {
    margin-left: 0;
    width: 100%;
}
.solution-list-item ul li {
    font-size: 12px;
}
.solution-list-item ul li i {
    margin-right: 6px;
}
/*web-platform-section*/
.web-platform-area {
    padding: 90px 0 117px;
}
.web-platform-thumb img {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
}
.web-platform-list-item ul li {
    font-size: 15px;
}
.web-platform-list-item ul li i {
    margin-right: 7px;
}

/*call-do-action-section*/
.row.call-do-action-bg {
    padding: 106px 4px 121px 4px;
}
.call-do-action-content h1 {
    font-size: 18px;
    line-height: 22px;
}
.call-do-action-button {
    margin-top: 30px;
}
/*contact-section*/
.contact-box {
    padding: 23px 24px 48px;
    margin-bottom: 20px;
}
.contact-content h1 {
    font-size: 18px;
    line-height: 26px;
}
.contact-content p {
    font-size: 15px;
    width: 100%;
}

/*footer-section*/
.footer-widget-content {
    margin-top: 28px;
}
.footer-widget-title h4 {
    margin-bottom: 16px;
}

/*about-inner-section*/
.about-imgs-4 {
    margin-bottom: 30px;
}
.about-imgs-2 {
    margin-bottom: 30px;
}
/*counter-section*/
.counter-box {
    margin-bottom: 30px;
}


/*breadcumb-section*/
.bradcumb-area {
    padding: 100px 0 100px;
    text-align: center;
}
/*faqs-section*/
.faqs-area {
    padding: 94px 0 120px;
}
.faqs-content {
    padding: 24px 15px 53px;
}
.faqs-content h4 {
    font-size: 16px;
}
.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: 24px;
    right: 8px;
}


/*--blog-details--*/
.blog-detials-area {
    padding: 120px 0 89px;
}
.blog-detials-area.blog-list {
    padding: 119px 0 88px;
}
.blog-detials-area.blog-tow-column {
    padding: 118px 0 89px;
}
.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-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 .section-title p {
    width: 100%;
}
.portfolio_menu ul li {
    display: block;
    margin-bottom: 20px;
}


/*--portfolio-details-section--*/
.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;
}

/*pricing-section*/
.pricing-area {
    padding: 108px 0 90px;
}
.pricing-content {
    margin-bottom: 30px;
}
.pricing-head-text p {
    width: 65%;
}
/*team-section*/
.team-area {
    padding: 90px 0 85px;
}
.team-area .Dreamhub-button {
    text-align: left;
    margin-bottom: 50px;
}
.single-team-box {
    margin-bottom: 25px;
}

}