@media only screen and (min-width:1824px) {}

@media only screen and (max-width:1024px) {
    .home p {
        font-size: 25px
    }
    .aboutmore {
        bottom: -18%;
        right: 41%
    }
    .projmore {
        bottom: -18%;
        right: 41%
    }
    .collaborations-rotate-text {
        right: -30%;
        bottom: 50%
    }
    .modalbtn {
        width: 50%
    }
    .modalbtn1 {
        width: 50%
    }
    .contact .btnstyle {
        margin-left: 62%
    }
}

@media only screen and (max-width:800px) {
    .menu-title {
        top: 6.5%;
        left: 10%
    }
    .home p {
        font-size: 19px
    }
    .backeffect {
        bottom: 23.5%
    }
    .aboutmore {
        bottom: 12%;
        right: 50%
    }
    .topm {
        margin-top: 5%
    }
    .about-rotate-text {
        font-size: 18px;
        right: -18%;
        bottom: 50%
    }
    .project-rotate-text {
        font-size: 18px;
        left: -21%
    }
    .projmore {
        bottom: -14%;
        right: 50%
    }
    .collaborations h2 {
        padding-left: 6%;
        font-size: 20px
    }
    .topspace {
        margin-top: 50%
    }
    .collaborations-rotate-text {
        font-size: 18px;
        right: -30%
    }
    .promoters-rotate-text {
        font-size: 18px;
        left: -28%;
        bottom: 50%
    }
    .contact p {
        font-size: 10px
    }
    .contact-rotate-text {
        font-size: 18px;
        right: -15%
    }
    .contact .btnstyle {
        margin-left: 46%!important
    }
    .modalbtn {
        width: 68%
    }
    .modalbtn1 {
        width: 68%
    }
    .left-fixed-menu {
        width: 100%
    }
    .nav-links {
        left: 50%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-width:768px) and (max-device-width:1024px) and (min-resolution:192dpi) {
    .home p {
        font-size: 25px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .home p {
        font-size: 25px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .home p {
        font-size: 25px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .home p {
        font-size: 25px
    }
    .backeffect {
        bottom: 26.6%
    }
}

@media only screen and (max-width:768px) {
    .backeffect {
        bottom: 26.6%
    }
    .aboutmore {
        bottom: 15%;
        right: 50%
    }
    .projmore {
        bottom: -11%;
        right: 50%
    }
}

@media only screen and (max-width:603px) {
    .sparkling-modal-frame {
        width: 100%;
        height: 300px
    }
    .carousel-caption h2 {
        font-size: 31px!important
    }
    .home-view-more {
        height: 13%;
        width: 18%;
        bottom: 0%;
        left: 32%
    }
    .home-view-more span {
        position: absolute;
        bottom: 30%;
        left: -60%
    }
    .menu-title {
        top: 6.5%;
        left: 12%
    }
    .home p {
        font-size: 14px
    }
    .backeffect {
        bottom: 33.5%
    }
    .aboutmore {
        bottom: 21%;
        right: 62%
    }
    .topm {
        margin-top: 27%
    }
    .about-rotate-text {
        font-size: 18px;
        right: -18%;
        bottom: 50%
    }
    .project-rotate-text {
        font-size: 18px;
        left: -21%
    }
    .projmore {
        bottom: 29%;
        right: 62%
    }
    .collaborations h2 {
        padding-left: 6%;
        font-size: 20px
    }
    .topspace {
        margin-top: 100%
    }
    .collaborations-rotate-text {
        font-size: 18px;
        right: -37%
    }
    .promoters-rotate-text {
        font-size: 18px;
        left: -28%;
        bottom: 50%
    }
    .contact p {
        font-size: 10px
    }
    .promoters h1 {
        font-size: 29px
    }
    .promoters h2 {
        font-size: 17px
    }
    .promoters p {
        padding-left: 12%;
        font-size: 14px;
        padding-top: 7%;
        line-height: 30px
    }
    .pro-img {
        width: auto;
        height: 50px
    }
    .contact-rotate-text {
        font-size: 18px;
        right: -15%
    }
    .contact .btnstyle {
        margin-left: 17%!important
    }
    .modalbtn {
        width: 68%
    }
    .modalbtn1 {
        width: 68%
    }
    .left-fixed-menu {
        width: 100%
    }
    .nav-links {
        left: 35%
    }
}

@media only screen and (max-width:480px) {
	.home p a
	{
		  margin-top: 5%;
	}
    .sparkling-modal-frame {
        width: 100%;
        height: 300px
    }
    .carousel {
        position: relative;
        z-index: 10
    }
    .logo1 {
        display: none
    }
    .logo {
        width: auto;
        height: 50px
    }
    .menu-icon {
        top: 0%
    }
    .menu-title {
        display: none
    }
    .left-fixed-menu {
        width: 100%
    }
    .home {
        width: 100%;
        height: auto
    }
    .home-view-more {
        display: none
    }
    .home p {
        font-family: montserratlight;
        color: #000;
        font-size: 18px;
        line-height: 38px;
        top: 26%;
        position: relative;
        padding-bottom: 50px;
        text-align: left
    }
    .home-view-more {
        height: 30%;
        width: 38%;
        background-color: #FFD800;
        position: absolute;
        bottom: 0%;
        left: 38%
    }
    .about h1 {
        padding-left: 6%;
        padding-top: 37%
    }
    .about p {
        padding-left: 7%;
        font-size: 15px;
        padding-top: 7%
    }
    .aboutmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -28%!important;
        right: 53%!important
    }
    .about-rotate-text {
        font-size: 14px;
        right: -13%;
        bottom: 50%
    }
    .about-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project-rotate-text {
        font-size: 14px;
        position: absolute;
        left: -14%;
        bottom: 50%
    }
    .project-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project {
        width: 100%;
        height: 775px
    }
    .project p {
        padding-left: 8%
    }
    .projmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -26%!important;
        right: 52%!important
    }
    .collaborations-rotate-text {
        font-size: 14px;
        right: -20%!important;
        bottom: 50%!important
    }
    .collaborations p {
        padding-left: 5%
    }
    .promoters-rotate-text {
        font-size: 14px;
        left: -19%
    }
    .collaborations-rotate-text hr {
        margin-top: -10px
    }
    .promoters p {
        font-family: 'montserratregular';
        padding-left: 7%
    }
    .promoters-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .global-logo {
        width: auto;
        height: 125px;
        margin-top: 0%!important
    }
    .pro-img {
        width: auto;
        height: 40px;
        margin-bottom: 4%
    }
    .contact .frm {
        margin-top: 40px
    }
    .contact .btnstyle {
        width: 150px;
        height: 50px;
        margin-left: 35%!important
    }
    .contact-rotate-text {
        font-size: 14px;
        right: -10%
    }
    .carousel-caption h2 {
        font-size: 28px!important
    }
    .contact p {
        text-align: left!important
    }
    .left-fixed-menu {
        z-index: 99999
    }
    .contact-rotate-text hr {
        margin-top: -11px
    }
    header {
        height: 70px
    }
    .backeffect {
        bottom: -9%;
        left: -3%
    }
}

@media only screen and (max-width:412px) {
	.home p a
	{
		  margin-top: 5%;
	}
    .sparkling-modal-frame {
        width: 100%;
        height: 300px
    }
    .about p {
        text-align: left!important
    }
    .carousel {
        position: relative;
        z-index: 10
    }
    .logo1 {
        display: none
    }
    .logo {
        width: auto;
        height: 50px
    }
    .menu-icon {
        top: 0%
    }
    .menu-title {
        display: none
    }
    .left-fixed-menu {
        width: 100%
    }
    .home {
        width: 100%;
        height: auto
    }
    .home-view-more {
        display: none
    }
    .home p {
        font-family: montserratlight;
        color: #000;
        font-size: 18px;
        line-height: 38px;
        top: 26%;
        position: relative;
        padding-bottom: 50px;
        text-align: left
    }
    .home-view-more {
        height: 30%;
        width: 38%;
        background-color: #FFD800;
        position: absolute;
        bottom: 0%;
        left: 38%
    }
    .about h1 {
        padding-left: 6%;
        padding-top: 37%
    }
    .about p {
        padding-left: 7%;
        font-size: 15px;
        padding-top: 7%
    }
    .aboutmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -28%!important;
        right: 53%!important
    }
    .about-rotate-text {
        font-size: 14px;
        right: -15%;
        bottom: 50%
    }
    .about-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project-rotate-text {
        font-size: 14px;
        position: absolute;
        left: -16%;
        bottom: 50%
    }
    .project-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project {
        width: 100%;
        height: 775px
    }
    .project p {
        padding-left: 8%
    }
    .projmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -26%!important;
        right: 52%!important
    }
    .collaborations-rotate-text {
        font-size: 14px;
        right: -22%!important;
        bottom: 50%!important
    }
    .collaborations p {
        padding-left: 5%
    }
    .promoters-rotate-text {
        font-size: 14px;
        left: -21%
    }
    .collaborations-rotate-text hr {
        margin-top: -10px
    }
    .promoters p {
        font-family: 'montserratregular';
        padding-left: 7%
    }
    .promoters-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .global-logo {
        width: auto;
        height: 125px;
        margin-top: 0%!important
    }
    .pro-img {
        width: auto;
        height: 40px;
        margin-bottom: 4%
    }
    .contact .frm {
        margin-top: 40px
    }
    .contact .btnstyle {
        width: 150px;
        height: 50px;
        margin-left: 35%!important
    }
    .contact-rotate-text {
        font-size: 14px;
        right: -11%
    }
    .carousel-caption h2 {
        font-size: 28px!important
    }
    .contact p {
        text-align: left!important
    }
    .left-fixed-menu {
        z-index: 99999
    }
    .contact-rotate-text hr {
        margin-top: -11px
    }
    header {
        height: 70px
    }
    .backeffect {
        bottom: -9%;
        left: -3%
    }
}

