/*---------------------------------------------------------
Theme Name: Angle | Responsive Coming Soon Template
Theme URI: http://grapestheme.com/angle
Author: Grapestheme
Author URI: http://themeforest.net/user/Grapestheme
Description: Angle | Responsive Coming Soon Template
Version: 1.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular-extended
---------------------------------------------------------*/

/* ===================================
     Media Query // Non-Mobile First Method
 ====================================== */

/*==========  Extra Large Desktop ==========*/

@media only screen and (min-width:1920px) {
	/* ===================================
	     Header Logo and Menu-Icon
	 ====================================== */
	.header {
	    height:75px;
	}
	.header .logo-container {
	    margin:27px 0;
	}
	.header .menu-icon {
	    margin:28px 0;
	}
}


/*==========  Extra Large Desktop ==========*/

@media only screen and (min-width:1400px) and (max-width:1919px) {
	/* ===================================
	    Header Logo and Menu-Icon
	 ====================================== */
	.header {
	    height:75px;
	}
	.header .logo-container {
	    margin:27px 0;
	}
	.header .menu-icon {
	    margin:28px 0;
	}
}



/*==========  Desktop And Tablet ==========*/

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

	/* ===================================
    	Home Section
	====================================== */	
	/* Style For Home-Big-Text  */
	.home-section .home-big-text {
	    font-size:3.375em;
	    width:66%;
	}

	/* ===================================
    	About Section
	====================================== */

	/* Style For About-Carousel Item Title Caption */
	.about-section .about-carousel .item figure figcaption .team-img-caption {
	    top:40%;
	}

	/* Style For About-Carousel Item Name */
	.about-section .about-carousel .item figure figcaption h3 {
		font-size:1.250em;
	}

	/* Style For About-Carousel Item Name :before */
	.about-section .about-carousel .item figure figcaption h3:before {
	    top:11px;
	}

	/* Style For About-Carousel Item Social Links */
	.about-section .about-carousel .item figure figcaption .team-social {
	    top:30%;
	}

	/* Style For About-Carousel Item Social-Icon */
	.about-section .about-carousel .item figure figcaption .team-social i {
    	font-size:24px;
    }


	/* ===================================
    	Portfolio Section
	====================================== */

	/* Style For Portfolio-Carousel Item View-More Button-Icon */
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more i {
	    font-size:45px;
	}

	/* Style For Portfolio-Carousel Item Name */
	.portfolio-section .portfolio-carousel .item figure figcaption h3 {
		font-size:1.250em;
	}

	/* Style For Portfolio-Carousel Item Name :before */
	.portfolio-section .portfolio-carousel .item figure figcaption h3:before {
	    top:11px;
	}
    

	/* ===================================
    	Product Section
	====================================== */
	/* Style For Product-Carousel Item Name */
    .product-section .product-carousel .item figure figcaption h3 {
    	font-size:1.250em;
    	padding:12px 0 0 20px;
    }

    /* Style For Product-Carousel Item Name :before */
	.product-section .product-carousel .item figure figcaption h3:before{
    	top:23px;
        left:5px;
    }


    /* ===================================
    	Service Section
	====================================== */
	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container {
		min-height:219px;
	} 

	/* Style For Service-Carousel Item Service Icon */
	.service-section .service-carousel .item .service-item-container .service-content i {
    	font-size:80px;
	}

	/* Style For Service-Carousel Item Service Name */
	.service-section .service-carousel .item .service-item-container .service-content h3{
		font-size:1.250em;
	}

	/* Style For Service-Carousel Item Service Name :before */
	.service-section .service-carousel .item:hover .service-item-container .service-content h3:before{
		top:11px;
	}

	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container .service-content {
		padding:32px 0;
	}

	/* Style For Service-Carousel Item Service-Item-Container on Hover */
	.service-section .service-carousel .item:hover .service-item-container .service-content {
    	padding:22px 0;
	}

}


