/*
* ----------------------------------------------------------------------------------------
Author       : onepageboss
Template Name: Agenda - One Page MultiPurpose Template
Version      : 1.0                                          
* ----------------------------------------------------------------------------------------
*/

/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1280px) {

   .about-image {
      margin-top: 0;
      z-index: 9;
      position: relative;
      -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.63);
      -moz-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.63);
      box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.63);
   }

   .kutu {
      background: #fde52c;
      width: 200px;
      height: 800px;
      position: absolute;
      z-index: 1;
      margin-left: 125px;
      margin-top: -70px;
   }

   .kutu2 {
      background: #fde52c;
      width: 200px;
      height: 169%;
      position: absolute;
      z-index: 1;
      margin-left: 76px;
      margin-top: -71px;
   }

   .header-text {
      width: 45%;
      float: right;
      margin-top: 70px;
      margin-right: 100px;
   }

   .about-text {
      margin-top: 12px;
   }

   .about-image img {
      margin-top: 99px;
   }



}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 767px) and (max-width: 991px) {
   .mainmenu .navbar-nav li a {
      padding: 20px 3px;
      font-size: 14px;
   }
   .mainmenu .navbar-nav li a {
      padding: 20px 3px;
      font-size: 14px;
   }
   .logo {
      text-align: center;
   }

   .logo img {
      width: 32%;
   }

   .single-blog img {
      width: 100%;
   }
   .pricing-box {
      margin-top: 30px;
   }
   .project-idea h2,
   .project-idea p {
      font-size: 22px;
   }
   .single-project-complete {
      margin-top: 30px;
   }
   .about-text {
      margin-top: 50px;
   }
   .section-title p {
      padding: 0;
   }
   .contact-icon {
      float: none;
   }
   .header-text p,
   .single-testi-des {
      padding: 0;
   }
   .call-to-action-small-button {
      margin-top: 0;
      text-align: center;
      margin-bottom: 0;
   }
   .navbar-nav {
      width: 100%;
      text-align: center;
   }
   .navbar-nav li {
      float: none;
      display: inline-block;
   }
   .menu-bg .logo {
      padding-top: 25px;
   }

   .kutu {
      display: none;
   }

   section.ctn p {
      text-align: center;
   }

   .kutu2 {

      display: none;
   }

   .single-service {
      padding: 0;
   }

   .work p {
      margin-bottom: 25px;
   }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
   .navbar-toggle .icon-bar {
      background: #fff;
   }
   .menu-bg .navbar-toggle .icon-bar {
      background: #fff;
   }
   .navbar-toggle {
      margin-right: 0px;
      margin-top: -30px;
   }
   .navbar {
      min-height: 0px;
   }
   .mainmenu .navbar-nav li a {
      padding: 11px 15px;
   }
   .menu-bg .mainmenu .navbar-nav li a {
      padding: 11px 15px;
   }
   .navbar-fixed-bottom .navbar-collapse,
   .navbar-fixed-top .navbar-collapse {
      max-height: 420px;
   }
   .navbar-toggle {
      margin-top: -42px;
   }
   .navbar-collapse {
      background: #000;
   }
   .menu-bg .navbar-collapse {
      background: #000;
   }
   .menu-bg .mainmenu .navbar-nav li a {
      color: #fff;
   }
   .menu-bg .mainmenu .navbar-nav li a:hover {
      color: #fde428;
   }

   .mainmenu .navbar-nav li a:hover {
      color: #ccc;
   }
   .menu-bg .navbar-collapse {}
   .welcome-image-area,
   .welcome-video-area {
      padding-top: 120px;
   }
   .welcome-image-area h2,
   .single-slide-item h2,
   .welcome-video-area h2,
   .about-text h2,
   .call-to-area-text h2 {
      font-size: 24px;
   }
   .slider-control {
      display: none;
   }
   a.slide-btn {
      font-size: 12px;
      padding: 10px;
      margin-bottom: 5px;
   }
   .section-title h2 {
      font-size: 22px;
      margin-bottom: 30px;
   }
   .footer-social-link {
      text-align: left;
      margin-top: 20px;
   }
   .pricing-box {
      margin-top: 30px;
   }
   .single-testimonial {
      padding: 0;
   }
   .video-area-text {
      margin-top: 50px;
   }
   .footer-social-link {
      text-align: center;
   }
   .footer-area img {
      margin-bottom: 0px;
   }
   .scrollup {
      height: 40px;
      width: 40px;
      line-height: 35px;
   }
   .single-project-complete {
      margin-top: 30px;
      text-align: center;
   }

   .footer-text h6 {
      font-size: 12px;
   }
   .footer-area {
      padding: 50px 0px;
   }
   .section-padding {
      padding: 40px 0px;
   }
   .single-testimonial {
      margin-right: 30px;
      margin-left: 30px;
   }
   .about-text {
      margin-top: 30px;
   }
   .margin-top-c {
      margin-top: 0px;
   }
   .section-title p {
      padding: 0;
   }
   .section-title h2::before {
      top: 40px;
   }
   .single-contact-details {
      margin-bottom: 30px;
   }
   .item .grid figure,
   .gallery .grid figure {
      min-width: 100%;
   }
   .header-text p,
   .single-testi-des {
      padding: 0;
   }
   .call-to-action-small-button {
      text-align: left;
      margin-top: 25px;
   }

   .navbar {
      border: none;
   }

   .navbar-collapse {
      border-top: 1px solid #ffffff96;
   }

   .menu-bg .navbar-collapse {
      background: #002e5b;
   }

   .navbar-collapse {
      background: #002348;
      text-align: center;
   }

   .logo img {
      width: 55%;
   }

   .kutu {
      display: none;
   }

}




