/* Large Devices, Wide Screens :1200px
====================================*/

@media (min-width: 1200px) and (max-width: 1500px) {
    .container {
        width: 1200px;
    }
    .mainmenu .navigation > li:last-child > ul {
        left: unset;
        right: 0;
    }
}
/* Normal desktop :992px
====================================*/

@media (min-width: 992px) and (max-width: 1200px) {
    .mainmenu .navigation > li:last-child > ul {
        left: unset;
        right: 0;
    }
    .mainmenu .navigation > li {
        margin: 0 9px;
    }
    .header-top .right {
        margin-left: -30px;
    }
	.mainmenu li {
	  padding: 47px 10px;
	}
    .counterup li {
        margin-left: 45px;
    }
    .about-one .left.ml-70 {
        margin-left: 0;
        margin-top: 30px;
    }
    .counterup.mt-50 {
        margin-top: 25px;
    }
    /*Home Version Two */
    
    .dots-style-1 .slick-dots #slick-slide01 button {
        top: 49%;
    }
    .dots-style-1 .slick-dots #slick-slide02 button {
        top: 97%;
    }
    .single-blog .left {
        width: 223px;
    }
    .blog-one .d-table.plr-25 {
        padding: 0 10px;
    }
    .blog-one .blog-text {
        height: 215px;
    }
    .text-footer.mt-20 {
        margin-top: 10px;
    }
    .blog-one .font-20 {
        font-size: 18px;
    }
    .about-two.bg-color-1 {
        background: #EFEFEF none repeat scroll 0 0;
    }
    .about-two .right-image {
        right: -120px;
    }
    .blog-three .content h3 {
        font-size: 20px;
    }
    .blog-three .plr-30 {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* Home Page Seven */
    
    .seven.about-two.bg-color-1 {
        background: #ffffff none repeat scroll 0 0;
    }
    /* Pages */
    
    .highlight {
        margin-left: 50px;
    }
	.team-member .kc_col-sm-3 {
	  width: 50%;
	}

}
/* Tablet desktop :768px
===================================*/

