/* responsive styles for laptop */
@media (max-width:1199px){
	.container{
		width: 950px;
	}
	.smile-block .smiling-para1 {
	    font-size: 23px;
	}
	.smile-block .smiling-para2 {
	    font-size: 19px;
	    padding: 50px 0 0 0;
	}
	.add-info .add-info-text-para p {
	    width: 62%;
	}
	.faq .faq-ques {
	    padding: 7px 15px;
	}
	.premium .plans ul li:first-of-type{
		width: 48%;
	}
	.contact-info form{
		width: 100%;
	}
	.contact-info .contact-text p {
	    padding: 12px 0;
	}
	.contact-info .add-info-text-para p {
	    width: 86%;
	}
	.Contact-form .contact-details-info h6 {
	    font-size: 18px;
	}
	.Contact-form .form-group select, .Contact-form .form-group input {
	    width: 65%;
	}
	/*.Contact-form .date-of-birth select {
	    width: 28% !important;
	    padding: 0 0 0 0 !important;
	}*/
	.Contact-form .form-group button{
		margin: 10px 0 0 0;
	}
	.reasons-block .justify-block{
		justify-content: flex-start;
	}
	.form-element-2 .apply-ntn {
    width: 296px;
    position: absolute;
    right: 21px;
    bottom: 99px;
	}
	.smile-block .apply-ntn, .premium .apply-ntn, .contact-info .apply-ntn, .form-element-2 .apply-ntn{
		    width: auto;
	}
	.smile-block .apply-ntn a, .premium .apply-ntn a, .contact-info .apply-ntn a, .form-element-2 .apply-ntn a{
		font-size: 20px;
	}
	.banner{
		height: 300px;
	}
	.data{
		width: 65%;
	}
	.Contact-form .form-group .change-blk{
	  text-align: right;
	}
	.Contact-form .form-group .change-blk input{
	  width: 100%;
	}
	.button-side label{
		line-height: 38px;
		vertical-align: top;
	}
	.Contact-form .form-group .change-blk button{
	  width: auto;
	}
	.text-change p {
	    padding: 12px 20px;
	}

}

/* responsive styles for tablet/ipad */
@media (max-width:979px){
	.container{
		width: 750px;
	}
	.smile-block .smiling-para1 {
	    font-size: 21px;
	}
	.smile-block .smiling-para2 {
	    font-size: 17px;
	    padding: 35px 0 0 0;
	}
	.Contact-form .contact-details-info h6 {
	    font-size: 16px;
	}
	.reasons-block .justify-block{
		justify-content: flex-start;
	}
	.form-element-2 .apply-ntn {
    width: 296px;
    position: absolute;
    right: 21px;
    bottom: 99px;
	}
	.banner{
		height: 234px;
	}
	.Contact-form .date-of-birth select {
		    padding: 0 0 0 0 !important;
	}
	.Contact-form .form-element-2 .apply-ntn a{
		font-size: 11px;
	}
	.text-change p {
	    padding: 12px 11px;
	}




}
/* responsive styles for mobile */
@media (max-width:767px){
	.container{
		width: 100%;
		max-width: 100%;
	}
	.site-logo{
		float: none !important;
	}
	.site-logo img{
		display: block;
		margin: 0 auto;
	}
	nav{
		display: none;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		background-color: white;
	}
	.site-navbar ul li{
		display: block;
		background: none;
	}
	.site-navbar ul li.active{
		background: none;
	}
	.site-navbar ul li a{
		color: #5ec2e6;
		text-align: right;
		font-size: 20px;
	}
	.menu_btn {
		display: inline-block;
		cursor: pointer;
		margin: 0;
		z-index: 2;
		position: relative;
		float: right;
		position: absolute;
	    left: auto;
	    right: 0;
	    top: 0;
	    padding: 10px;

	}

	.bar1,
	.bar2,
	.bar3 {
		width: 26px;
		height: 2px;
		background-color: #5ec2e6;
		margin: 6px 0;
		transition: 0.4s;
		-moz-transition: 0.4s;
		-webkit-transition: 0.4s;
	}

	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-3px, 6px);
		transform: rotate(-45deg) translate(-3px, 6px);
	}

	.change .bar2 {
		opacity: 0;
	}

	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-5px, -9px);
		transform: rotate(45deg) translate(-5px, -9px);
	}
	.smile-block .apply-ntn, .premium .apply-ntn, .contact-info .apply-ntn, .form-element-2 .apply-ntn{
		
		/*width: 300px;*/
		margin: 0 auto;
	}
	.smile-block .apply-ntn a, .premium .apply-ntn a, .contact-info .apply-ntn a, .form-element-2 .apply-ntn a{
		text-align: center;
	}
	.smile-block .smiling-para1{
		font-size: 22px;
	}
	.smile-block .smiling-para2 {
	    font-size: 18px;
	    padding: 29px 0 0 0;
	}
	.reasons-block h6{
		font-size: 19px;
	}
	.add-info .add-info-text-para p{
		width: 100%;
		padding: 20px 0;
	}
	.add-info .add-info-text h4, .contact-info .add-info-text h4{
		padding: 20px 0;
	}
	.footer {
    	padding: 20px 0 30px 0;
	}
	.footer .copy-rights-info {
	    padding: 15px 0;
	}
	.reasons-block h5 {
	    font-size: 25px;
	}
	.premium .plans ul li:first-of-type, .premium .plans ul li:last-of-type{
		width: 100%;
	}
	.premium .plans ul li a{
		text-align: center;
	}
	.premium .plan-blk{
		padding: 20px;
	}
	
	.contact-info .contact-img img{
		display: block;
		margin: 0 auto;
	}
	.contact-info .contact-img{
		padding: 20px;
	}
	.contact-info .contact-text p{
		font-size: 15.5px;
	}
	.Contact-form .contact-details-info{
		width: 100%;
	}
	.Contact-form .Contact-details:after{
		display: none;
	}
	
	.form-group input{
		text-align: left;
	}
	.Contact-form .form-check p{
		padding: 0 0 0 0;
	}
	.Contact-form .form-group select, .Contact-form .form-group input{
		text-align: left;
	}
	.text-change p{
		padding: 10px 0;
	}
	.reasons-block .reasons-text{
		padding: 10px 0;
	}
	.faq-1{
		width: 100%;
		float: none;
	}
	.banner{
		height: auto;
	}
	.banner .smile-text {
	    width: 100%;
	    padding: 0 12px;
	}
	.form-element-2 .apply-ntn{
		position: relative;
		float: none !important;
		display: block;
		margin: 0 auto;
		width: 250px;
		bottom: 0;
		left: 0;
	}
	.smile-block .smile-img img{
		display: block;
		margin: 0 auto;
		padding: 10px 0 0 0;
	}
	
	
	.data{
		max-width: 65%;
		width: 100%;
	}
	/*.Contact-form .date-of-birth select{
		    width: 31.5% !important;
	}*/
	
	.socials{
	height: 30px;
	float: right;
	text-align: right;
}

.socials img
{
	margin: 0;
	padding: 0;
	float: right;
}


}