/*==========  Mobile And Tablet  ==========*/
@media (min-width:992px) and (max-width:1023px) {

	/* ===================================
    	Home Section
	====================================== */
	/* Style For Home-Big-Text */
	.home-section .home-big-text {
	    font-size:3.375em;
	    width:66%;
	}


	/* ===================================
    	About Section
	====================================== */
	/* Style For About-Carousel Item Title Caption */
	.about-section .about-carousel .item figure figcaption .team-img-caption {
	    top:40%;
	}

	/* Style For About-Carousel Item Name */
	.about-section .about-carousel .item figure figcaption h3 {
		font-size:1.250em;
	}

	/* Style For About-Carousel Item Name :before */
	.about-section .about-carousel .item figure figcaption h3:before {
	    top:11px;
	}

	/* Style For About-Carousel Item Social Links */
	.about-section .about-carousel .item figure figcaption .team-social {
	    top:30%;
	}

	/* Style For About-Carousel Item Social-Icon */
	.about-section .about-carousel .item figure figcaption .team-social i {
    	font-size:24px;
    }


    /* ===================================
    	Portfolio Section
	====================================== */
	/* Style For Portfolio-Carousel Item View-More Button-Icon */
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more i {
	    font-size:45px;
	}

	/* Style For Portfolio-Carousel Item Name */
	.portfolio-section .portfolio-carousel .item figure figcaption h3 {
		font-size:1.250em;
	}

	/* Style For Portfolio-Carousel Item Name :before */
	.portfolio-section .portfolio-carousel .item figure figcaption h3:before {
	    top:11px;
	}
    

	/* ===================================
    	Product Section
	====================================== */
	/* Style For Product-Carousel Item Name */
    .product-section .product-carousel .item figure figcaption h3 {
    	font-size:1.250em;
    	padding:12px 0 0 20px;
    } 

    /* Style For Product-Carousel Item Name :before */
	.product-section .product-carousel .item figure figcaption h3:before{
    	top:23px;
        left:5px;
    }


    /* ===================================
    	Service Section
	====================================== */
	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container {
		min-height:219px;
	} 

	/* Style For Service-Carousel Item Service Icon */
	.service-section .service-carousel .item .service-item-container .service-content i {
    	font-size:80px;
	}

	/* Style For Service-Carousel Item Service Name */
	.service-section .service-carousel .item .service-item-container .service-content h3{
		font-size:1.250em;
	}

	/* Style For Service-Carousel Item Service Name :before */
	.service-section .service-carousel .item:hover .service-item-container .service-content h3:before{
		top:11px;
	}

	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container .service-content {
		padding:32px 0;
	}

	/* Style For Service-Carousel Item Service-Item-Container on Hover */
	.service-section .service-carousel .item:hover .service-item-container .service-content {
    	padding:22px 0;
	}
}

/*==========  Mobile And Tablet  ==========*/
@media (min-width:768px) and (max-width:991px) {
	/* ===================================
    	Home Section
	====================================== */
	/* Style For Home-Big-Text */
	.home-section .home-big-text {
	    font-size:3.000em;
	    width:77%;
	}


	/* ===================================
    	Menu 
	====================================== */
	.menu-container .menu-left {
	    display:none;
	}
	.menu-container .menu-right {
		width:100%;
	}
	.menu-container .menu-right .menu-list {
	    text-align:center;
	}

	/* ===================================
    	Footer & Social
	====================================== */
	.menu-container .footer {
	    position:relative;
	    display:block;
	    text-align:center;
	}


	/* ===================================
    	About Section
	====================================== */
	/* Style For About-Carousel */
	.about-section .about-carousel {
	    width:100%;
	}


	/* ===================================
    	Portfolio Section
	====================================== */
	/* Style For Portfolio-Carousel */
	.portfolio-section .portfolio-carousel {
	    width:100%;
	}


	/* ===================================
    	Product Section
	====================================== */
	/* Style For Product-Carousel */
	.product-section .product-carousel {
	    width:100%;
	}


	/* ===================================
    	Service Section
	====================================== */
	/* Style For Service-Carousel */
	.service-section .service-carousel {
	    width:100%;
	}

	/* Style For Service-Carousel  Item */
	.service-section .service-carousel .item {
	    max-width:314px;
	    margin:0 auto;
	}


	/* ===================================
    	Contact Section
	====================================== */
	/* Style For Contact-Info */
	.contact-section .contact-wrapper .contact-info {
	    position:relative;
	    display:inline-table;
	    text-align:center;
		margin:40px 12px 0;
	}

	/* ======= Style For Contact-Info Heading ======= */
	.contact-section.isCurrent .contact-wrapper .contact-info h5{
		font-size:1.000em;
	}

	/*======= Style For Contact-Info line-separator ======= */
	.contact-section.isCurrent .contact-wrapper .contact-info span.line-separator {    
    	margin:5px auto;
	}

	/*======= Style For Contact-Info p tag ======= */
	.contact-section.isCurrent .contact-wrapper .contact-info p{
		margin:0;
	}
}