@media only screen and (max-width:384px) {
	.home p a
	{
		  margin-top: 5%;
	}
    .sparkling-modal-frame {
        width: 100%;
        height: 300px
    }
    .about p {
        text-align: left!important
    }
    .carousel {
        position: relative;
        z-index: 10
    }
    .logo1 {
        display: none
    }
    .logo {
        width: auto;
        height: 50px
    }
    .menu-icon {
        top: 0%
    }
    .menu-title {
        display: none
    }
    .left-fixed-menu {
        width: 100%
    }
    .home {
        width: 100%;
        height: auto
    }
    .home-view-more {
        display: none
    }
    .home p {
        font-family: montserratlight;
        color: #000;
        font-size: 18px;
        line-height: 38px;
        top: 26%;
        position: relative;
        padding-bottom: 50px;
        text-align: left
    }
    .home-view-more {
        height: 30%;
        width: 38%;
        background-color: #FFD800;
        position: absolute;
        bottom: 0%;
        left: 38%
    }
    .about h1 {
        padding-left: 6%;
        padding-top: 37%
    }
    .about p {
        padding-left: 7%;
        font-size: 15px;
        padding-top: 7%
    }
    .aboutmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -28%!important;
        right: 53%!important
    }
    .about-rotate-text {
        font-size: 14px;
        right: -15%;
        bottom: 50%
    }
    .about-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project-rotate-text {
        font-size: 14px;
        position: absolute;
        left: -16%;
        bottom: 50%
    }
    .project-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project {
        width: 100%;
        height: 775px
    }
    .project p {
        padding-left: 8%
    }
    .projmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -28%!important;
        right: 54%!important
    }
    .collaborations-rotate-text {
        font-size: 14px;
        right: -24%!important;
        bottom: 50%!important
    }
    .collaborations p {
        padding-left: 5%
    }
    .promoters-rotate-text {
        font-size: 14px;
        left: -21%
    }
    .promoters p {
        font-family: 'montserratregular';
        padding-left: 7%
    }
    .promoters-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .global-logo {
        width: auto;
        height: 125px;
        margin-top: 0%!important
    }
    .pro-img {
        width: auto;
        height: 40px;
        margin-bottom: 4%
    }
    .contact .frm {
        margin-top: 40px
    }
    .contact .btnstyle {
        width: 150px;
        height: 50px;
        margin-left: 35%!important
    }
    .contact-rotate-text {
        font-size: 14px;
        right: -11%
    }
    .carousel-caption h2 {
        font-size: 28px!important
    }
    .contact p {
        text-align: left!important
    }
    .left-fixed-menu {
        z-index: 99999
    }
    .contact-rotate-text hr {
        margin-top: -11px
    }
    header {
        height: 70px
    }
    .backeffect {
        bottom: -9%;
        left: -3%
    }
}

