@media (min-width: 800px) {
	.xs-hide{
		display: block;
	}
	.lg-hide{
		display: none;
	}
}


@media (max-width: 799px) {
	.xs-hide{
		display: none;
	}
	.lg-hide{
		display: block;
	}
}

@media (max-width: 1024px) {

    .nav-pills > li > a {
        font-size: 1em;
    }


	.nav>li>a {
	    position: relative;
	    display: block;
	    padding: 10px 5px;
	}
	

}


@media (max-width: 992px) {

	.ContentFlow {
	    padding-top: 20px;
	}

	#CURVED .flow-content {
	    padding-bottom: 40%;
	}
	
	#Curved_Tab .title-wrapper {
	    max-width: 480px;
	}

	#Curved_Tab .title-h3 {
	    padding: 10px 15px;
	    font-size: 2em;
	}
	#Curved_Tab .txt-block p {
	    font-size: 1em;
	    line-height: 1.6;
	}
	#Curved_Tab .txt-block {
	    bottom: 0px;
	}

	#Curved_Tab .dec-body {
	    width: 100%;
	    position: relative;
	    padding-bottom: 16%;
	    margin-bottom: 50px;
	}
}

@media (max-width: 768px) {

	#Curved_Tab .tab-icon {
	    display: block;
	    width: 60%;
	    float: none;
	    padding: 0;
	    margin: 0 auto;
	    vertical-align: middle;
	}

	.nav>li {
	    position: relative;
	    display: inline-block;
	    width: calc(100% / 5 - 5px);
	    margin: 0 auto;
	    text-align: center;
	}

	 .nav-pills > li > a{
		text-align: center;
		padding: 10px 0px;
	}

	 .nav-pills > li > a {
	    font-size: 1em;
	    line-height: 1;
	}
	
}

@media (max-width: 767px) {
	#CURVED .flow-content-lg{
	    display: none;
	}

	#CURVED .flow-content-xs{
	    display: block;
	}
}


@media (max-width: 736px) {


	#Curved_Tab .tab-icon {
	    display: inline-block;
	     width: 20%;
	}

	.nav>li {
	    position: relative;
	    display: inline-block;
	    width: 100%;
	    margin: 0 auto;
	    text-align: center;
	}

	 .nav-pills > li > a {
        font-size: 1.4em;
        line-height: 1;
         padding: 0px 0px;
    }

    #Curved_Tab .txt-block {
	    position: relative;
	    width: 100%;
	    bottom:40px;
	    text-align: center;
	    padding: 0;
	}

	#Curved_Tab .dec-body {
	    padding-bottom: 2%;
	    margin-bottom: 0px;
	}

	#Curved_Tab .title-wrapper {
	    max-width: 320px;
	}

	#Curved_Tab .title-h3 {
	    padding: 10px 15px;
	    font-size: 1.6em;
	}

	.video-wrapper {
	    max-width: 400px;
	}

	.video-section {
	    padding: 10% 0;
	}
}


@media (max-width: 480px) {
	.video-wrapper {
	    max-width: 320px;
	}


}