/*==========  Mobile  ==========*/
@media only screen and (max-width:767px) {
.owl-dots {
	display:none !important
}
}

@media (min-width:640px) and (max-width:767px) {

	/* ===================================
    	Menu
	====================================== */
	.menu-container .menu-left {
	    display:none;
	}
	.menu-container .menu-right {
		width:100%;
	}
	.menu-container .menu-right .menu-list {
	    text-align:center;
	}


	/* ===================================
    	Footer & Social
	====================================== */
	.menu-container .footer {
	    position:relative;
	    display:block;
	    text-align:center;
	}


	/* ===================================
    	Default Container and Page Style
	====================================== */
	/* Style For Section Contain Wrapper */
	.contain-wrapper {
	    display:block;
	    padding:120px 0;
	}


	/* ===================================
    	Home Section
	====================================== */
	.home-section{
		display:table !important;
		overflow:auto;
	}
	.home-section .contain-wrapper{
		display:table-cell !important;
	}
	/* Style For Home-Big-Text */
	.home-section .home-big-text {
	    font-size:2.750em;
	    width:84%;
	}


	/* ===================================
    	About Section
	====================================== */
	.about-section{
		display:block !important;
		overflow:auto;
	}


	/* ===================================
    	Portfolio Section
	====================================== */
	.portfolio-section{
		display:block !important;
		overflow:auto;
	}

	/* ===================================
    	Product Section
	====================================== */
	.product-section{
		display:block !important;
		overflow:auto;
	}


	/* ===================================
    	Service Section
	====================================== */
	.service-section{
		display:block !important;
		overflow:auto;
	}


	/* ===================================
    	Service Section
	====================================== */
	.service-section .service-carousel .item {
	    max-width:314px;
	    margin:0 auto;
	}


	/* ===================================
    	Contact Section
	====================================== */
	/* Style For Contact-Section */
	.contact-section{
		display:block !important;
		overflow:auto;
	}

	/* Style For Contact-Section Contact-Wrapper */
	.contact-section .contact-wrapper {
	    position:relative;
	    display:block;
	    width:100%;
	    margin:0 auto;
	}

	/* Style For Contact-Info */
	.contact-section .contact-wrapper .contact-info {
		text-align:center;
	}

	/*======= Style For Contact-Info line-separator ======= */
	.contact-section.isCurrent .contact-wrapper .contact-info span.line-separator {
		margin:5px auto;
	}
}


 @media (min-width:480px) and (max-width:639px) {
     /* ===================================
    	Menu
	====================================== */
     .menu-container .menu-left {
         display:none;
     }

     .menu-container .menu-right {
         width:100%;
     }

     .menu-container .menu-right .menu-list {
         text-align:center;
     }

     /* ===================================
    	Footer & Social
	====================================== */
     .menu-container .footer {
         position:relative;
         display:block;
         text-align:center;
     }

     /* ===================================
    	Default Container and Page Style
	====================================== */
     /* Style For Section Contain Wrapper */
     .contain-wrapper {
         display:block;
         padding:80px 0;
     }

     .contain-wrapper .title-wrapper .section-title {
         font-size:2.375em;
     }

     .contain-wrapper .title-wrapper .section-title:before {
         top:22px;
     }

     /* Style For Section Paragraph */
     .contain-wrapper .title-wrapper .paragraph {
         padding:0 15px;
     }

     /* ===================================
    	Home Section
	====================================== */
     .home-section {
         display:table !important;
         overflow:auto;
     }

     .home-section .contain-wrapper {
         display:table-cell !important;
     }

     /* Style For Home-Big-Text */
     .home-section .home-big-text {
         font-size:2.375em;
         width:100%;
     }

     /* ===================================
    	About Section
	====================================== */
     .about-section {
         display:block !important;
         overflow:auto;
     }

     /* ===================================
    	Portfolio Section
	====================================== */
     .portfolio-section {
         display:block !important;
         overflow:auto;
     }

     /* ===================================
    	Product Section
	====================================== */
     .product-section {
         display:block !important;
         overflow:auto;
     }

     /* ===================================
    	Service Section
	====================================== */
     .service-section {
         display:block !important;
         overflow:auto;
     }

     .service-section .service-carousel .item {
         max-width:314px;
         margin:0 auto;
     }

     /* ===================================
    	Contact Section
	====================================== */
     .contact-section {
         display:block !important;
         overflow:auto;
     }

     /* Style For Contact-Section Contact-Wrapper */
     .contact-section .contact-wrapper {
         position:relative;
         display:block;
         width:100%;
         margin:0 auto;
     }

     /* Style For Contact-Info */
     .contact-section .contact-wrapper .contact-info {
         margin:30px 0;
         text-align:center;
     }

     /*======= Style For Contact-Info line-separator ======= */
     .contact-section.isCurrent .contact-wrapper .contact-info span.line-separator {
         margin:5px auto;
     }

 }