@media only screen and (max-width:375px) {
	.home p a
	{
		  margin-top: 5%;
	}
    .sparkling-modal-frame {
        width: 100%;
        height: 300px
    }
    .about p {
        text-align: left!important
    }
    .carousel {
        position: relative;
        z-index: 10
    }
    .logo1 {
        display: none
    }
    .logo {
        width: auto;
        height: 50px
    }
    .caption-hr {
        margin-left: 0%
    }
    .carousel-caption h3 {
        text-align: left!important
    }
    .topspace {
        margin-top: 50%
    }
    .left-space {
        margin-left: 0%
    }
    .menu-icon {
        top: 0%
    }
    .menu-title {
        display: none
    }
    .left-fixed-menu {
        width: 100%
    }
    .home {
        width: 100%;
        height: auto
    }
    .home-view-more {
        display: none
    }
    .home p {
        font-family: montserratlight;
        color: #000;
        font-size: 18px;
        line-height: 38px;
        top: 26%;
        position: relative;
        padding-bottom: 50px;
        text-align: left
    }
    .home-view-more {
        height: 30%;
        width: 38%;
        background-color: #FFD800;
        position: absolute;
        bottom: 0%;
        left: 38%
    }
    .about h1 {
        padding-left: 6%;
        padding-top: 37%
    }
    .about p {
        padding-left: 7%;
        font-size: 15px;
        padding-top: 7%
    }
    .aboutmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -28%!important;
        right: 53%!important
    }
    .about-rotate-text {
        font-size: 14px;
        right: -15%;
        bottom: 50%
    }
    .about-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project-rotate-text {
        font-size: 14px;
        position: absolute;
        left: -16%;
        bottom: 50%
    }
    .project-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .project {
        width: 100%;
        height: 775px
    }
    .project p {
        padding-left: 8%
    }
    .projmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -28%!important;
        right: 54%!important
    }
    .collaborations-rotate-text {
        font-size: 14px;
        right: -24%!important;
        bottom: 50%!important
    }
    .collaborations p {
        padding-left: 5%
    }
    .promoters-rotate-text {
        font-size: 14px;
        left: -21%
    }
    .promoters p {
        font-family: 'montserratregular';
        padding-left: 7%
    }
    .promoters-rotate-text hr {
        margin-left: 110%;
        margin-top: -11px
    }
    .global-logo {
        width: auto;
        height: 125px;
        margin-top: 0%!important
    }
    .pro-img {
        width: auto;
        height: 40px;
        margin-bottom: 4%
    }
    .contact .frm {
        margin-top: 40px
    }
    .contact .btnstyle {
        width: 150px;
        height: 50px;
        margin-left: 35%!important
    }
    .contact-rotate-text {
        font-size: 14px;
        right: -11%
    }
    .carousel-caption h2 {
        font-size: 28px!important;
        text-align: left!important
    }
    .carousel-caption h2 {
        text-align: left!important
    }
    .contact p {
        text-align: left!important
    }
    .left-fixed-menu {
        z-index: 99999
    }
    .contact-rotate-text hr {
        margin-top: -11px
    }
    header {
        height: 70px
    }
    .backeffect {
        bottom: -9%;
        left: -3%
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	.home p a
	{
		  margin-top: 5%;
	}
    .sparkling-modal-frame {
        width: 100%;
        height: 300px
    }
    .caption-hr {
        margin-left: 0%
    }
    .carousel-caption h3 {
        text-align: left!important
    }
    .carousel-caption h3 {
        text-align: left!important
    }
    .carousel-caption h2 {
        text-align: left!important
    }
    .topspace {
        margin-top: 50%
    }
    .left-space {
        margin-left: 0%
    }
    .carousel {
        position: relative;
        z-index: 10
    }
    .logo1 {
        display: none
    }
    .logo {
        width: auto;
        height: 50px
    }
    .menu-icon {
        top: 2%
    }
    .menu-title {
        display: none
    }
    .about p {
        padding-left: 5%
    }
    .home {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:320px) {
	.home p a
	{
		  margin-top: 5%;
	}
    header {
        height: 80px!important
    }
    .sparkling-modal-frame {
        width: 100%;
        height: 300px
    }
    .caption-hr {
        margin-left: 0%
    }
    .carousel-caption h3 {
        text-align: left!important
    }
    .carousel-caption h3 {
        text-align: left!important
    }
    .carousel-caption h2 {
        text-align: left!important
    }
    .topspace {
        margin-top: 50%
    }
    .left-space {
        margin-left: 0%
    }
    .logo {
        width: auto;
        height: 50px
    }
    .carousel {
        position: relative;
        z-index: 10
    }
    .logo1 {
        display: none
    }
    .menu-icon {
        top: 2%
    }
    .menu-title {
        display: none
    }
    .left-fixed-menu {
        width: 100%
    }
    .home {
        width: 100%;
        height: auto
    }
    .logo {
        position: fixed;
        top: 3.4%;
        right: 2%;
        z-index: 999
    }
    .project p {
        font-family: 'montserratregular';
        padding-left: 8%;
        font-size: 15px;
        padding-top: 7%
    }
    .collaborations p {
        font-family: 'montserratregular';
        padding-left: 8%;
        font-size: 15px;
        padding-top: 7%
    }
    .home-view-more {
        display: none
    }
    .home p {
        font-family: montserratlight;
        color: #000;
        font-size: 18px;
        line-height: 38px;
        top: 26%;
        position: relative;
        padding-bottom: 50px;
        text-align: left
    }
    .home-view-more {
        height: 30%;
        width: 38%;
        background-color: #FFD800;
        position: absolute;
        bottom: 0%;
        left: 38%
    }
    .about p {
        padding-left: 5%
    }
    .about h1 {
        padding-left: 6%;
        padding-top: 37%
    }
    .aboutmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -32%!important;
        right: 62%!important
    }
    .about-rotate-text {
        right: -17%
    }
    .project-rotate-text {
        left: -19%
    }
    .project {
        width: 100%;
        height: 775px
    }
    .projmore {
        width: 8%;
        height: 13%;
        position: absolute;
        bottom: -32%!important;
        right: 62%!important
    }
    .collaborations-rotate-text {
        right: -26%!important
    }
    .promoters-rotate-text {
        left: -26%
    }
    .global-logo {
        width: auto;
        height: 125px;
        margin-top: 30%!important
    }
    .pro-img {
        width: auto;
        height: 40px;
        margin-bottom: 4%
    }
    .contact .frm {
        margin-top: 40px
    }
    .contact .btnstyle {
        width: 150px;
        height: 50px;
        margin-left: 22%
    }
    .contact-rotate-text {
        font-size: 18px;
        right: -15%
    }
    .carousel-caption h2 {
        font-size: 28px!important;
        text-align: left!important
    }
    .caption-hr {
        margin-left: 0%
    }
    .left-fixed-menu {
        z-index: 99999
    }
    .carousel-caption h3 {
        text-align: left!important
    }
    .about p {
        font-family: 'montserratregular';
        padding-left: 5%;
        font-size: 15px;
        padding-top: 7%;
        text-align: left!important
    }
    .contact p {
        font-family: 'montserratregular';
        font-size: 13px;
        padding-top: 7%;
        padding-left: 6%;
        text-align: left!important
    }
}