/*-- Space-Class --*/

[class|=space] {
    display: block;
    width: 100%;
    overflow: hidden
}

.space-10 {
    height: 0;
}

.space-20 {
    height: 0;
}

.space-30 {
    height: 30px;
}

.space-40 {
    height: 40px;
}

.space-50 {
    height: 50px;
}

.space-60 {
    height: 60px;
}

.space-70 {
    height: 70px;
}

.space-80 {
    height: 80px;
}

.space-90 {
    height: 90px;
}

.space-100 {
    height: 100px;
}

/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .mainmenu-area ul.nav.navbar-nav li a {
        margin: 0 10px;
    }

    .feature-area,
    .testimonial-area,
    .video-area,
    .progress-area {
        background-image: none;
        margin-bottom: 0;
    }

    .testimonial-area {
        padding: 100px 0;
    }

    .team-slide .owl-controls .owl-nav {
        text-align: center;
    }

    .team-slide .owl-controls .owl-nav > div {
        position: static;
        display: inline-block;
        margin: 30px 15px 15px 15px;
    }

    .gallery-slide .item {
        margin: 85px auto 90px;
    }

    .gallery-slide .owl-nav,
    .gallery-slide .owl-dots {
        padding-right: 0;
        text-align: center;
    }

    .gallery-slide .owl-controls {
        padding-right: 0;
    }

    .footer-bottom .footer-menu ul,
    .footer-area {
        text-align: center;
    }

    .angle:after {
        height: 80px;
    }
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-area {
        padding: 100px 0;
        margin-bottom: 0;
    }

    .mainmenu-area ul.nav.navbar-nav li a {
        margin: 0 10px;
    }

    .video-area,
    .progress-area {
        background-image: none;
    }

    .mobile-image {
        display: none !important;
    }

    .feature-area,
    .video-area,
    .progress-area {
        background-image: none;
        margin-bottom: 0;
        margin-top: 0;
    }

    .gallery-slide .item {
        margin: 85px auto 90px;
    }

    .gallery-slide .owl-nav,
    .gallery-slide .owl-dots {
        padding-right: 0;
        text-align: center;
    }

    .gallery-slide .owl-controls {
        padding-right: 0;
    }

    .testimonial-area {
        padding: 60px 0;
    }

    .video-photo {
        margin-bottom: 60px;
    }

    .team-slide .owl-controls .owl-nav {
        text-align: center;
    }

    .team-slide .owl-controls .owl-nav > div {
        position: static;
        display: inline-block;
        margin: 30px 15px 15px 15px;
    }

    .footer-bottom .footer-menu ul,
    .footer-area {
        text-align: center;
    }

    .angle:after {
        height: 80px;
    }
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    body {
        font-size: 18px;
		overflow-x: hidden !important;
    }

    h1 {
        font-size: 28px;
    }
	
	h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 19px;
    }
	
	h4 {
        font-size: 18px;
    }
	
	h4 {
        font-size: 18px;
    }
	
	ol, ul {
		padding: 0 0 0 20px;
	}
	
	.art-li:before {
		left: -0.3em;
	}

    .bttn-white {
        padding: 8px 30px;
    }

    .section-padding {
        padding-top: 0;
        padding-bottom: 60px;
    }
	
	.footer-area .section-padding {
		padding-top: 60px !important;
	}

    .angle:after {
        height: 60px;
    }

    /*-- Main-Menu-Style --*/
    .mainmenu-area {
        padding: 0;
    }

    .mainmenu-area:before {
        opacity: 0.9;
    }

    .mainmenu-area .navbar-brand {
		height: auto !important;
		padding: 6px 9px 4px !important;
		margin: 0;
	}
	
	/* Humburger Menu */
	
	.mainmenu-area .navbar-toggle {
	  overflow: hidden;
	  position: absolute;
	  right: 0;
	  margin: 1px 8px;
	  width: 40px;
	  height: 50px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	}

	.mainmenu-area .navbar-toggle input {
	  display: flex;
	  width: 60px;
	  height: 60px;
	  position: absolute;
	  cursor: pointer;
	  opacity: 0; /* hide input */
	  z-index: 1; /* top of the menu */
	}

	.mainmenu-area .navbar-toggle span{
	  width: 30px;
	  height: 4px;
	  margin-bottom: 6px;
	  background: #fff;
	  border-radius: 4px;
	  -webkit-transition: all .5s cubic-bezier(.08,.81,.87,.71);
	  -moz-transition: all .5s cubic-bezier(.08,.81,.87,.71);
	  -ms-transition: all .5s cubic-bezier(.08,.81,.87,.71);
	  -o-transition: all .5s cubic-bezier(.08,.81,.87,.71);
	  transition: all .5s cubic-bezier(.08,.81,.87,.71);
	}

	#menuspan1 {
	  transform-origin: 8px 3px;
	}

	#menuspan3 {
	  transform-origin: bottom right;
	}

	.mainmenu-area .navbar-toggle input:checked ~ #menuspan1 {
	  background-color: #fff;
	  transform: rotate(45deg) translate(5px);
	}
	.mainmenu-area .navbar-toggle input:checked ~ #menuspan2 {
	  background-color: #fff;
	  transform: rotate(495deg) translate(-2px);   
	}
	.mainmenu-area .navbar-toggle input:checked ~ #menuspan3 {
	  background-color: #fff;
	  transform: rotate(45deg);
	  opacity: 0;
	}
		
	/* Humburger Menu End */

    .mainmenu-area #primary_menu {
        overflow-y: auto;
        max-height: 140vh;
    }

    .mainmenu-area #primary_menu ul.nav.navbar-nav li {
        display: block;
    }

    .mainmenu-area #primary_menu ul.nav.navbar-nav li a {
        padding: 15px;
        border: none;
    }

    .mainmenu-area #primary_menu ul.nav.navbar-nav li.active a,
    .mainmenu-area #primary_menu ul.nav.navbar-nav li a:hover {
        background-color: #ffffff;
        color: #303f9f !important;
    }

    .mainmenu-area ul.mainmenu li:nth-child(4) {
        display: block;
        cursor: pointer;
    }

	.mainmenu-area .navbar-brand img {
		height: 30px;
		margin-top: 4px;
	}

    /*-- Home-Area --*/
    .home-area {
        padding-top: 120px;
        padding-bottom: 100px;
        margin-bottom: 0;
    }

    .mobile-image {
        display: none !important;
    }
  
    .signup-modal-content {
        top: 1px ! important;
        border-radius: 10px !important;
    }
  
  	.modal-content {
      	top: 1px;
      	border-radius: 10px;
    }
  
  	.modal-header {
      	border-radius: 10px;
  	}

    .signup-modal {
        padding: 40px 0 0;
    }

    .signup-modal-content {
        width: 100%;
    }

    .signup-modal .modal-body {
        padding: 70px 10px;
    }

    .feature-area,
    .video-area,
    .progress-area {
        background-image: none;
        margin-bottom: 0;
        margin-top: 0;
    }

    .testimonial-area {
        padding: 60px 0;
    }

    .team-slide .owl-controls .owl-nav {
        text-align: center;
    }

    .team-slide .owl-controls .owl-nav > div {
        position: static;
        display: inline-block;
        margin: 30px 15px 15px 15px;
    }

    .gallery-slide {
        margin-bottom: 60px;
    }

    .gallery-slide .item {
        margin: 85px auto 90px;
    }

    .gallery-slide .owl-controls {
        position: static;
        margin-top: 30px;
        width: 100%;
        text-align: center;
    }

    .buy-modal-content {
        width: 100%;
    }

    .buy-modal th {
        width: 140px;
    }

    .bf-contact-details {
        padding: 60px 20px 0;
    }

    .modal-body {
        padding: 2px 0;
    }

    .modal-close {
        margin-top: 8px;
    }

    .payment-procedure {
        padding: 10px;
    }

    .confirmation-boxes {
        display: block;
    }

    .confirmation-boxes input {
        margin-bottom: 20px;
    }

    .tabcolumna {
        display: none;
    }

    .tabcolumnb {
        width: 100%;
    }

    .footer-bottom .footer-menu ul,
    .footer-area {
        text-align: center;
    }

    .subscribe-form {
        padding: 20px;
    }

    .subscribe-form form .bttn-white {
        position: static;
        margin-top: 20px;
    }

    .subscribe-form form .control {
        padding-right: 15px;
    }
	
	.subscribe-form h3 {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 0;
	}

    .post-single.sticky .post-media {
        margin-right: 0;
        float: none;
        width: 100%;
    }

    .form-double .box {
        width: 100%;
        float: none;
    }

    .post-single {
        padding: 15px;
		width: 100vw;
    }

    .post-single h2 {
        font-size: 22px;
    }

    .post-single blockquote {
        padding: 10px;
        font-size: 14px;
		line-height: 18px;
    }

    .comments-list .comment {
        padding-left: 0;
    }

    .comments-list .comment .comment-pic {
        position: static;
        margin-bottom: 30px;
    }
	
	.share-btn span {
		font-size: 12px;
	}
	
	.org-docs h2 {
		font-size: 22px;
	}
	
	.org-docs h3 {
		font-size: 18px;
	}
	
	.version-chart {
		display: none;
	}
	
	.art-li > *:not(h3) {
		margin-left: -35px;
	}
	
	#darkModeToggle {
		position: relative;
		top: 2px;
	}
	
	.mainmenu-area .navbar-toggle {
		position: relative;
		top: 2px;
	}
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {}