
/* Normal desktop :1400x. */
@media (min-width: 1400px) and (max-width: 1600px){
  .successful-conference {
      left: -73px;
      top: 31px;
  }
}
/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {
  .header-button a {
      padding: 11px 36px;
  }
  .about-thumb {
      margin-left: -93px;
  }
  .successful-conference {
      left: -10px;
      top: 0px;
  }
  .section-title h1 {
      font-size: 40px;
      line-height: 44px;
  }
  .contact-box-content h2 {
      font-size: 42px;
  }
  .footer-widget-desc p {
      width: 49%;
  }
  .widget-download-box {
      padding: 30px 20px 15px;
  }
  .widget-download-box ul li a {
      padding: 14px 19px;
  }
  .service-dtls-all-items {
      padding-left: 40px;
  }
  .blog-dtls-thumb img {
      width: 100%;
  }
  .gallery-content {
      padding: 10px 45px 40px;
  }
  .contact-infor-content p {
      font-size: 13px;
      line-height: 23px;
  }
}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1299px) {
  .header-button a {
      padding: 11px 36px;
  }
  .about-thumb {
      margin-left: -96px;
  }
  .successful-conference {
      left: 0;
      top: 0px;
  }
  .section-title h1 {
      font-size: 41px;
      line-height: 46px;
  }
  .contact-box-content h2 {
      font-size: 42px;
  }
  .footer-widget-desc p {
      width: 49%;
  }
  .portfolio-details-thumb img {
      width: 100%;
  }
  .service-thumb2 img {
      width: 100%;
  }
  .blog-dtls-thumb img {
      width: 100%;
  }
  .contact-infor-content p {
      font-size: 13px;
      line-height: 26px;
  }
  .gallery-content {
      padding: 10px 35px 40px;
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
  .spekar-button i {
    display: none;
  }
  .spekar-button a {
      padding: 11px 25px;
      font-size: 13px;
  }
  .header-button a {
      padding: 10px 15px;
  }
  .about-thumb {
      margin-left: -190px;
  }
  .successful-conference {
      left: 173px;
      top: 0;
  }
  .section-title h1 {
      font-size: 34px;
      line-height: 32px;
  }
  p.desc-one {
      width: 100%;
  }
  .about-content p {
      width: 100%;
  }
  .about-box-icon {
      width: 63px;
      height: 38px;
  }
  .single-service-box:hover .service-content {
      padding-left: 62px;
  }
  .single-service-box:hover .service-button {
      left: -70px;
  }
  .blog-user span {
      margin-right: 20px;
  }
  .blog-content h4 a {
      font-size: 16px;
      line-height: 26px;
  }
  .single-contact-box {
      padding: 29px 15px 54px;
  }
  .contact-box-content h2 {
      font-size: 34px;
  }
  .contact-box-content p {
      font-size: 15px;
  }
  .footer-widget-desc p {
      width: 58%;
  }
  .service-details:before {
      width: 30%;
  }
  .widget-sidebar-box {
      padding: 30px 20px 30px;
  }
  img.sidbr-icn {
      padding-right: 6px;
  }
  h3.widget-title2 {
      font-size: 22px;
  }
  h5.sidebar-title:before {
      right: 135px;
      width: 65px;
  }
  h5.sidebar-title:after {
      left: 135px;
      width: 65px;
  }
  h5.sidebar-title2 {
      font-size: 22px;
  }
  .widget-download-box ul li a {
      padding: 9px 7px;
      font-size: 12px;
  }
  .widget-download-box ul li i {
      font-size: 13px;
      margin-right: 2px;
  }
  .widget-button a {
      padding: 11px 32px;
      font-size: 14px;
  }
  .service-dtls-all-items {
      padding-left: 40px;
  }
  .service-thumb2 img {
      width: 100%;
  }
  .service-dtls-cont h3 {
      font-size: 26px;
      line-height: 37px;
  }
  .sevice-dtls-content {
      padding-left: 15px;
  }
  .sevice-dtls-content h4 {
      font-size: 16px;
  }
  .sevice-dtls-content p {
      font-size: 14px;
  }
  .service-dtls-items ul li {
      font-size: 14px;
  }
  .accordion li a {
      font-size: 14px;
      padding: 14px 20px 14px 13px;
  }
  .accordion li p {
      padding: 25px 10px 25px 15px;
      /*text-align: justify;*/
      font-size: 14px;
  }
  .row.blogs-pr {
      padding-right: 42px;
  }
  .blogs-section h2.blog-title a {
      font-size: 20px;
  }
  p.blog-desc2 {
      /*text-align: justify;*/
      margin-bottom: 13px;
  }
  .blog-quote p {
      font-size: 16px;
  }
  .blog-dtls-thumb img {
      width: 100%;
  }
  .contact-infor-box {
      padding: 39px 20px 24px;
  }
  .contact-infor-content h4 {
      font-size: 18px;
  }
  .contact-infor-content p {
      font-size: 12px;
      line-height: 23px;
  }
  .gallery-content {
      padding: 10px 18px 40px;
  }
  .gallery-content h4 a {
      font-size: 19px;
  }
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .top-header {
      display: none;
  }
  .widget-sidebar-box {
      display: none;
  }
  .header-area {
      display: none;
  }
  .hero-section {
      height: 600px;
      margin-top: 0;
  }
  .hero-content p {
      width: 80%;
  }
  .about-thumb {
      margin-left: 0;
      margin-bottom: 20px;
  }
  .about-thumb img {
      width: 100%;
  }
  .successful-conference {
      left: -48px;
      top: 0;
  }
  p.desc-one {
      width: 78%;
  }
  .section-title h1 {
      font-size: 40px;
      line-height: 44px;
  }
  p.desc-tow {
      width: 100%;
  }
  .blog-section {
      padding: 100px 0 100px;
  }
  .blog-user span {
      margin-right: 36px;
  }
  .single-blog-box {
      margin-bottom: 20px;
  }
  .footer-widget-desc p {
      width: 75%;
  }
  .copyright-area {
      margin-top: 50px;
  }
  .service-details:before {
      width: 100%;
  }
  .service-dtls-all-items {
      padding-left: 0;
  }
  .service-thumb2 img {
      width: 100%;
  }
  .service-dtls-box {
      background: #fff;
  }
  .service-dtls-items {
      margin-bottom: 30px;
  }
  .service-dtls-cont h3 {
      font-size: 24px;
  }
  h2.accordion-title {
      font-size: 24px;
  }
  .portfolio-details-thumb img {
      width: 100%;
  }
  p.center {
      width: 90%;
  }
  .row.blogs-pr {
      padding-right: 0;
  }
  .blogs-section h2.blog-title a {
      font-size: 24px;
  }
  p.blog-desc2 {
      padding: 15px 0 18px;
      /*text-align: justify;*/
  }
  .blog-dtls-thumb img {
      width: 100%;
  }
  .contact-information {
      padding: 113px 0 110px;
  }
  .contact-infor-box {
      margin-bottom: 20px;
      padding: 39px 20px 24px;
  }
  .contact-infor-content p {
      font-size: 14px;
      line-height: 26px;
  }
  .gallery-content {
      padding: 10px 35px 40px;
  }
}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .top-header {
      display: none;
  }
  .widget-sidebar-box {
      display: none;
  }
  .header-area {
      display: none;
  }
  .hero-section {
      height: 650px;
      margin-top: 0;
  }
  .hero-content h1 {
      font-size: 40px;
      line-height: 44px;
  }
  .hero-content::before {
      width: 90%;
  }
  .hero-content p {
      width: 100%;
      /*padding: 35px 0 22px;*/
  }
  .about-thumb {
      margin-left: 0;
      margin-bottom: 14px;
  }
  .about-thumb img {
      width: 100%;
  }
  .successful-conference {
      left: -20px;
      top: 0;
  }
  .section-title h1 {
      font-size: 30px;
      line-height: 27px;
  }
  p.desc-tow {
      width: 100%;
  }
  .about-box-icon {
      width: 56px;
      height: 38px;
  }
  .blog-section {
      padding: 100px 0 100px;
  }
  .single-blog-box {
      margin-bottom: 20px;
  }
  .footer-widget-desc p {
      width: 100%;
  }
  .service-dtls-all-items {
      padding-left: 0;
  }
  .service-thumb2 img {
      width: 100%;
  }
  p.service-dtls-desc2 {
      /*text-align: justify;*/
  }
  .service-dtls-box {
      margin-bottom: 22px;
  }
  .service-dtls-items {
      margin-bottom: 20px;
  }
  p.center {
      width: 100%;
  }
  .accordion li a {
      font-size: 14px;
  }
  .accordion li p {
      font-size: 14px;
      /*text-align: justify;*/
  }
  .history-box.upper {
      margin-top: 0;
      padding: 0 0 0;
  }
  .history-content {
      width: 95%;
  }
  a.blog-title-3 {
      font-size: 28px;
      line-height: 36px;
  }
  p.blog-desc-3 {
      width: 98%;
  }
  .row.blogs-pr {
      padding-right: 0;
  }
  .blogs-section h2.blog-title a {
      font-size: 18px;
  }
  p.blog-desc2 {
      padding: 15px 0 17px;
      font-size: 15px;
      /*text-align: justify;*/
  }
  .blog-quote {
      padding: 24px 20px 43px;
  }
  .blog-quote p {
      font-size: 14px;
  }
  .blog-dtls-thumb img {
      width: 100%;
  }
  .sidebar-widget {
      margin-top: 39px;
  }
  .contact-information {
      padding: 113px 0 110px;
  }
  .contact-infor-box {
      margin-bottom: 20px;
  }
  .contact-form .form-box input {
      width: 100%;
  }
  .contact-form .form-box textarea {
      width: 100%;
  }
  .contact-thumb {
      display: none;
  }
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width:599px) {
  .top-header {
      display: none;
  }
  .widget-sidebar-box {
      display: none;
  }
  .header-area {
      display: none;
  }
  .hero-section {
      height: 600px;
      margin-top: 0;
  }
  .hero-content h1 {
      font-size: 36px;
      line-height: 36px;
  }
  .hero-content p {
      width: 90%;
  }
  .about-thumb {
      margin-left: 0;
      margin-bottom: 20px;
  }
  .about-thumb img {
      width: 100%;
  }
  .successful-conference {
      left: -32px;
      top: -6px;
  }
  .section-title h1 {
      font-size: 26px;
      line-height: 26px;
  }
  p.desc-one {
      width: 100%;
  }
  p.desc-tow {
      width: 100%;
  }
  .about-box-icon {
      width: 61px;
  }
  .about-content p {
      width: 100%;
  }
  .owl-dot {
      left: 5px;
  }
  .blog-section {
      padding: 100px 0 101px;
  }
  .single-blog-box {
      margin-bottom: 20px;
  }
  .footer-widget-desc p {
      width: 85%;
  }
  .service-dtls-all-items {
      padding-left: 0;
  }
  .service-thumb2 img {
      width: 100%;
  }
  .service-dtls-box {
      margin-bottom: 20px;
  }
  .service-dtls-items {
      margin-bottom: 20px;
  }
  .accordion li p {
      padding: 25px 20px 25px 18px;
      /*text-align: justify;*/
  }
  p.center {
      width: 92%;
  }
  .accordion li a {
      padding: 14px 20px 14px 13px;
      font-size: 14px;
  }
  a.blog-title-3 {
      font-size: 22px;
      line-height: 30px;
  }
  .row.blogs-pr {
      padding-right: 0;
  }
  .blogs-section h2.blog-title a {
      font-size: 16px;
  }
  p.blog-desc2 {
      padding: 0px 0 13px;
      font-size: 15px;
      /*text-align: justify;*/
  }
  .blog-desc3 {
      font-size: 15px;
      /*text-align: justify;*/
  }
  .blog-quote {
      padding: 24px 12px 43px;
  }
  img.qte-icon {
      margin-right: 12px;
  }
  .blog-quote p {
      font-size: 13px;
  }
  .blog-dtls-thumb img {
      width: 100%;
  }
  ul.product-list li {
      font-size: 14px;
  }
  .sidebar-widget {
      margin-top: 45px;
  }
  .contact-information {
      padding: 113px 0 110px;
  }
  .contact-infor-box {
      margin-bottom: 20px;
  }
  .contact-form .form-box input {
      width: 100%;
  }
  .contact-form .form-box textarea {
      width: 100%;
  }
  .contact-thumb {
      display: none;
  }
  .gallery-content {
      padding: 10px 30px 40px;
  }
  .blog-content  h1 {
    font-size: 32px;
  }
  .footer-logo a {
    font-size: 32px;
  }
  .breadcumb-title h2 {
    font-size: 26px;
    line-height: 32px;
  }
  .contact-box-content h2 {
      font-size: 34px;
  }
  .blog-content h2 {
    font-size: 28px;
    margin-top: 10px;
  }
  .blog-content h3, .blog-content h4 {
    font-size: 24px;
    margin-top: 10px;
  }
  .breadcumb-content ul li a {
      font-size: 13px;
      line-height: 20px;
  }
}
/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top-header {
      display: none;
  }
  .widget-sidebar-box {
      display: none;
  }
  .header-area {
      display: none;
  }
  .hero-section {
      height: 580px;
      margin-top: 0;
  }
  .hero-content {
      padding-bottom: 15px;
  }
  .hero-content h1 {
      font-size: 22px;
      line-height: 24px;
  }
  .hero-content p {
      width: 100%;
  }
  .about-thumb {
      margin-left: 0;
      margin-bottom: 20px;
  }
  .successful-conference {
      left: -11px;
      top: -43px;
  }
  .about-thumb img {
      width: 100%;
  }
  .section-title h4 {
      font-size: 18px;
      line-height: 29px;
  }
  .section-title h1 {
      font-size: 16px;
      line-height: 13px;
  }
  p.desc-one {
      width: 100%;
  }
  p.desc-tow {
      width: 100%;
  }
  .about-content h4 {
      font-size: 16px;
  }
  .about-content p {
      width: 100%;
  }
  .about-box-icon {
      margin-right: 7px;
      width: 98px;
  }
  .blog-section {
      padding: 100px 0 101px;
  }
  .single-blog-box {
      margin-bottom: 20px;
  }
  .blog-content h4 a {
      font-size: 15px;
      line-height: 26px;
  }
  .contact-box-content h2 {
      font-size: 30px;
  }
  .single-contact-box {
      padding: 29px 17px 54px;
  }
  .contact-box-content p {
      font-size: 15px;
  }
  .footer-widget-desc p {
      width: 100%;
  }
  .service-thumb2 img {
      width: 100%;
  }
  .widget-download-box ul li a {
      padding: 14px 25px;
  }
  .service-dtls-all-items {
      padding-left: 0;
      margin-top: 9px;
  }
  .sevice-dtls-content h4 {
      font-size: 16px;
  }
  .sevice-dtls-content {
      padding-left: 16px;
  }
  .service-dtls-box {
      align-items: revert-layer;
      margin-bottom: 20px;
  }
  .service-dtls-items {
      margin-bottom: 15px;
  }
  .service-dtls-cont h3 {
      font-size: 22px;
  }
  h2.accordion-title {
      font-size: 18px;
  }
  h2.service-title {
      font-size: 24px;
  }
  .accordion li a {
      font-size: 11px;
      padding: 14px 0 14px 12px;
  }
  .accordion li p {
      font-size: 15px;
      padding: 25px 16px 25px 19px;
  }
  p.center {
      width: 100%;
      font-size: 14px;
  }
  a.blog-title-3 {
      font-size: 15px;
      line-height: 20px;
  }
  .single-blog-box-3 {
      padding: 25px;
  }
  p.blog-desc-3 {
      width: 100%;
      /*text-align: justify;*/
      font-size: 15px;
  }
  .row.blogs-pr {
      padding-right: 0;
  }
  .blogs-section .single-blog-dtls-box .blog-content {
      padding: 35px 18px 25px;
  }
  ul.blog-author li {
      margin-right: 8px;
      font-size: 15px;
  }
  ul.blog-author li i {
      margin-right: 3px;
  }
  ul.blog-author li {
      margin-right: 9px;
      font-size: 15px;
  }
  .blogs-section h2.blog-title a {
      font-size: 15px;
      font-weight: 600;
      line-height: 26px;
      display: inline-block;
  }
  p.blog-desc2 {
      padding: 15px 0 26px;
      font-size: 13px;
      /*text-align: justify;*/
  }
  .blog-desc3 {
      font-size: 13px;
      /*text-align: justify;*/
  }
  .blog-quote {
      padding: 24px 22px 43px;
      text-align: center;
  }
  .blog-quote p {
      font-size: 14px;;
  }
  img.qte-icon {
      float: inherit;
      margin-right: 0;
      margin-bottom: 20px;
  }
  .blog-dtls-thumb img {
      width: 100%;
  }
  ul.social-share {
      float: left;
      margin-top: 13px;
  }
  .contact-form-box3 .form-box input {
      width: 100%;
  }
  .sidebar-widget {
      margin-top: 41px;
  }
  .gallery-content {
      padding: 10px 20px 40px;
  }
  .gallery-content h4 a {
      font-size: 16px;
  }
  .gallery-content p {
      color: #fff;
      font-size: 14px;
  }
  .prgoress_indicator {
      right: 18px;
  }
  .contact-infor-box {
      margin-bottom: 20px;
  }
  .contact-infor-content h4 {
      font-size: 17px;
  }
  .blog-content  h1 {
    font-size: 28px;
  }
  .blog-content h2 {
    font-size: 26px;
    margin-top: 10px;
  }
  .blog-content h3, .blog-content h4 {
    font-size: 22px;
    margin-top: 10px;
  }
  .footer-logo a {
    font-size: 28px;
  }
  .breadcumb-title h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .contact-box-content h2 {
      font-size: 34px;
  }
  .breadcumb-content ul li a {
      font-size: 13px;
      line-height: 20px;
  }
}
