footer#colophon {
    margin-top: 00px !important;height: auto;min-height:12em;background-color: #1999FC !important;background-image: linear-gradient(to right, #1999FC , #1999FC) !important;
}

.container.main_banner_section {
    width: 100% !important;
    background-image: url('../images/Vocabimate_homescreen/Main_banner.png');
    height: auto;min-height:45em;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -2%;    
}
.voca_heading{
    font-family: metropolis bold;
    font-size: 50px;
    color: #FEC196;
}
.coming_heading{font-family: metropolis bold;
    font-size: 40px;
    color: #fff;
    margin-top:0;}
.coming_heading_hang{font-family: metropolis bold;font-size: 33px;color: #fff;margin-top:20px;}	
.voca_content_main_banner{
    color: #2B0057;
    font-size: 25px;
    font-weight: 600;
    padding-right: 53%;
    font-family: metropolis medium;
    line-height: 1.2;
}
.voca_home_content_text{margin-top: 7%;
    margin-right: 1%;
    margin-left: 4%;
}
.app-store{width: 85%;}
.left_img_app_store{position: relative;right: 9px;}
.play_store{width: 85%;}
.right_img_google_play{position: relative;right: 3.8em;}
.left_img_what_is_vocabimate img {
    padding-top: 0px !important;
    width: 78% !important;
    margin-bottom: 10px;
    position: relative;
    margin: 0 auto;
}
.container.who_we_are_section {
    position: relative;
    width: 100% !important;
    bottom: 0;
}
h3.whatisvocabimate_heading {
    font-size: 34px!important;
    color: #4B4B4B!important;
    font-family: Metropolis Bold !important;
    font-weight: lighter!important;
    position: relative !important;
    top: 20px !important;
}
.what_is_vocabimate_text{font-size: 20px;
    color: #A9ABAD;
    font-family: Metropolis;
    position: relative;
    top: 17px;
    padding-right: 47px;}
.what_is_vocabimate_text p{font-size: 20px;
    color: #AEB0B2;line-height: 1.2;}
.what_is_vocabimate-content{position: relative;top: 8.5em;}
.container.why_vocabimate_section {
    background: #fff;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
    width: 100%;
    top:4em;
}
.heading_why_vocabimate h1 {
    font-size: 34px!important;
    color: #4B4B4B!important;
    font-family: Metropolis Bold !important;
    font-weight: lighter!important;
}
.why_vocabimate_section_web{display:block;}
.why_vocabimate_section_mob{display:none;}

.why_vocabimate_text p{
    font-size: 20px;
    color: #AEB0B2 !important;
    font-family: Metropolis;
    position: relative;
    top: 0;
    padding-right: 12%;line-height: 1.2;
}
.why_vocabimate_text_mobile{display:none;}
.why_vocabimate_image img {
    width: 85%;
    position: relative;
    bottom: 8.5em;
    margin: 0 auto;

}
.why_vocabimate_content{position: relative;left: 1em;}
.container.whatmakeusdifferent_section {margin-top: 1em;margin-bottom: 2em;}
.left_img_what_is_vocabimate {text-align: center;}	
    .left_img_whatmakeusdifferent img {
        padding-top: 0px !important;
    /* padding-left: 18% !important; */
    width: 90% !important;
    margin-bottom: 10px;
    position: relative;
    bottom: 0em;
    left: 1.7em; 
    }
    h3.whatmakeusdifferent_heading {
        font-size: 34px!important;
        color: #4B4B4B!important;
        font-family: Metropolis Bold !important;
        font-weight: lighter!important;
        /* position: relative !important;
        top: 20px !important; */
    }
    .whatmakeusdifferent_content_text p{font-size: 20px;
        color: #AEB0B2 !important;
        font-family: Metropolis;
        position: relative;
        top: 0;
        padding-right: 14%;
        line-height: 1.2;}
.whatmakeusdifferent_content{position: relative;  top: 5em;}
    .container.view_pkg_banner_section {
        width: 100% !important;
        background-image: url('../images/Vocabimate_homescreen/View_packages.png');
        height: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: 0px;
        min-height: 500px;
    }
    .view_pkg_banner_content_text{float: right;position: relative;top: 13em;}
    .view_pkg_banner_content_text p{color: #fff;
        font-size: 25px;
        padding: 0 10%;
        font-family: metropolis medium;
        line-height: 1.2;
        text-align: center;}
    .view_pkg_btn,.view_pkg_btn:hover,.view_pkg_btn:active,.view_pkg_btn:focus{color: #0f89f1;
            font-size: 23px;
            float: none;outline: 0px auto -webkit-focus-ring-color !important;
            width: auto;min-width:13em;
            font-weight: 600;
            border-radius: 31px;
            background-color: #fff;
            font-family: metropolis bold;
            padding-top: 8px;
            letter-spacing: 0.5;
            letter-spacing: 0;
            box-shadow: 5px 5px 15px #634BCB;
            position: relative;
            }
            .view_pkg_btn, .view_pkg_btn:hover, .view_pkg_btn:active, .view_pkg_btn:focus{outline:none !important;}
            .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none !important;}
	@media only screen and (device-width : 414px) and (device-height : 736px){
	 	 .container.view_pkg_banner_section {
			    min-height: 589px!important;
		
			}
	}
@media only screen and (max-width:767px){
		footer#colophon{height: auto;}
		h3.whatisvocabimate_heading {font-size: 30px!important;text-align: center;}				
		.coming_heading_hang {font-size: 30px;margin-top: 20px;text-align: center;margin-bottom: 0;}
		.coming_heading {font-size: 30px !important;margin-top: 0;text-align: center;}
			.what_is_vocabimate_section {width: 80%; margin: 0 auto;}
		.what_is_vocabimate-content {
				position: relative;top: 0;text-align: center;}
		.what_is_vocabimate_text p {
				font-size: 17px !important;
				text-align: center;}
		.what_is_vocabimate_text{padding-right: 0;}
		.left_img_what_is_vocabimate img{text-align:center;max-width: 20em;}
		.container.main_banner_section {background-image: url('../images/Vocabimate_homescreen/vocabimate_home_banner_mobile.png');                  
			min-height: 53em;margin-top: 1.5em;height: auto;}
		.voca_home_content_text {
			/* margin-top: 0; */
			margin-right: 0;
			margin-left: 0;
		}
		.voca_heading {
			font-size: 40px;
            text-align: center;
            margin-bottom: 5px;
            margin-top: 24px;
		}
		.voca_content_main_banner{
			font-size: 20px;
			text-align: center;padding-right: 0;
		}
		.app-store {width: 90%;}
		.play_store {width: 90%;}
		.right_img_google_play {position: relative;right: 1em;}
		.left_img_app_store {
			position: relative;
			right: -20px;
		}
		.container.why_vocabimate_section{
			padding-left: 0;padding-right: 0;width: 80%;margin: 0 auto;margin-bottom: 4em; }
		.why_vocabimate_content {position: relative;left: 0;top: 0;text-align:center;
		}
		.why_vocabimate_section_web{display:none;}
		.why_vocabimate_section_mob{display:block;}
		.why_vocabimate_text p{padding: 0;font-size: 17px;}
		.why_vocabimate_text_mobile {display:block;
			font-size: 17px;
			text-align: center;
		}
		.why_vocabimate_image {text-align: center;}
		.why_vocabimate_text_mobile p{
			color: #AEB0B2 !important;
			font-family: Metropolis Medium;
			line-height: 1.2;
			padding: 0 15px;
		}
		.heading_why_vocabimate h1 {font-size: 30px!important;text-align: center;}
		.container.view_pkg_banner_section {width: 100% !important;
			background-image: url('../images/Vocabimate_homescreen/vocabimater_banner_mobile.png');
			min-height: 69em;margin-top: 3em;}
		.why_vocabimate_image img{position: relative;margin-bottom: 0;bottom: 0;max-width: 20em;}
		.container.whatmakeusdifferent_section {bottom: 0 !important;width: 80%;margin: 0 auto;padding-top: 2em;}
		h3.whatmakeusdifferent_heading {
			font-size: 26px !important;
			text-align: center;
		}
		.whatmakeusdifferent_content_text p{font-size: 17px;
			text-align: center;
			padding-right: 0;
		}
		.whatmakeusdifferent_content {position: relative;left: 0;top: 0;}
		.left_img_whatmakeusdifferent img{bottom: -3em;}
		.view_pkg_banner_content_text {float: none;position: relative;top: 5em;text-align: center;padding: 0 15%;}
		.view_pkg_banner_content_text p{text-align: center;font-size: 20px;}
		.view_pkg_btn, .view_pkg_btn:hover, .view_pkg_btn:active, .view_pkg_btn:focus{font-size: 20px;float: none;width: auto;min-width: 12em;position: relative;
	top: 2em;outline: none !important;}
		img.card_Vpkg-img_-top{width: 90%;}
            }
	
	@media screen and (max-width:675.98px) 
	{			
		.container.view_pkg_banner_section {min-height: 55em;margin-top: 1.5em;height: auto;}
		
	}
	
	@media screen and (max-width:767.98px) and (min-width:576px)
	{	
	.container.main_banner_section {background-image: url('../images/Vocabimate_homescreen/Main_banner.png');min-height: 26em;margin-top: 1.5em;
height: auto;}		
	.container.view_pkg_banner_section {min-height: 20em;margin-top: 1.5em;height: auto;background-image: url('../images/Vocabimate_homescreen/View_packages.png');}
	.view_pkg_banner_content_text {float: right;top: 2em;padding: 0;width: 45%;}	
	.view_pkg_banner_content_text p {font-size: 17px;padding: 0 10%;text-align: center;}
	.voca_home_content_text {margin-top: 1em;}
	.view_pkg_btn, .view_pkg_btn:hover, .view_pkg_btn:active, .view_pkg_btn:focus {font-size: 17px;float: none;width: auto;min-width: 10em;position: relative;top: 1em;}
	.voca_heading {font-size: 30px;text-align: left;margin-bottom: 5px;margin-top: 10px;}
	.voca_content_main_banner {font-size: 15px;text-align: left;padding-right: 0;}
	.coming_heading_hang {font-size: 20px;margin-top: 6px;text-align: left;margin-bottom: 0;}
	.coming_heading {font-size: 20px !important;margin-top: 0;text-align: left;}
	.left_img_app_store {position: relative;right: 0}
	.app-store, .play_store {width: 8em;min-width: 8em;}
	.right_img_google_play {position: relative;right: 68%;}
	
		
	}
	
	@media screen and (max-width:450.98px) and (min-width:401px)
	{
		.container.main_banner_section {min-height: 42em;margin-top: 1em;height: auto;}
		.container.view_pkg_banner_section {min-height: 42em;margin-top: 1.5em;height: auto;}	
		.view_pkg_banner_content_text {float: none;top: 4em;}	
		.view_pkg_banner_content_text p {font-size: 20px;padding: 0;text-align: center;}
		
	}
	@media screen and (max-width:400.98px) and (min-width:351px)
	{
		.container.main_banner_section {min-height: 40em;margin-top: 1em;height: auto;}
		.container.view_pkg_banner_section {min-height: 38em;margin-top: 1.5em;height: auto;}
		.view_pkg_banner_content_text {float: none;top: 4em;}	
		.view_pkg_banner_content_text p {font-size: 20px;padding: 0;text-align: center;}
		
	}
	
	@media screen and (max-width:350px)
	{
	.container.main_banner_section {min-height: 38em;margin-top: 1.5em;height: auto;}
	.container.view_pkg_banner_section {min-height: 34em;margin-top: 3em;height: auto;}
	.coming_heading {font-size: 24px !important;}
	.view_pkg_banner_content_text p {font-size: 16px;padding: 0 0%;text-align: center;}
		.view_pkg_btn, .view_pkg_btn:hover, .view_pkg_btn:active, .view_pkg_btn:focus {
   min-width: 10em;}
   
		
	}
	
	
	
					
					
@media screen and (max-width: 1199px) and (min-width: 992px){
    .container.main_banner_section{margin-top: 0;min-height: 35em;}
    .voca_home_content_text {margin-top: 0;margin-right: 0;margin-left: 0%;}
    .voca_heading{font-size: 35px;}
    .voca_content_main_banner {font-size: 17px;}
	.coming_heading_hang {font-size: 30px;margin-top: 20px;}
	.coming_heading {font-size: 32px;}
    .left_img_what_is_vocabimate img{width: 70% !important;margin-top:0 !important;}
    .what_is_vocabimate-content {position: relative;top: 5em !important;}
	.container.whatmakeusdifferent_section {width: 100% !important;bottom: 0;height: auto;margin-bottom: 3em;}	
	.left_img_what_is_vocabimate {margin-top: 0em;}
	.why_vocabimate_content {padding-right: 3em;padding-top: 3em;}
	.why_vocabimate_image img {padding: 0px;width: 80%;}
	.container.view_pkg_banner_section {min-height: 25em !important;height: auto;}	
    .view_pkg_banner_content_text p {font-size: 20px !important;padding: 0 10%;}
    .container.whatmakeusdifferent_section {bottom: 0;height: auto;margin-bottom: 3em;}
	
	}	
	
@media screen and (max-width: 991.98px) and (min-width: 768px){
	
    .container.main_banner_section{margin-top: 0;min-height: 32em;}
    .voca_home_content_text {margin-top: 0;margin-right: 0;margin-left: 0%;}
    .voca_heading{font-size: 35px;}
	.voca_home_content_text {margin-top: 5%;margin-right: 1%;margin-left: 0%;}
    .voca_content_main_banner {font-size: 17px;}
	.coming_heading_hang {font-size: 30px;margin-top: 20px;}
	.coming_heading {font-size: 32px;}
    .left_img_what_is_vocabimate img{}
    .what_is_vocabimate-content { position: relative;top: 2em;    }
	
    h3.whatisvocabimate_heading {
        font-size: 26px!important;}
 .what_is_vocabimate_text{padding-right: 15px;}
 .why_vocabimate_image img{bottom: 0;left: 2em;
    padding: 0px;}
    .container.why_vocabimate_section{padding: 0 50px;top:0;}
    .why_vocabimate_text p{display:block; }
    .why_vocabimate_text_mobile {display:block;
        font-size: 18px;
        text-align: left;
    }
    .why_vocabimate_text_mobile p{
        color: #AEB0B2 !important;
        font-family: Metropolis Medium;
        line-height: 1.2;
        padding: 0 0;
    }
    .why_vocabimate_content {
        position: relative;
        left: 0;
    }
    .what_is_vocabimate_text p {
        font-size: 18px !important;}
        .heading_why_vocabimate h1 {
            font-size: 26px!important;
	}
	.container.whatmakeusdifferent_section {bottom: 0;height: auto;margin-bottom: 3em;}
	h3.whatmakeusdifferent_heading {
    font-size: 26px!important;}
    .whatmakeusdifferent_content_text p {
        font-size: 18px;padding-right: 0;
    }
    .whatmakeusdifferent_content {
        position: relative;
        left: 0;
        top: 1em;
    }
	.what_makus img{margin-top:2em;}
    .left_img_whatmakeusdifferent img{width: 95% !important;padding-left: 0;bottom: -6em;left: 1.7em;margin-bottom: 40px;}
    .container.view_pkg_banner_section{min-height: 21em;}
    .view_pkg_banner_content_text p{font-size: 17px;padding-right:0;}
    .view_pkg_banner_content_text {top: 5em;}
    .view_pkg_btn, .view_pkg_btn:hover, .view_pkg_btn:active, .view_pkg_btn:focus{float: none;
    left: 0;top: 1em; font-size: 20px;}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px){
    .container.main_banner_section{min-height: 38em;}
	.voca_home_content_text {margin-top: 5%;margin-right: 1%;margin-left: 2%;}
    .what_is_vocabimate-content {
        position: relative;
        top: 5em;
    }
    .why_vocabimate_text p{display:none;}
    .why_vocabimate_text_mobile {display:block;
        font-size: 19px;
        text-align: left;
    }
    .why_vocabimate_text_mobile p{
        color: #AEB0B2 !important;
        font-family: Metropolis Medium;
        line-height: 1.2;
        padding: 0 0;
    }
	.why_vocabimate_text p{display:block; }
    .why_vocabimate_content {
        position: relative;
        left: 0em;
        bottom: 4em;
    }
    .why_vocabimate_image img{bottom: 6em;padding-right: 10%;}
    .left_img_whatmakeusdifferent img{bottom: -3em;}
    .whatmakeusdifferent_content {position: relative;left: 10px;top: 0;}
    .container.view_pkg_banner_section{min-height: 26em;}
    .view_pkg_banner_content_text {top: 8em;}
	.view_pkg_banner_content_text p{font-size: 22px;padding: 0 8%;text-align: center;}
    .view_pkg_btn, .view_pkg_btn:hover, .view_pkg_btn:active, .view_pkg_btn:focus{left:auto;top: 0;}
}
@media only screen and (max-width: 1320px) and (min-width: 1260px){
    .container.main_banner_section {height:615px}
    .container.view_pkg_banner_section{min-height:483px;}    
    .view_pkg_banner_content_text{font-size: 21px;top:8.5em;}
    .view_pkg_banner_content_text p{font-size: 24px;}
}
@media only screen and (max-width: 1500px) and (min-width: 1420px){
    .container.main_banner_section {height:645px}
    .container.view_pkg_banner_section {min-height: 535px;}
    .view_pkg_banner_content_text p{font-size: 27px;}
    .view_pkg_btn,.view_pkg_btn:hover,.view_pkg_btn:active,.view_pkg_btn:focus{left: 18.5em;top:14em;}
    .what_is_vocabimate_text p{font-size: 21px;line-height: 32.2px;}
    .why_vocabimate_text p{font-size: 21px;line-height: 32.2px;}
    .whatmakeusdifferent_content_text p{font-size: 21px;line-height: 32.2px;}
}
@media only screen and (max-width: 1800px) and (min-width: 1601px){
    .container.main_banner_section {height:750px;}
    .voca_heading{font-size:65px;}
    .voca_content_main_banner{font-size:28px;}
    .coming_heading{font-size:55px !important;}
    .container.view_pkg_banner_section {height:612px}
    .left_img_what_is_vocabimate img{padding-left:0 !important;}
    .what_is_vocabimate-content{left:0;top:5.5em;}
    h3.whatisvocabimate_heading{font-size:45px !important;;}
    .heading_why_vocabimate h1{font-size: 45px!important;}
    .view_pkg_banner_content_text p{font-size: 40px;padding-right:14%;}
    .view_pkg_banner_content_text{top: 14em;}
    .view_pkg_btn,.view_pkg_btn:hover,.view_pkg_btn:active,.view_pkg_btn:focus{top:18em;left:21.5em;}
    .view_pkg_banner_content_text p{}
    .why_vocabimate_content{left:5.5em;}
	.why_vocabimate_image img {width: 73%;bottom: 6.5em;margin: 0 auto;}
    .whatmakeusdifferent_content{left:0;top:0;}
    h3.whatmakeusdifferent_heading{font-size:45px !important;}
    .whatmakeusdifferent_content_text p{padding-right:0;}
    .what_is_vocabimate_text p{font-size: 24px;line-height: 32.2px;}
    .what_is_vocabimate_text{padding-right:10%;}
    .why_vocabimate_text p{font-size: 24px;line-height: 32.2px;}
    .whatmakeusdifferent_content_text p{font-size: 21px;line-height: 32.2px;}
}