/*********************** @media 320px and 450px **************************/

@media(min-width:320px) and (max-width:450px) {

   .logo img {
      width: 76%;
   }

   .menu-bg .navbar-collapse {
      background: #002e5b;
   }

   .menu-bg .mainmenu .navbar-nav li a {
      text-align: center;
   }

   .mainmenu .navbar-nav li {
      margin-right: 0;
   }

   li.active > a {
      color: #fde428 !important;
   }

   .navbar-collapse {
      background: #002348;
      text-align: center;
   }

   .navbar {
      border: none;
   }

   .navbar-toggle {
      margin-top: -38px;
   }

   .navbar-collapse {
      border-top: 1px solid #ffffff96;
   }

   .kutu {
      display: none;
   }

   .single-service {
      padding: 30px 0;
      padding-bottom: 0;
   }

   section.ctn p {
      text-align: center;
   }

   .call-to-action-small-button {
      text-align: center;
      margin-bottom: 0;
      margin-top: 0;
   }

   .section-title h2 {
      font-size: 25px;
      margin-bottom: 15px;
   }

   .work p {
      margin-bottom: 20px;
   }

   .kutu2 {
      display: none;
   }

   .welcome-image-area h2,
   .single-slide-item h2,
   .welcome-video-area h2,
   .about-text h2,
   .call-to-area-text h2 {
      font-size: 22px;
      line-height: 30px;
   }

   #contact h2 {
      font-size: 25px;
   }

   #contact p {
      font-size: 17px;
   }

   .footer-area {
      padding: 0;
   }

   .footer-content h2 {
      padding-top: 0;
      margin-top: 0;
   }

   .kutu {
      display: none;
   }

   .scrollup {
      bottom: 68px;
   }

   .scrollup {
      line-height: 42px;
      padding-left: 2px;
      z-index: 99;
   }

   .header-text {
      width: 70%;
      float: right;
      margin-top: 50px;
      margin-right: 40px;
   }

   .single-service2 {
      padding-left: 0;
   }

   .address p {
      line-height: 18px;
      margin-bottom: 0;
   }

   .address {
      min-height: 40px;
   }

}