/*==========  Mobile  ==========*/

@media (min-width:360px) and (max-width:479px) {
	/* ===================================
    	Menu
	====================================== */
	.menu-container .menu-left {
	    display:none;
	}
	.menu-container .menu-right {
		width:100%;
	}
	.menu-container .menu-right .menu-list {
	    text-align:center;
	}


	/* ===================================
    	Footer & Social
	====================================== */
	.menu-container .footer {
	    position:relative;
	    display:block;
	    text-align:center;
	}


	/* ===================================
    	Default Container and Page Style
	====================================== */
	/* Style For Section Contain Wrapper */
	.contain-wrapper {
	    display:block;
	    padding:70px 0;
	}

	/* Style For Section Contain Wrapper Section-title */
	.contain-wrapper .title-wrapper .section-title {
		font-size:2.375em;
	}

	/* Style For Section Contain Wrapper Section-title:before */
	.contain-wrapper .title-wrapper .section-title:before {
		top:22px;
	}

	/* Style For Section Paragraph */
	.contain-wrapper .title-wrapper .paragraph {
		font-size:0.875em;
	    padding:0 15px;
	}


	/* ===================================
    	Home Section
	====================================== */
	.home-section{
		display:table !important;
		overflow:auto;
	}
	.home-section .contain-wrapper{
		display:table-cell !important;
	}
	/* Style For Home-Big-Text */
	.home-section .home-big-text {
	    font-size:2.00em;
	    width:100%;
	}


	/* ===================================
    	About Section
	====================================== */
	.about-section{
		display:block !important;
		overflow:auto;
	}
	/* Style For About-Carousel Item */
	.about-section .about-carousel .item {
		width:195px;
	    max-width:195px;
	    height:195px;
	    max-height:195px;
	    margin:0 auto;
	} 
	/* Style For About-Carousel Item Title Caption */
	.about-section .about-carousel .item figure figcaption .team-img-caption {
	    top:40%;
	}

	/* Style For About-Carousel Item Name */
	.about-section .about-carousel .item figure figcaption h3 {
		font-size:1.250em;
	}

	/* Style For About-Carousel Item Name :before */
	.about-section .about-carousel .item figure figcaption h3:before {
	    top:11px;
	}

	/* Style For About-Carousel Item Social Links */
	.about-section .about-carousel .item figure figcaption .team-social {
	    top:30%;
	}

	/* Style For About-Carousel Item Social-Icon */
	.about-section .about-carousel .item figure figcaption .team-social i {
    	font-size:24px;
    }


	/* ===================================
    	Portfolio Section
	====================================== */
	.portfolio-section{
		display:block !important;
		overflow:auto;
	}

	/* Style For Portfolio-Carousel Item */
	.portfolio-section .portfolio-carousel .item {
		width:195px;
	    max-width:195px;
	    height:195px;
	    max-height:195px;
	    margin:0 auto;
	}

	/* Style For Portfolio-Carousel Item View More */
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more {
	    top:40%;
	}
	/* Style For Portfolio-Carousel Item View-More Button-Icon */
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more i {
	    font-size:38px;
	}
	/* Style For Portfolio-Carousel Item Name */
	.portfolio-section .portfolio-carousel .item figure figcaption h3 {
		font-size:1.250em;
	}
	/* Style For Portfolio-Carousel Item Name :before */
	.portfolio-section .portfolio-carousel .item figure figcaption h3:before {
	    top:11px;
	}
	/* ===================================
    	Product Section
	====================================== */
	.product-section{
		display:block !important;
		overflow:auto;
	}

	/* Style For Product-Carousel Item */
	.product-section .product-carousel .item {
		width:195px;
	    max-width:195px;
	    height:195px;
	    max-height:195px;
	    margin:0 auto;
	}
	/* Style For Product-Carousel Item Name */
    .product-section .product-carousel .item figure figcaption h3 {
    	float:none;
    	font-size:1.250em;
    	padding:12px 0 0 20px;
    	clear:both;
    } 

    /* Style For Product-Carousel Item Name :before */
	.product-section .product-carousel .item figure figcaption h3:before{
    	top:23px;
        left:5px;
    }

    /* Style For Product-Carousel Item P */
    .product-section .product-carousel .item figure figcaption p {
	    float:none;
	    padding:5px;
	    clear:both;
	}

	/* Style For Product-Carousel Item Add Cart Icon */
    .product-section .product-carousel .item figure figcaption .add-cart i {
    	font-size:38px;
	}

	/* Style For Product-Carousel Item Add Cart */
	.product-section .product-carousel .item figure figcaption .add-cart{
		top:40%;
	}



	/* ===================================
    	Service Section
	====================================== */
	.service-section{
		display:block !important;
		overflow:auto;
	}

	/* Style For Service-Carousel Item */
	.service-section .service-carousel .item {
		width:195px;
	    max-width:195px;
	    height:195px;
	    max-height:195px;
	    margin:0 auto;
	}
	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container {
		min-height:181px;
	} 

	/* Style For Service-Carousel Item Service Icon */
	.service-section .service-carousel .item .service-item-container .service-content i {
    	font-size:60px;
	}

	/* Style For Service-Carousel Item Service Name */
	.service-section .service-carousel .item .service-item-container .service-content h3{
		font-size:1.250em;
	}
	/* Style For Service-Carousel Item Service Name :before */
	.service-section .service-carousel .item:hover .service-item-container .service-content h3:before{
		top:11px;
	}

	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container .service-content {
		padding:32px 0;
	}

	/* Style For Service-Carousel Item Service-Item-Container on Hover */
	.service-section .service-carousel .item:hover .service-item-container .service-content {
    	padding:15px 0;
	}
	.service-section .service-carousel .item .service-item-container .service-content i {
	    padding:10px 10px 10px;
	}

	/* ===================================
    	Contact Section
	====================================== */
	.contact-section{
		display:block !important;
		overflow:auto;
	}
	.contact-section .contact-wrapper {
	    position:relative;
	    display:block;
	    width:100%;
	    margin:0 auto;
	}

	/* Style For Contact-Info */
	.contact-section .contact-wrapper .contact-info {
		margin:30px 0;
		text-align:center;
	}

	/*======= Style For Contact-Info line-separator ======= */
	.contact-section.isCurrent .contact-wrapper .contact-info span.line-separator {
		margin:5px auto;
	}


	/* ===================================
    	Subscribe Section
	====================================== */
	/* Subscribe Modal */
	.modal .modal-dialog {
	    max-width:300px;
	}
	.modal .modal-dialog .modal-body {
	    padding:20px 30px 20px;
	}
	.modal .modal-dialog .modal-body .section-title {
	    font-size:2.000em;
	}
	.modal .modal-dialog .modal-content .modal-header {
	    padding:0;
	    position:relative;
	    min-height:0;
	    z-index:4;
	}
	.modal .modal-dialog .modal-body .section-title:before {
		top:18px;
	}
	.modal .modal-dialog .modal-body .paragraph {
	    font-size:0.875em;
	}
}