@media (min-width: 768px) and (max-width: 991px) {
    .section-padding {
        padding: 80px 0;
    }
    .ptb-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .ptb-120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .font-45 {
        font-size: 40px;
    }
    .tablet-mb-40 {
        margin-bottom: 40px;
    }
    #scrollUp {
        top: 70%;
    }
    .mb-tablet {
        margin-bottom: 30px;
    }
    .ptb-223 {
        padding-bottom: 180px;
        padding-top: 180px;
    }
    .box-border {
        width: 690px;
    }
    .percent-25 .project-title {
        bottom: 10px;
    }
    .mainmenu .navigation > li:last-child > ul {
        left: unset;
        right: 0;
    }
	.header-six .header-top {
		margin-top: 25px;
	}
	
	.header-style-1 .mainmenu li{
		padding: 25px 0;
	}
	.header-six .mainmenu li {
		padding: 20px 0;
	}
	.header-top.transparent .mainmenu li {
	  padding: 0;
	}
    .mainmenu .navigation > li {
        margin: 0 9px;
    }
    .about-one .right {
        margin-left: 0;
        text-align: center;
        margin-top: 30px;
    }
    .about-text-box {
        margin: 0 auto;
        width: 610px;
    }
    .counterup li:first-child {
        margin-left: 65px;
    }
    .dots-style-1 .slick-dots #slick-slide01 button {
        top: 44%;
    }
    .dots-style-1 .slick-dots #slick-slide02 button {
        top: 89%;
    }
    .blog-one .blog-text {
        border: 2px solid #f5f5f5;
        height: auto;
        padding: 15px 0;
    }
    .single-blog .left.floatleft {
        float: none;
    }
    .single-blog img {
        width: 100%;
    }
    .header-style-4 .right {
        padding-right: 0;
    }
    .hamburgler-active .header-style-4 .mainmenu {
        right: 20px;
    }
    .header-style-4 .mainmenu li,
    .header-style-5 .mainmenu li,
    .pages-header .mainmenu li {
        margin: 0 11px;
    }
    /* Home page five */
    
    .slider-five .slide-text {
        z-index: 5;
    }
    .portfolio-five .single-portfolio:hover .project-title {
        bottom: 20px;
        left: 10px;
    }
    .about-two .right-image {
        right: -215px;
    }
    .about-two .m-minus p {
        margin-right: 0;
    }
    .blog-three .plr-30 {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* Home Page Six */
    
    .tablet-mb-40:nth-child(2) .single-counter:after {
        display: none;
    }
    .portfolio-six .ptb-35 {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .portfolio-six .pl-30 {
        padding-left: 15px;
    }
    .portfolio-six .font-20 {
        font-size: 16px;
    }
    /* Home Page Seven */
    
    .seven.about-two.bg-color-1 {
        background: #ffffff none repeat scroll 0 0;
    }
    /* Home Page Eight */
	.hamburgler-menu.header-style-1 .hamburgler-icon-wrapper {
		top: 50%;
	}
	.hamburgler-icon-wrapper {
		top: 27%;
	}
    
    .slider-eight .pt-155 {
        padding-top: 50px;
    }
    /* Pages */
    
    .about-text.mr-minus,
    .about-us .left.m-minus {
        margin-right: 0;
    }
    .about-us .right.m-minus {
        margin-left: 0;
        padding-top: 0;
    }
    .about-us .right.skill-progress {
        width: 350px;
    }
    .highlight {
        margin-left: 30px;
    }
    .contact-one .pr-0 {
        padding-right: 15px;
    }
    .contact-one .pl-0 {
        padding-left: 15px;
    }
    .contact-two .left {
        margin-left: 0;
    }
    .contact-two .info-box {
        padding-left: 30px;
    }
    .contact-two .right.ml-minus {
        margin-left: 0;
        margin-right: 0;
    }
    .error-content .mb-60 {
        margin-bottom: 40px;
    }
	.team-member .kc_col-sm-3 {
	  width: 50%;
	}
	.header-top.transparent, .logged-in .header-top.transparent {
  margin-top: 30px;
}
}
/* Small Mobile :320px. 
====================================*/

@media (max-width: 767px) {
    .container {
        width: 300px;
    }
    .details-text .content h5 {
        font-size: 15px;
    }
    .mobile-mb-30 {
        margin-bottom: 30px;
    }
    .mobile-mb-50 {
        margin-bottom: 50px;
    }
    .mobile-mb-0 {
        margin-bottom: 0;
    }
    .section-padding {
        padding: 80px 0;
    }
    .ptb-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .ptb-120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .percent-25,
    .percent-33,
    .percent-50 {
        width: 100%;
    }
    /* Mobile menu 
--------------- */
	
	.mainmenu li {
		padding: 0;
	}
    .mainmenu .navbar-collapse {
        height: 350px;
    }
    .mainmenu .navbar-collapse > ul li.dropdown .dropdown-btn {
        display: block;
    }
    .mainmenu .navbar-collapse > .navigation > li ul {
        display: none;
        left: auto !important;
        opacity: 1;
        position: relative;
        right: auto !important;
        top: auto !important;
        transition: none 0s ease 0s !important;
        visibility: visible;
        width: 100%;
    }
    .header-bottom .left,
    .mainmenu .navigation li {
        float: none;
    }
	.header-style-1 .header-top {
		line-height: 60px;
	}
    .logged-in .header-style-1 .navbar-toggle {
        top: -25px;
    }
	.header-top.transparent, .logged-in .header-top.transparent {
	  margin-top: 20px;
	}
	.header-top.transparent, .header-top.transparent {
		margin-top: 0;
	}
	.header-style-1 .navbar-toggle {
		top: -55px;
	}
    .hamburgler-menu .navbar-toggle {
        top: -47px;
    }
	.hamburgler-menu .is-sticky .navbar-toggle {
	  top: -55px;
	}
    .navbar-toggle {
        border: 1px solid #777777;
        position: absolute;
        right: 0;
        top: -35px;
    }
    .header-top .navbar-collapse {
        background: #fff none repeat scroll 0 0;
        padding-right: 15px;
        padding-left: 15px;
        box-shadow: 0 1px 4px rgba(2, 3, 3, 0.1);
    }
    .header-style-1 .header-top .mainmenu li a,
    .pages-header .header-top.is-sticky .mainmenu li a {
        line-height: 45px;
    }
    .mainmenu .navigation {
        z-index: 999;
        position: relative;
    }
    .header-top .mainmenu.floatright {
        float: none;
    }
    .mainmenu li {
        float: left;
        margin: 0;
    }
    .box-border {
        width: 90%;
    }
    .mini-box h1 {
        font-size: 25px;
    }
    .mini-box ul li {
        font-size: 12px;
        padding: 0 5px;
    }
	.bottom.slider-area p br {
	  display: none;
	}
	.section-title h2.font-32 {
	  font-size: 24px;
	}
	.single-member img {
	  width: 100%;
	}
	.testimonial-one .content h2 {
		font-size: 20px;
	}
    .portfolio-menu ul li {
        margin: 0px 15px 15px 15px;
    }
    .percent-50 .project-title h4 {
        font-size: 18px;
    }
    .percent-50 .project-title {
        left: 20px;
        bottom: 10px;
    }
    .single-portfolio {
        display: inline-block;
    }
    .portfolio-one .grid-item,
    .portfolio-two .grid-item {
        text-align: center;
    }
	.portfolio-grid .project-title .font-20,
	.single-portfolio .project-title .font-20,
	.single-portfolio .project-title .font-22 {
	  font-size: 15px;
	}
    .about-one .left.mt-50.ml-70 {
        margin: 0;
    }
    .about-text-box {
        width: 100%;
    }
    .about-one .right {
        margin-left: 0;
    }
    .counterup li:first-child {
        margin-left: 0;
    }
    .counterup h3 {
        font-size: 16px;
    }
    .counterup li {
        margin-left: 30px;
    }
    .counterup.mt-50 {
        margin: 30px 0;
    }
    footer .left.floatleft,
    footer .right.floatright {
        float: none;
        text-align: center;
    }
    .right.social-link ul {
        display: inline-block;
        margin-top: 10px;
    }
    .social-link li a {
        padding: 0 5px;
    }
    #scrollUp {
        top: 80%;
        right: 10px;
    }
    /* home verstion two */
    
    .slide-text.absolute {
        margin-top: 150px;
        position: inherit;
    }
    .slider-two .right {
        padding-top: 10px;
    }
    .dots-style-1 .slick-dots button {
        left: 0;
        top: -148%;
    }
    .dots-style-1 .slick-dots #slick-slide02 button {
        top: -49%;
    }
    .dots-style-1 .slick-dots #slick-slide01 button {
        left: 134px;
        top: -99%;
    }
    .main-service .left {
        padding-left: 0;
        width: 100%;
        float: none;
    }
    .service-one .one-item .single-slide {
        margin-top: 10px;
    }
    .slick-slider .next {
        left: 54px;
    }
    .slick-slider .prev {
        left: 0;
    }
    .service-area.service-one {
        padding-bottom: 130px;
    }
    .blog-one .d-table.plr-25 {
        padding: 0;
    }
    .single-blog .left.floatleft {
        float: none;
        padding-bottom: 20px;
    }
    .single-blog .left img {
        width: 100%;
    }
    .blog-one .blog-text {
        border: 0 none;
        height: auto;
		padding:0 10px;
    }
	.header-top .row {
		align-items: inherit;
		display: inherit;
	}
    .footer-menu a {
        font-size: 12px;
        letter-spacing: 0;
        padding: 0px 4px;
    }
    /* home page three */
    
    .header-style-2 .navbar-toggle {
        top: 0;
    }
    .header-three .header-top {
        margin: 0;
        padding: 15px 0;
    }
    .header-style-2 .logo {
        margin: 0;
    }
    .header-three .navbar-toggle {
        top: 2px;
    }
    .header-style-2 .navigation {
        display: block;
    }
    .header-style-2 .header-top .navbar-collapse {
        margin-top: 10px;
        padding: 0;
    }
    .header-style-2 .mainmenu li {
        border-bottom: 1px solid #eee;
    }
    .header-style-2 .mainmenu li a {
        line-height: 40px;
    }
    .header-style-2 .mainmenu li ul li a {
        line-height: 10px;
    }
    .dots-style-2 ul.slick-dots {
        bottom: -80px;
    }
    .portfolio-three .portfolio-menu ul li {
        margin: 5px 10px;
    }
    /* Home page four */
    
    .hamburgler-icon-wrapper {
        display: none;
    }
    .header-style-4 .mainmenu,
    .header-style-5 .mainmenu,
    .pages-header .mainmenu {
        opacity: 1;
        right: 0px;
        visibility: visible;
    }
    .header-style-4 .header-top .logo,
    .header-style-5 .header-top .logo,
    .pages-header .header-top .logo,
    .pages-header .header-top .mainmenu li a,
    .header-style-4 .header-top .mainmenu li a,
    .header-style-5 .header-top .mainmenu li a {
        line-height: 50px;
    }
    .slider-four .right {
        padding-top: 20px;
    }
    /* Home Page Five */
    
    .l-height-45 {
        line-height: 35px;
    }
    .header-style-5 .navbar-togglen,
    .pages-header .navbar-toggle {
        top: -50px;
    }
    .slider-five .right {
        padding-top: 10px;
    }
    .portfolio-five .single-portfolio:hover .project-title {
        left: 10px;
    }
    .about-two .m-minus p {
        margin-right: 0;
    }
    .blog-three .plr-30 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .blog-three .pt-40 {
        padding-top: 20px;
    }
    .blog-three .content h3 {
        font-size: 18px;
		line-height:1.2;
    }
	.blog-area .single-blog {
		margin-bottom: 50px;
	}
	.pagnation-ul.mt-30 {
	  margin-bottom: 50px;
	  margin-top: 0;
	}
	.single-text h2 {
	  font-size: 22px;
	}
	.single-text .post-img img {
		margin-bottom: 10px;
	}
	.single-blog h3 {
	  font-size: 18px;
	  line-height: 1.2;
	}
    /* Home Page six */
    
    .header-six .header-top {
        margin: 0;
        padding: 15px 0;
    }
    .header-six .navbar-toggle {
        top: -8px;
    }
    .facts-one .single-counter::after {
        display: none;
    }
    .facts-one .ptb-35 {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .facts-one .pl-30 {
        padding-left: 15px;
    }
    /* Home Page Seven */
    
    .header-seven .bottom {
        margin-top: 53px;
    }
    .seven.about-two .right-image {
        position: static;
    }
    /* Home Page Eight */
    
    .slider-eight .slide-img {
        left: 0;
    }
    .slider-eight .slide-text {
        padding-bottom: 60px;
    }
    /* Pages */
    
    .pages-header .ptb-75 {
        padding-bottom: 30px;
        padding-top: 25px;
    }
    .pages-header .mt-120 {
        margin-top: 55px;
    }
    .right.skill-progress {
        width: 100%;
        margin-top: 50px;
    }
    .about-text.mr-minus,
    .about-us .left.m-minus {
        margin-right: 0;
    }
    .about-us .left.m-minus {
        text-align: center;
    }
    .about-us .right.m-minus {
        margin-left: 0;
    }
    /* Blog Details pages */
    
    .blog-footer .floatleft.tags {
        display: block;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .details-text .blog-footer a {
        font-size: 12px;
    }
    .social-share:hover .social-link {
        right: 10px;
    }
    .comment-box {
        padding: 10px;
    }
    .comment-box > img {
        margin-right: 15px;
    }
    .comment-box .text span {
        float: none;
    }
    .comment-area .comment-form input[name="phone"] {
        margin-bottom: 15px;
    }
    .blog-details-two .details-text .content p, 
    .blog-details-three .details-text .content p {
  		font-size: 13px;
  		line-height: 1.5;
	}
	code, kbd, tt, var {
	  font-size: 12px;
	  line-height: 2;
	}
    /* Contact pages */
    
    .contact-one.mt-120 {
        margin-top: 20px;
    }
    .contact-one .pr-0 {
        padding-right: 15px;
    }
    .contact-one .pl-0 {
        padding-left: 15px;
    }
    .contact-two .left {
        margin-left: 0;
    }
    .contact-two .info-box {
        padding-left: 20px;
    }
    .contact-two .right.ml-minus {
        margin-left: 0;
        margin-right: 0;
    }
    /* portfolio pages */
    
    .portfolio .portfolio-menu ul li {
        margin: 5px 12px;
    }
	.contact-one,
	.custom-input {
	  margin-top: 50px;
	}
	.contact-one .ml-35 {
	  margin-left: 0px;
	}

}

/* Large Mobile :480px
=====================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 480px
    }
    .details-text .content h5 {
        font-size: 15px;
    }
    .percent-33 {
        width: 50%;
    }
    .mainmenu .navbar-collapse {
      height: 280px;
      position: absolute;
      right: 0;
      top: 20px;
      width: 100%;
      z-index: 2;
    }
    .dots-style-1 .slick-dots button {
        top: -204%;
    }
    .dots-style-1 .slick-dots #slick-slide01 button {
        top: -137%;
    }
    .dots-style-1 .slick-dots #slick-slide02 button {
        top: -68%;
    }
    .blog-img img {
        width: 100%;
    }
    .about-two .right-image {
        position: static;
    }
    .portfolio-five .single-portfolio:hover .project-title {
        bottom: 20px;
        left: 10px;
    }
    
}

@media (max-width: 767px) {
    .comments-area .text {
      overflow: hidden;
      padding-top: 20px;
      width: 100%;
    }
    .comment-area .children {
      margin: 0;
    }
     .mainmenu .navbar-collapse {
      height: 280px;
      position: absolute;
      right: 0;
      top: 20px;
      width: 100%;
      z-index: 2;
    }
}

/*end*/