/*********************** @media 451px and 540px **************************/

@media(min-width:451px) and (max-width:540px) {
   section.ctn p {
      text-align: center;
   }

   a.call-to-more {
      margin-bottom: 20px;
   }

   .call-to-action-small-button {
      text-align: left;
      margin-top: 0;
      text-align: center;
   }

   .work p {
      margin-bottom: 30px;
   }

   .testimonial-area h2 {
      margin-top: 40px;
   }

   #testimonial p {
      font-size: 19px;
   }

   .kutu2 {
      display: none;
   }

   .footer-area {
      padding-bottom: 0;
   }

   .scrollup {
      bottom: 68px;
   }

   .scrollup {
      line-height: 42px;
      padding-left: 2px;
      z-index: 99;
   }

   .single-service {
      padding: 0;
      margin-top: 0;
      margin-bottom: 30px;
   }

   .footer-area {
      padding: 0;
   }

   .header-text {
      width: 60%;
      float: right;
      margin-top: 50px;
      margin-right: 40px;
   }

   .section-title h2 {
      font-size: 25px;
      margin-bottom: 15px;
   }


}








/*********************** @media 480px **************************/

@media(min-width:480px) {}

/*********************** @media 541px and 768px **************************/

@media(min-width:541px) and (max-width:768px) {

   .single-service {
      padding: 0;
      margin-bottom: 30px;
   }

   .work p {
      margin-bottom: 30px;

   }

   .scrollup {
      bottom: 68px;
   }

   .scrollup {
      line-height: 42px;
      padding-left: 2px;
      z-index: 99;
   }

   .team-area {
      padding: 0;
      padding-bottom: 64px;
   }

   .header-text {
      width: 67%;
      float: right;
      margin-top: 50px;
      margin-right: 60px;
   }

   .single-service2 {
      padding-left: 0;
      padding-top: 0;
   }

   .about-image {
      margin-top: 30px;
   }

   .address {
      min-height: 38px;
   }

   .address p {
      padding-top: 10px;
   }

   .mail {
      margin-bottom: 30px;
   }

   section.ctn p {
      font-weight: 500;
      padding: 20px 0;
      margin-bottom: 0;
      text-align: center;
   }

   .call-to-action-small-button {
      text-align: left;
      margin-top: 0;
      text-align: center;
      margin-bottom: 0;
   }

   .kutu2 {
      display: none;
   }

   .footer-area {
      padding: 0;
   }

   .footer-content p {
      margin-bottom: 0;
   }

   .footer-content h2 {
      padding-top: 0;
   }


}


/*********************** @media 769px and 1024px **************************/

@media(min-width:769px) and (max-width:1024px) {

   .team-area {
      padding: 0;
      padding-bottom: 64px;
   }

   .header-text {
      width: 60%;
      float: right;
      margin-top: 70px;
      margin-right: 80px;
   }


   .footer-content p {
      margin-bottom: 5px;
   }

   .footer-content h2 {
      padding-top: 0;
   }

   .address p {
      line-height: 36px;
   }

   .wrapper {
      min-height: 425px;
   }

   .about-image {
      margin-top: 30px;
      z-index: 9;
   }

   .single-service {
      margin-bottom: 27px;
   }
   .single-service2 {
      padding: 0;
      margin-top: 0;
      padding-bottom: 0;
      padding-left: 0;
   }





}


/*********************** @media 1025px and 1200px **************************/

@media(min-width:1025px) and (max-width:1200px) {
   
      .about-image img {
      margin-top: 99px;
   }
   
   .kutu {
    background: #fde52c;
    width: 200px;
    height: 800px;
    position: absolute;
    z-index: 1;
    margin-left: 125px;
    margin-top: -70px;
}

}


/*********************** @media 1201px **************************/

@media(min-width:1201px) {}