@media(min-width:768px) and (max-width:991px) {
      .main_heading h3 {
         font-size: 22px;
      }
      .main_heading p {
         padding: 0px 120px;
         font-size: 14px;
         padding-top: 6px;
         line-height: 24px;
         margin-bottom: 30px;
      }
      /*   main css part end*/
      header #navigation nav .navbar-nav .nav-item .nav-link {
         padding: 0px 10px;
         line-height: 80px;
         font-size: 13px;
      }
      header #navigation.navfixed nav .navbar-nav .nav-item .nav-link {
         line-height: 70px;
      }
      .navbar-brand img {
         width: 90%;
      }
      #banner .banner_overlay h2 {
         font-size: 26px;
         padding-top: 160px;
      }
      #banner .banner_overlay p {
         font-size: 16px;
         line-height: 26px;
         padding: 0 80px;
      }
      #banner .banner_overlay .button {
         padding-top: 70px;
         padding-bottom: 110px;
      }
      /*   banner css part end*/
      #service .service_item {
         margin-top: 20px;
         padding: 30px 20px;
      }
      #service .service_item .service_icon i {
         width: 60px;
         height: 60px;
         line-height: 60px;
         font-size: 35px;
      }
      #service .service_item .service_text h5 {
         padding: 20px 0;
         font-size: 18px;
      }
      #service .service_item .service_text p {
         font-family: 14px;
         line-height: 24px;
      }
      /*   service css part end*/
      #counter .counter_overlay .counter_item h3 {
         font-size: 28px;
      }
      #counter .counter_overlay .counter_item p {
         font-size: 20px;
         padding-top: 10px;
      }
      /*   counter css part end*/
      #portfolio .portfolio-controllers .filter-btn {
         padding: 5px 16px;
         margin-top: 20px;
         font-size: 15px;
      }
      .portfolio-controllers-container {
         margin-bottom: 10px;
      }
      #pricing .pricing_list {
         padding: 25px 0;
         margin-top: 20px;
      }
      #pricing .pricing_list h5 {
         padding: 12px 0;
         font-size: 20px;
      }
      #pricing .pricing_list .pricing_item h6 {
         font-size: 28px;
         width: 80px;
         height: 80px;
         line-height: 80px;
         margin: 10px 0;
      }
      #blog_details .text_part {
         padding-left: 0;
      }
      #blog_details .text_part h5 {
         padding-top: 20px;
         font-size: 17px;
      }
      #blog_details .text_part p {
         padding-top: 15px;
      }
      #blog_details .latest_post .latest_image span {
         font-size: 15px;
      }
      #blog_details .tag .tag_menu a {
         font-size: 13px;
         padding: 5px 8px;
      }
      #blog_details .categories .menubar ul li a span.web {
         padding-left: 110px;
      }
      #blog_details .categories .menubar ul li a span.brochure {
         padding-left: 109px;
      }
      #blog_details .categories .menubar ul li a span.flyer {
         padding-left: 112px;
      }
      #blog_details .categories .menubar ul li a span.business {
         padding-left: 141px;
      }
      #blog_details .categories .menubar ul li a span.banner {
         padding-left: 124px;
      }
      /*      blog_details css end*/
      #footer .footer_overlay .widgets h3 {
         margin-top: 30px;
         font-size: 20px;
      }
   }
   
   @media(min-width:576px) and (max-width:767px) {
      #feature_part,
      #about_part .about_overlay,
      #team_part,
      #pricing_part,
      #faq_part .faq_overlay,
      #screensort_part,
      #video_part .video_overlay,
      #contact_part .contact_overlay {
         padding: 40px 0;
      }
      .main_heading h3 {
         font-size: 22px;
      }
      .main_heading p {
         padding: 0px 100px;
         font-size: 14px;
         padding-top: 6px;
         line-height: 24px;
         margin-bottom: 20px;
      }
      /*   main css part end*/
      header #navigation,
      header .navfixed {
         position: fixed;
         top: 0px;
         left: 0px;
         background: #5e8de6;
         padding: 5px 0px;
      }
      nav img {
         width: 100px;
         margin-left: 10px;
      }
      header #navigation nav .navbar-nav .nav-item .nav-link:after {
         width: 0;
         height: 0;
      }
      header #navigation nav .navbar-nav .nav-item .nav-link:hover:after,
      header #navigation nav .navbar-nav .nav-item .nav-link.active:after {
         width: 0;
      }
      header #navigation nav .navbar-nav .nav-item .nav-link {
         font-size: 14px;
         line-height: 40px;
         text-align: center;
      }
      header #navigation nav .navbar-nav .nav-item .nav-link:hover,
      header #navigation nav .navbar-nav .nav-item .nav-link.active {
         color: #fcac45;
      }
      header #navigation.navfixed nav .navbar-nav .nav-item .nav-link,
      .navfixed .nav-link {
         line-height: 40px;
         color: #fff;
      }
      .navbar-nav {
         border-top: 1px solid rgba(255, 255, 255, 0.5);
         padding-top: 15px;
      }
      .navbar-light .navbar-toggler {
         border-color: #fff;
      }
      .navbar-light .navbar-toggler-icon {
         background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
      }
      /* header part css ends */
      #banner .banner_overlay h2 {
         padding-top: 135px;
         font-size: 25px;
      }
      #banner .banner_overlay p {
         padding: 0;
         font-size: 16px;
         line-height: 26px;
      }
      #banner .banner_overlay .button {
         padding-bottom: 100px;
         padding-top: 55px;
      }
      #banner .banner_overlay .button a {
         padding: 8px 20px;
         font-size: 14px;
      }
      #service .service_item {
         padding: 30px 20px;
         margin-top: 15px;
      }
      #service .service_item .service_text h5 {
         padding: 20px 0;
         font-size: 16px;
      }
      #service .service_item .service_text p {
         font-size: 14px;
         line-height: 24px;
      }
      #service .service_item .service_icon i {
         width: 55px;
         height: 55px;
         line-height: 55px;
         font-size: 32px;
      }
      .counter_item {
         margin-top: 22px;
      }
      #counter .counter_overlay .counter_item h3 {
         font-size: 26px;
      }
      #counter .counter_overlay .counter_item p {
         font-size: 20px;
         padding-top: 10px;
      }
      #portfolio .portfolio-controllers .filter-btn {
         padding: 5px 14px;
         font-size: 15px;
         margin-top: 0;
         margin-right: 0;
      }
      .portfolio-controllers-container {
         margin-bottom: 0;
      }
      #testimonial .testimonial_overlay img {
         text-align: center;
         display: inline-block;
      }
      #pricing .pricing_list {
         padding: 20px 0;
         margin-top: 15px;
      }
      #pricing .pricing_list h5 {
         font-size: 18px;
         color: #ffffff;
         padding: 10px 0;
      }
      #pricing .pricing_list .pricing_item h6 {
         font-size: 26px;
         font-weight: 700;
         margin: 10px 0;
         height: 70px;
         width: 70px;
         line-height: 70px;
      }
      .price_text a {
         padding: 5px 15px;
      }
      #blog_details .text_part {
         padding-left: 0px;
      }
      #blog_details .text_part h5 {
         font-size: 20px;
      }
      #blog_details .text_part p {
         padding-top: 10px;
      }
      #blog_details form .search {
         display: none;
      }
      #blog_details .blog_form .text_field {
         padding: 6px;
      }
      #blog_details .categories h6,
      #blog_details .latest_post h6 {
         font-size: 18px;
         padding-top: 30px;
      }
      #blog_details .tag {
         padding-top: 35px;
      }
      #blog_details .blog_form .submit {
         padding: 8px 0;
      }
      .vbox-next span {
         right: 5px;
      }
      #footer .footer_overlay .widgets h3 {
         font-size: 20px;
         margin-top: 25px;
         margin-bottom: 18px;
      }
   }
   
   @media(min-width:320px) and (max-width:575px) {
      #feature_part,
      #about_part .about_overlay,
      #team_part,
      #pricing_part,
      #faq_part .faq_overlay,
      #screensort_part,
      #video_part .video_overlay,
      #contact_part .contact_overlay {
         padding: 30px 0;
      }
      .main_heading h3 {
         font-size: 18px;
         margin-bottom: 0;
      }
      .main_heading p {
         font-size: 14px;
         padding: 15px 34px 0px;
         line-height: 24px;
      }
      /*   main css part end*/
      header #navigation,
      header .navfixed {
         position: fixed;
         top: 0px;
         left: 0px;
         background: #5e8de6;
         padding: 5px 0px;
      }
      .navfixed {
         border-bottom-color: #5e8de6;
      }
      nav img {
         width: 100px;
         margin-left: 10px;
      }
      header #navigation nav .navbar-nav .nav-item .nav-link:after {
         width: 0;
         height: 0;
      }
      header #navigation nav .navbar-nav .nav-item .nav-link:hover:after,
      header #navigation nav .navbar-nav .nav-item .nav-link.active:after {
         width: 0;
      }
      header #navigation nav .navbar-nav .nav-item .nav-link {
         font-size: 14px;
         line-height: 40px;
         text-align: center;
      }
      header #navigation.navfixed nav .navbar-nav .nav-item .nav-link,
      .navfixed .nav-link {
         line-height: 40px;
         color: #fff;
      }
      .navbar-nav {
         border-top: 1px solid rgba(255, 255, 255, 0.5);
         padding-top: 15px;
      }
      .navbar-light .navbar-toggler {
         border-color: #fff;
         outline: 0;
      }
      .navbar-light .navbar-toggler-icon {
         background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
      }
      /* header part css ends */
      #banner .banner_overlay h2 {
         font-size: 20px;
         padding-top: 130px;
         padding-bottom: 20px;
      }
      #banner .banner_overlay p {
         font-size: 14px;
         padding: 0;
         line-height: 24px;
      }
      #banner .banner_overlay .button {
         padding-bottom: 120px;
         padding-top: 50px;
      }
      .about_right {
         display: none;
      }
      #about p {
         color: #ffffff;
         font-size: 14px;
         padding-top: 10px;
         line-height: 24px;
      }
      #about .about_button a {
         padding: 6px 18px;
         font-size: 14px;
      }
      #service .service_item {
         padding: 25px 20px;
         margin-top: 10px;
      }
      #service .service_item .service_text h5 {
         padding: 20px 0;
         font-size: 16px;
      }
      #service .service_item .service_text p {
         font-size: 14px;
         line-height: 24px;
      }
      #service .service_item .service_icon i {
         width: 55px;
         height: 55px;
         line-height: 55px;
         font-size: 32px;
      }
      #blog figure figcaption h5 {
         font-size: 20px;
      }
      #blog figure figcaption p {
         font-size: 14px;
         padding: 10px 0;
         line-height: 24px;
      }
      #blog figure figcaption .link {
         padding: 15px 0;
      }
      #blog figure figcaption .link a {
         padding: 8px 15px;
         font-size: 15px;
      }
      .counter_item {
         margin-top: 22px;
      }
      #counter .counter_overlay .counter_item h3 {
         font-size: 23px;
      }
      #counter .counter_overlay .counter_item p {
         font-size: 18px;
         padding-top: 10px;
      }
      #portfolio .portfolio-controllers .filter-btn {
         padding: 5px 14px;
         font-size: 15px;
         margin-top: 0;
         margin-right: 0;
      }
      .portfolio-controllers-container {
         margin-bottom: 0;
      }
      #testimonial .testimonial_overlay h5 {
         padding-top: 30px;
         text-align: center;
      }
      #testimonial .testimonial_overlay img {
         text-align: center;
         display: inline-block;
      }
      #testimonial .testimonial_overlay h6 {
         padding-top: 10px;
         text-align: center;
      }
      #testimonial .testimonial_overlay .icon_part {
         text-align: center;
      }
      #testimonial .testimonial_overlay p {
         padding-top: 18px;
         padding-bottom: 20px;
         text-align: center;
      }
      #pricing .pricing_list {
         padding: 20px 0;
         margin-top: 15px;
      }
      #pricing .pricing_list h5 {
         font-size: 18px;
         color: #ffffff;
         padding: 10px 0;
      }
      #pricing .pricing_list .pricing_item h6 {
         font-size: 26px;
         font-weight: 700;
         margin: 10px 0;
         height: 70px;
         width: 70px;
         line-height: 70px;
      }
      .price_text a {
         padding: 5px 15px;
      }
      .comment_imageone img {
         text-align: center;
         display: inline-block;
      }
      #blog_details .text_part {
         padding-left: 0px;
      }
      #blog_details .text_part h5 {
         font-size: 18px;
      }
      #blog_details .text_part p {
         padding-top: 10px;
      }
      #blog_details .comments_part ul li h6,
      #blog_details .comments_part ul li h5 {
         padding-top: 15px;
      }
      #blog_details .comments_part p {
         padding-top: 40px;
      }
      #blog_details form .search {
         display: none;
      }
      #blog_details .categories .menubar ul li a span.web {
         padding-left: 116px;
      }
      #blog_details .categories .menubar ul li a span.brochure {
         padding-left: 116px;
      }
      #blog_details .categories .menubar ul li a span.flyer {
         padding-left: 120px;
      }
      #blog_details .categories .menubar ul li a span.business {
         padding-left: 150px;
      }
      #blog_details .categories .menubar ul li a span.banner {
         padding-left: 132px;
      }
      #blog_details .latest_post .latest_image span {
         font-size: 16px;
         display: block;
         padding-top: 15px;
         text-align: center;
      }
      #blog_details .categories h6,
      #blog_details .latest_post h6,
      #blog_details .tag h3 {
         font-size: 18px;
      }
      #blog_details .latest_post .latest_image p {
         text-align: center;
      }
      #blog_details .tag {
         padding-top: 30px;
      }
      #blog_details .tag .tag_menu a {
         font-size: 13px;
         padding: 5px 10px;
         margin-bottom: 6px;
      }
      #footer .footer_overlay .widgets h3 {
         font-size: 20px;
         margin-bottom: 20px;
         margin-top: 30px;
      }
      #footer .footer_overlay .bottom_social ul li {
         padding-top: 15px;
      }
      #footer .footer_overlay form .from_input {
         font-size: 15px;
         margin-top: 16px;
      }
      #footer .footer_overlay form button {
         font-size: 14px;
      }
      .vbox-close {
         top: 0px;
         right: 2px;
         width: 45px;
         height: 45px;
         font-size: 30px;
         line-height: 45px;
      }
   }