/*==========  Mobile  ==========*/

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

	/* ===================================
    	Menu
	====================================== */
	.menu-container .menu-left {
	    display:none;
	}
	.menu-container .menu-right {
		width:100%;
	    padding:0 45px;
	}
	.menu-container .menu-right .menu-list {
	    text-align:center;
	}

	/* ===================================
    	Footer & Social
	====================================== */
	.menu-container .footer {
	    position:relative;
	    display:block;
	    text-align:center;
	    margin-top:20px !important;
	}


	/* ===================================
    	Default Container and Page Style
	====================================== */
	/* Style For Section Contain Wrapper */
	.contain-wrapper {
	    display:block;
	    padding:70px 0;
	}
	.contain-wrapper .title-wrapper .section-title {
		font-size:2.000em;
	}
	.contain-wrapper .title-wrapper .section-title:before {
		top:18px;
	}

	/* Style For Section Paragraph */
	.contain-wrapper .title-wrapper .paragraph {
		font-size:0.875em;
	    padding:0;
	}


	/* ===================================
    	Home Section
	====================================== */
	.home-section{
		display:table !important;
		overflow:auto;
	}
	.home-section .contain-wrapper{
		display:table-cell !important;
	}
	/* Style For Home-Big-Text */
	.home-section .home-big-text {
	    font-size:2.000em;
	    width:100%;
	}


	/* ===================================
    	About Section
	====================================== */
	.about-section{
		display:block !important;
		overflow:auto;
	}
	.about-section .about-carousel .item {
	    width:159px;
	    max-width:159px;
	    height:159px;
	    max-height:159px;
	    margin:0 auto;
	} 
	/* Style For About-Carousel Item Title Caption */
	.about-section .about-carousel .item figure figcaption .team-img-caption {
	    top:40%;
	}
	.about-section .about-carousel .item figure:hover figcaption .team-img-caption {
	    top:40%;
	}

	/* Style For About-Carousel Item Name */
	.about-section .about-carousel .item figure figcaption h3 {
		font-size:1.125em;
	}

	/* Style For About-Carousel Item Name :before */
	.about-section .about-carousel .item figure figcaption h3:before {
	    top:9px;
	}

	/* Style For About-Carousel Item Social Links */
	.about-section .about-carousel .item figure figcaption .team-social {
	    top:15%;
	}

	/* Style For About-Carousel Item Social-Icon */
	.about-section .about-carousel .item figure figcaption .team-social i {
    	font-size:18px;
    }
    .about-section .about-carousel .item figure figcaption p {
    	font-size:0.875em;
	}


	/* ===================================
    	Portfolio Section
	====================================== */
	.portfolio-section{
		display:block !important;
		overflow:auto;
	}
	.portfolio-section .portfolio-carousel .item {
		width:159px;
	    max-width:159px;
	    height:159px;
	    max-height:159px;
	    margin:0 auto;
	}
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more {
	    top:40%;
	}
	/* Style For Portfolio-Carousel Item View-More Button-Icon */
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more i {
	    font-size:34px;
	}
	/* Style For Portfolio-Carousel Item Name */
	.portfolio-section .portfolio-carousel .item figure figcaption h3 {
		font-size:1.125em;
	}
	/* Style For Portfolio-Carousel Item Name :before */
	.portfolio-section .portfolio-carousel .item figure figcaption h3:before {
	    top:9px;
	}
	/* ===================================
    	Product Section
	====================================== */
	.product-section{
		display:block !important;
		overflow:auto;
	}
	.product-section .product-carousel .item {
		width:159px;
	    max-width:159px;
	    height:159px;
	    max-height:159px;
	    margin:0 auto;
	}
	/* Style For Product-Carousel Item Name */
    .product-section .product-carousel .item figure figcaption h3 {
    	float:none;
    	font-size:1.125em;
    	padding:12px 0 0 20px;
    	clear:both;
    } 

    /* Style For Product-Carousel Item Name :before */
	.product-section .product-carousel .item figure figcaption h3:before{
    	top:21px;
        left:5px;
    }
    .product-section .product-carousel .item figure figcaption p {
	    font-size:1.125em;
	    float:none;
	    padding:0;
	    line-height:1.750em;
	    clear:both;
	}
    .product-section .product-carousel .item figure figcaption .add-cart i {
    	font-size:34px;
	}
	.product-section .product-carousel .item figure figcaption .add-cart{
		top:40%;
	}



	/* ===================================
    	Service Section
	====================================== */
	.service-section{
		display:block !important;
		overflow:auto;
	}
	.service-section .service-carousel .item {
		width:159px;
	    max-width:159px;
	    height:159px;
	    max-height:159px;
	    margin:0 auto;
	}
	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container {
		min-height:159px;
	} 

	/* Style For Service-Carousel Item Service Icon */
	.service-section .service-carousel .item .service-item-container .service-content i {
    	font-size:50px;
	}

	/* Style For Service-Carousel Item Service Name */
	.service-section .service-carousel .item .service-item-container .service-content h3{
		font-size:1.125em;
	}
	/* Style For Service-Carousel Item Service Name :before */
	.service-section .service-carousel .item:hover .service-item-container .service-content h3:before{
		top:9px;
	}

	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container .service-content {
		padding:32px 0;
	}

	/* Style For Service-Carousel Item Service-Item-Container on Hover */
	.service-section .service-carousel .item:hover .service-item-container .service-content {
    	padding:5px 0;
	}
	.service-section .service-carousel .item .service-item-container .service-content i {
	    padding:5px 5px 5px;
	}

	/* ===================================
    	Contact Section
	====================================== */
	.contact-section{
		display:block !important;
		overflow:auto;
	}
	.contact-section .contact-wrapper {
	    position:relative;
	    display:block;
	    width:100%;
	    margin:0 auto;
	}

	/* Style For Contact-Info */
	.contact-section .contact-wrapper .contact-info {
		margin:30px 0;
		text-align:center;
	}

	/*======= Style For Contact-Info line-separator ======= */
	.contact-section.isCurrent .contact-wrapper .contact-info span.line-separator {
		margin:5px auto;
	}


	/* ===================================
    	Subscribe Section
	====================================== */
	/* Subscribe Modal */
	.modal .modal-dialog {
	    max-width:280px;
	}
	.modal .modal-dialog .modal-body {
	    padding:20px 30px 20px;
	}
	.modal .modal-dialog .modal-body .section-title {
	    font-size:2.000em;
	}
	.modal .modal-dialog .modal-content .modal-header {
	    padding:0;
	    position:relative;
	    min-height:0;
	    z-index:4;
	}
	.modal .modal-dialog .modal-body .section-title:before {
		top:18px;
	}
	.modal .modal-dialog .modal-body .paragraph {
	    font-size:0.875em;
	}
}


