/*
 * Large Device
 */
@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .navbar-right li ul.dropdown li a {
        font-size: 13px
    }
    .header-area .navbar-right li a {
        margin: 0 3px
    }
    .header-area .navbar-right li:last-child .dropdown {
        left: -30px
    }
    .header-area .navbar-right li .megamenu {
        left: -465%;
        width: 1080%
    }
    .header-area .navbar-right li .megamenu ul li a {
        font-size: 13px
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 30%
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 20px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description .heading3 {
        font-size: 22px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .heading3 {
        font-size: 20px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .description {
        font-size: 15px;
        line-height: 1.5em
    }
    .our-skills-area .our-skills .our-skills-content .seline-progress-bars {
        margin-top: 30px
    }
}

/*
 * Medium Device
 */
@media (min-width: 768px) and (max-width: 991px) {
	.header-area {
		height: 60vh;
	}
    .header-area .navbar-right li ul.dropdown {
        top: 90px;
        width: 220px
    }
    .header-area .navbar-right li ul.dropdown li a {
        font-size: 13px
    }
    .header-area .navbar-right li a {
        padding: 35px 2px;
        margin: 0 3px;
        font-size: 14px;
    }
    .header-area .navbar-right li:last-child .dropdown {
        left: -55px
    }
    .header-area .navbar-right li .megamenu {
        left: -412%;
        width: 1085%;
        top: 90px
    }
    .header-area .navbar-right li .megamenu ul li a {
        font-size: 13px
    }
    .header-area .seline-carousel .carousel-inner .item {
        height: 100vh
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 35%
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 4px;
        padding: 12px
    }
    .about-us-area .about-us .about-us-content .single-about-des .heading3 {
        font-size: 18px
    }
    .about-us-area .about-us .about-us-content .single-about-des h4 {
        font-size: 18px;
        margin-bottom: -5px
    }
    .about-us-area .about-us .about-us-content .single-about-des .description {
        font-size: 13px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description .heading3 {
        font-size: 22px
    }
    .works-history-area .works-history .single-history {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .works-history-area .works-history .single-history i {
        font-size: 40px;
        margin-bottom: 15px
    }
    .works-history-area .works-history .single-history .heading3 {
        font-size: 22px
    }
    .works-history-area .works-history .single-history .count {
        font-size: 20px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .heading3 {
        font-size: 20px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .description {
        font-size: 15px;
        line-height: 1.5em
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .description:last-child {
        display: none
    }
    .our-skills-area .our-skills .our-skills-content .seline-progress-bars {
        margin-top: 7px
    }
    .subscribe-area .subscribe form .seline-text-input {
        width: 40%
    }
    .blog-page-area .blog-page .blog-page-posts .single-post h2 a {
        font-size: 24px
    }
    .blog-page-area .blog-page .blog-page-widget .single-widget.search-area .seline-text-input {
        width: 88%
    }
    .footer-area .footer .single-footer {
        overflow: hidden;
        margin-bottom: 50px
    }
    .footer-area .footer .single-footer.flicker-image ul li a img {
        width: 80px;
        height: 80px
    }
}

/*
 * Small Device
 */
@media (min-width: 481px) and (max-width: 767px) {
    .slicknav_menu {
        display: block;
        background: transparent;
        padding: 5px;
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 10;
        font-size: 25px
    }
    .slicknav_menu .megamenu {
        display: none
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #463f3a
    }
    .slicknav_menu .slicknav_nav {
        clear: both;
        color: #463f3a;
        margin: 0;
        font-size: 14px;
        width: 400px;
        background: rgba(0, 0, 0, 0.8);
        padding: 15px
    }
    .slicknav_menu .slicknav_nav a {
        -webkit-transition: all 320ms ease;
        -moz-transition: all 320ms ease;
        -ms-transition: all 320ms ease;
        -o-transition: all 320ms ease;
        transition: all 320ms ease;
        text-transform: uppercase
    }
    .slicknav_menu .slicknav_nav a:hover,
    .slicknav_menu .slicknav_nav a:active,
    .slicknav_menu .slicknav_nav a:focus {
        background: transparent;
        color: coral
    }
    .slicknav_menu .slicknav_nav .slicknav_arrow {
        display: none
    }
    .slicknav_menu .slicknav_nav .slicknav_row:hover {
        background: transparent;
        color: #f5f6f1
    }
    .slicknav_menu .slicknav_btn.slicknav_collapsed,
    .slicknav_menu .slicknav_btn.slicknav_open {
        background: transparent;
        border: 1px solid #463f3a;
        border-radius: 0;
        padding: 15px
    }
	.header-area {
	    height: 60vh;
	}
	.header-area.slider-background {
		height: 100vh;
	}
	.header-area.personal-page {
		height: 45vh;
	}
    .header-area .seline-navbar.fixed .navbar-brand {
        width: 100%;
        text-align: center
    }
    .header-area .header-content h2 {
        font-size: 30px
    }
    .header-area .seline-carousel .carousel-inner .item {
        height: 100vh
    }
    .header-area .countdown {
        width: 330px;
        height: 200px
    }
    .header-area .countdown div {
        font-size: 20px
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 50%
    }
    .primary-bg-area .primary-bg {
        padding: 30px 0
    }
    .primary-bg-area .primary-bg .single-primary {
        margin-bottom: 10px
    }
    .portfolio-area .portfolio .portfolio-nav {
        display: none
    }
    .portfolio-area .portfolio .seline-border {
        margin-bottom: 30px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog {
        margin-bottom: 30px
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 0;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .about-us-area .about-us .about-us-content .single-about-des .heading3 {
        font-size: 21px
    }
    .subscribe-area .subscribe form .seline-text-input {
        width: 90%;
        display: block;
        margin: 10px auto
    }
    .works-history-area .works-history .single-history {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .works-history-area .works-history .single-history i {
        font-size: 35px;
        margin-bottom: 15px
    }
    .works-history-area .works-history .single-history .heading3 {
        font-size: 18px
    }
    .works-history-area .works-history .single-history .count {
        font-size: 17px
    }
    #map {
        height: 300px
    }
	.blog-page-area .blog-page {
		padding: 10px 0;
	}
	.blog-page-area .blog-page .blog-page-posts .single-post {
		margin-bottom: 15px;
	}
    .blog-page-area .blog-page .blog-page-posts .single-post h2 a {
        font-size: 24px
    }
    .blog-page-area .blog-page .blog-page-widget {
        display: none
    }
	.comments {
		margin: 10px 0 20px;
	}
	.footer-area {
		padding: 30px 0 15px;
	}
    .footer-area .footer .single-footer {
        text-align: center;
        overflow: hidden;
        margin-bottom: 50px
    }
    .footer-area .footer .single-footer .seline-border {
        margin: 10px auto
    }
    .footer-area .footer .single-footer.flicker-image ul li {
        width: 25%
    }
    .footer-area .footer .single-footer.flicker-image ul li a img {
        width: 100%;
        height: 100%
    }
}



/*
 * Extra Small Device
 */
@media (max-width: 480px) {
	h3 {
		font-size: 20px;
	}
	.title {
		font-size: 35px;
	}
	.subtitle {
		font-size: 30px;
	}
	.megamenu h4 {
		color: #ff7f50;
		text-align: center;
		text-transform: uppercase;
	}
    .slicknav_menu {
        display: block;
        background: transparent;
        padding: 5px;
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 10;
        font-size: 25px
    }
	.slicknav_menu .slicknav_nav a {
		text-align: center;
	}
    .slicknav_menu .megamenu {
        display: none
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #463f3a
    }
    .slicknav_menu .slicknav_nav {
        clear: both;
        color: #463f3a;
        margin: 0;
        font-size: 14px;
        width: 400px;
        background: rgba(0, 0, 0, 0.8);
        padding: 15px
    }
    .slicknav_menu .slicknav_nav a {
        -webkit-transition: all 320ms ease;
        -moz-transition: all 320ms ease;
        -ms-transition: all 320ms ease;
        -o-transition: all 320ms ease;
        transition: all 320ms ease;
        text-transform: uppercase
    }
    .slicknav_menu .slicknav_nav a:hover,
    .slicknav_menu .slicknav_nav a:active,
    .slicknav_menu .slicknav_nav a:focus {
        background: transparent;
        color: coral
    }
    .slicknav_menu .slicknav_nav .slicknav_arrow {
        display: none
    }
    .slicknav_menu .slicknav_nav .slicknav_row:hover {
        background: transparent;
        color: #f5f6f1
    }
    .slicknav_menu .slicknav_btn.slicknav_collapsed,
    .slicknav_menu .slicknav_btn.slicknav_open {
        background: transparent;
        border: 1px solid #463f3a;
        border-radius: 0;
        padding: 15px
    }
    .navbar-default .navbar-brand {
    	letter-spacing: 0;
    }
	.header-area {
	    height: 60vh;
	}
	.header-area.slider-background {
		height: 100vh;
	}
    .header-area .seline-navbar.fixed .navbar-brand {
        width: 100%;
        text-align: center
    }
	.header-area .header-content h2 {
		font-size: 25px;
		letter-spacing: 0;
		margin: 10px 0;
	}
    .header-area .seline-carousel .carousel-inner .item {
        height: 100vh
    }
    .header-area .countdown {
        width: 330px;
        height: 200px
    }
    .header-area .countdown div {
        font-size: 20px
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 50%
    }
    .primary-bg-area .primary-bg {
        padding: 20px 0
    }
    .primary-bg-area .primary-bg .single-primary {
        margin-bottom: 10px
    }
    .about-us-area .about-us .about-us-content {
    	margin-top: 20px;
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 0;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .about-us-area .about-us .about-us-content .single-about-des h4 {
    	margin: 5px 0 10px;
    }
    .about-us-area .about-us .about-us-content .single-about-des .heading3 {
        font-size: 18px
    }
	.what-we-do-area .what-we-do-content {
		margin-top: 20px;
	}
    .portfolio-area .portfolio .portfolio-nav {
        display: none
    }
    .portfolio-area .portfolio .seline-border {
        margin-bottom: 30px
    }
	.latest-blog-area .latest-blog .latest-blog-content {
		margin-top: 20px;
	}
    .latest-blog-area .latest-blog .latest-blog-content .single-blog {
        margin-bottom: 30px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description .heading3 {
    	font-size: 20px;
    }
	.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-details span {
		font-size: 12px;
		margin-right: 5px;
	}
	.subscribe-area .subscribe {
		padding: 20px 0;
	}
	.subscribe-area .subscribe form {
		margin-top: 20px;
	}
    .subscribe-area .subscribe form .seline-text-input {
        width: 90%;
        display: block;
        margin: 10px auto
    }
	.author-area .author .author-content {
		margin-top: 30px;
	}
    .works-history-area .works-history .single-history {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .works-history-area .works-history .single-history i {
        font-size: 35px;
        margin-bottom: 15px
    }
    .works-history-area .works-history .single-history .heading3 {
        font-size: 18px
    }
    .works-history-area .works-history .single-history .count {
        font-size: 17px
    }
    #map {
        height: 300px
    }
	.blog-page-area .blog-page {
		padding: 10px 0;
	}
	.blog-page-area .blog-page .blog-page-posts .single-post {
		margin-bottom: 0;
	}
	.blog-page-area .blog-page .blog-page-posts .single-post h2, .blog-page-area .blog-page .blog-page-posts .single-post h3 {
		margin-bottom: 0;
	}
    .blog-page-area .blog-page .blog-page-posts .single-post h2 a {
        font-size: 20px
    }
    .blog-page-area .blog-page .blog-page-widget {
        display: none
    }
	.comments {
		margin: 0 0 10px;
	}
	.single-comments-reply {
		margin-left: 25px;
		margin-top: 35px;
	}
	.footer-area {
		padding: 30px 0 10px;
	}
    .footer-area .footer .single-footer {
        text-align: center;
        overflow: hidden;
        margin-bottom: 15px
    }
    .footer-area .footer .single-footer .seline-border {
        margin: 10px auto
    }
    .footer-area .footer .single-footer.flicker-image ul li {
        width: 25%
    }
    .footer-area .footer .single-footer.flicker-image ul li a img {
        width: 100%;
        height: 100%
    }
}