@media (max-width:319px) {
	/* ===================================
    	Menu
	====================================== */
	.menu-container .menu-left {
	    display:none;
	}
	.menu-container .menu-right {
		width:100%;
	    padding:0 45px;
	}
	.menu-container .menu-right .menu-list {
	    text-align:center;
	}


	/* ===================================
    	Footer & Social
	====================================== */
	.menu-container .footer {
	    position:relative;
	    display:block;
	    text-align:center;
	    margin-top:20px !important;
	}


	/* ===================================
    	Default Container and Page Style
	====================================== */
	/* Style For Section Contain Wrapper */
	.contain-wrapper {
	    display:block;
	    padding:70px 0;
	}
	.contain-wrapper .title-wrapper .section-title {
		font-size:2.000em;
	}
	.contain-wrapper .title-wrapper .section-title:before {
		top:18px;
	}

	/* Style For Section Paragraph */
	.contain-wrapper .title-wrapper .paragraph {
		font-size:0.875em;
	    padding:0;
	}


	/* ===================================
    	Home Section
	====================================== */
	.home-section{
		display:table !important;
		overflow:auto;
	}
	.home-section .contain-wrapper{
		display:table-cell !important;
	}
	/* Style For Home-Big-Text */
	.home-section .home-big-text {
	    font-size:2.000em;
	    width:100%;
	}


	/* ===================================
    	About Section
	====================================== */
	.about-section{
		display:block !important;
		overflow:auto;
	}
	.about-section .about-carousel .item {
	    width:145px;
	    max-width:145px;
	    height:145px;
	    max-height:145px;
	    margin:0 auto;
	} 
	/* Style For About-Carousel Item Title Caption */
	.about-section .about-carousel .item figure figcaption .team-img-caption {
	    top:40%;
	}
	.about-section .about-carousel .item figure:hover figcaption .team-img-caption {
	    top:40%;
	}

	/* Style For About-Carousel Item Name */
	.about-section .about-carousel .item figure figcaption h3 {
		font-size:1.125em;
	}

	/* Style For About-Carousel Item Name :before */
	.about-section .about-carousel .item figure figcaption h3:before {
	    top:9px;
	}

	/* Style For About-Carousel Item Social Links */
	.about-section .about-carousel .item figure figcaption .team-social {
	    top:15%;
	}

	/* Style For About-Carousel Item Social-Icon */
	.about-section .about-carousel .item figure figcaption .team-social i {
    	font-size:18px;
    }
    .about-section .about-carousel .item figure figcaption p {
    	font-size:0.875em;
	}


	/* ===================================
    	Portfolio Section
	====================================== */
	.portfolio-section{
		display:block !important;
		overflow:auto;
	}
	.portfolio-section .portfolio-carousel .item {
		width:145px;
	    max-width:145px;
	    height:145px;
	    max-height:145px;
	    margin:0 auto;
	}
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more {
	    top:40%;
	}
	/* Style For Portfolio-Carousel Item View-More Button-Icon */
	.portfolio-section .portfolio-carousel .item figure figcaption .view-more i {
	    font-size:34px;
	}
	/* Style For Portfolio-Carousel Item Name */
	.portfolio-section .portfolio-carousel .item figure figcaption h3 {
		font-size:1.125em;
	}
	/* Style For Portfolio-Carousel Item Name :before */
	.portfolio-section .portfolio-carousel .item figure figcaption h3:before {
	    top:9px;
	}
	/* ===================================
    	Product Section
	====================================== */
	.product-section{
		display:block !important;
		overflow:auto;
	}
	.product-section .product-carousel .item {
		width:145px;
	    max-width:145px;
	    height:145px;
	    max-height:145px;
	    margin:0 auto;
	}
	/* Style For Product-Carousel Item Name */
    .product-section .product-carousel .item figure figcaption h3 {
    	float:none;
    	font-size:1.125em;
    	padding:12px 0 0 20px;
    	clear:both;
    } 

    /* Style For Product-Carousel Item Name :before */
	.product-section .product-carousel .item figure figcaption h3:before{
    	top:21px;
        left:5px;
    }
    .product-section .product-carousel .item figure figcaption p {
	    font-size:1.125em;
	    float:none;
	    padding:0;
	    line-height:1.750em;
	    clear:both;
	}
    .product-section .product-carousel .item figure figcaption .add-cart i {
    	font-size:34px;
	}
	.product-section .product-carousel .item figure figcaption .add-cart{
		top:40%;
	}


	/* ===================================
    	Service Section
	====================================== */
	.service-section{
		display:block !important;
		overflow:auto;
	}
	.service-section .service-carousel .item {
		width:145px;
	    max-width:145px;
	    height:145px;
	    max-height:145px;
	    margin:0 auto;
	}
	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container {
		min-height:145px;
	} 

	/* Style For Service-Carousel Item Service Icon */
	.service-section .service-carousel .item .service-item-container .service-content i {
    	font-size:50px;
	}

	/* Style For Service-Carousel Item Service Name */
	.service-section .service-carousel .item .service-item-container .service-content h3{
		font-size:1.125em;
	}
	/* Style For Service-Carousel Item Service Name :before */
	.service-section .service-carousel .item:hover .service-item-container .service-content h3:before{
		top:9px;
	}

	/* Style For Service-Carousel Item Service-Item-Container */
	.service-section .service-carousel .item .service-item-container .service-content {
		padding:32px 0;
	}

	/* Style For Service-Carousel Item Service-Item-Container on Hover */
	.service-section .service-carousel .item:hover .service-item-container .service-content {
    	padding:5px 0;
	}
	.service-section .service-carousel .item .service-item-container .service-content i {
	    padding:5px 5px 5px;
	}

	/* ===================================
    	Contact Section
	====================================== */
	.contact-section{
		display:block !important;
		overflow:auto;
	}
	.contact-section .contact-wrapper {
	    position:relative;
	    display:block;
	    width:100%;
	    margin:0 auto;
	}

	/* Style For Contact-Info */
	.contact-section .contact-wrapper .contact-info {
		margin:30px 0;
		text-align:center;
	}

	/*======= Style For Contact-Info line-separator ======= */
	.contact-section.isCurrent .contact-wrapper .contact-info span.line-separator {
		margin:5px auto;
	}

}

/*==========  Mobile And Tablet  ==========*/

/* IF Screen height Smaller 500px Then this Query apply */
@media (max-height:500px) {
	/* ===================================
    	Menu
	====================================== */
	.menu-container {
	    position:fixed;
	    display:block;
	    table-layout:fixed;
	    top:0;
	    width:100%;
	    height:100%;
	}
	.menu-container .menu-right {
	    width:100%;
	    max-width:100%;
	    height:100%;
	    overflow-y:scroll;
	    overflow-x:hidden !important;
	    display:block;
	    padding:70px 45px;
	}

	/* ===================================
    	Home Section
	====================================== */
	.home-section{
		display:block !important;
		overflow:auto;
	}
	.home-section .contain-wrapper{
		display:block !important;
	}

}