@charset "utf-8";

@media (min-width:992px) {
	
	.get-code-mob{display: none;}
	.menu-icon{display: none;}
	
	
}

@media (min-width:768px) {
	.accordion-content{ display: block !important; height: auto !important;}
	
	
}


@media (max-width:1199px) {
	
	body{font-size: 18px; line-height: 1.666;}
	h1{font-size: 60px;}
	.heading-style h4{font-size: 24px;}
	.heading-style h2{font-size: 50px;}
	h2{font-size: 28px;}
	h3{font-size: 18px;}
	h5{font-size: 11px;}
	
	/*-- header --*/
	
	.menu > li{margin-left: 25px;}
	
	/*-- home banner --*/
	
	.banner-content h1{line-height: 1;}
	.banner-content h1 span{font-size: 40px;}	
	.btn{font-size: 18px; min-width: 260px; padding: 8px 15px;}
	.banner-sec{min-height: 498px;}
	.banner-btn{padding: 60px 0 0;}
	.banner-content h1 sup{font-size: 22px;}
	
	.banner-btn ul li{margin-bottom: 12px;}
	
	/*-- what viizii --*/
	
	.what-viizzii-content h4 sup{font-size: 10px; top: -13px;}
	
	.what-viizzii-sec{min-height: 512px;}
	
	/*-- features --*/
	
	.features-content{padding: 0 15px;}
	.features-content h4{margin: 0 0 30px;}
	
	/*-- .app-sec --*/
	
	.app-sec{padding: 30px 0;}
	.app-heading h4{margin: 0 0 30px;}
	.icon-list-col{width: 50%;}
	.app-overview-content{width: 50%; padding: 0 15px;}
	.icon-link{margin: 0 auto 10px; width: 100px;}
	
	/*-- get started --*/
	
	.get-started-col{padding: 0 15px;}
	.get-started-col h2{margin: 0 0 30px;}
	
	/*-- faq --*/
	
	.faq-sec{padding: 30px 0;}
	
	.accordion-title{font-size: 18px;}
	
	/*-- footer --*/
	
	.foo-sec{padding: 50px 0 0;}
	.foo-logo{width: 200px; margin: 0 auto 30px;}
	.social-icn a{    width: 44px;    height: 44px;    line-height: 44px; font-size: 24px;}
	
	.back-top{right: 0; width: 78px; height: 78px; bottom: 10px;}
	.foo-disc{padding: 30px 60px 11px;}
	.foo-disc p{font-size: 16px;}
	
	/*-- get code page --*/
	
	.get-code-banner{padding: 50px 0;}
	.getcode-form-col{height: 50px;}
	.qr-code-img{padding: 0;}
	.get-code-banner{min-height: inherit;}
	
	
	
	
	
	
	
	

}

@media (max-width:991px) {
	
	h1{font-size: 55px;}
	.heading-style h2{font-size: 45px;}
	h2{font-size: 26px;}
	h5{font-size: 10px;}
	
	
	/*-- header sec --*/
	
	.header-sec{padding: 14px 0; position: relative;}
	.logo{width: 137px; float: none; margin: 0 auto;}
	
	.get-code-mob{display: inline-block; position: absolute; right: 15px; top: 19px; font-weight: 900; font-family: "arial",sans-serif; font-size: 13px; text-transform: uppercase;}
	
	.menu-sec{padding: 0;}
	.menu-icon{position: absolute; cursor: pointer; left: 15px; top: 20px; color: #343434; font-size: 13px; font-weight: 900; text-transform: uppercase; font-family: "arial",sans-serif;}
	
	.menu-box{width: 20px; margin-right: 10px; vertical-align: middle; display: inline-block; vertical-align: middle; margin-top: -3px;}
	.menu-box span{display: block; background: #111111; height: 4px; width: 100%; margin-bottom: 4px;}
	.menu-box span:last-child{margin-bottom: 0;}
	
	/*-- menu --*/
	
	.menu > li{display: block; float: none; margin: 0 0 34px; padding: 0; }
	
	.enumenu_ul.menu {     display: flex !important;    flex-direction: column;    flex-wrap: wrap;    justify-content: center;  border-top: 1px solid #3b3b3b;   position: absolute;    left: 0;    right: 0;    top: 100%;    background: #fff;  height: 0 !important;     overflow: hidden; z-index: 9999;  text-align: center;       opacity: 0;    visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;  }
	
	.menu-icon.active + .enumenu_ul.menu{ opacity: 1; visibility: visible; overflow: auto; height: calc(100vh - 49px) !important; }
	
	.menu > li > a{font-size: 28px;padding: 0; display: block;}
	.menu li .arrow{    position: absolute;    right: 0;    top: 3px;    width: 25px;    height: 25px;    font-size: 30px;    line-height: 25px;  cursor: pointer;}
	.menu li .arrow:before{content: "\f107"; font-family: FontAwesome;}
	
	.sb-menu{position: static;}
	.menu li:hover > .sb-menu, .menu:focus > .sb-menu{display: none;}
	.menu ul li a{color: #3b3b3b; background: transparent;}
	.arrow.up{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -moz-transform:rotate(180deg);}
	
	
	
	.menu-icon.active{}
	.menu-icon.active .menu-box span:nth-child(1){    transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);}
	.menu-icon.active .menu-box span:nth-child(2){opacity: 0; visibility: hidden;}
	.menu-icon.active .menu-box span:nth-child(3){    transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg);    margin-top: -16px;}
	.menu-icon.active .menu-box span{    border-radius: 10px;}
	
	/*-- home banner --*/
	
	.banner-content h1 span{font-size: 35px;}
	.banner-content h1 sup{font-size: 20px;}
	
	/*-- what viizzii sec --*/
	.what-viizzii-content{width: 60%;}
	.what-viizzii-object{width: 60%;}
	.what-viizzii-sec{min-height: 460px;}
	
	/*-- features sec --*/
	
	.icon-list-col h3{letter-spacing: 1px; line-height: 1.2;}
	.icon-col{padding: 0;}
	.icon-link{width: 82px;}
	.icon-list ul{padding: 25px 0 0;}
	
	/*-- somethimg new --*/
	
	.something-new-content.heading-style h2{display: block;padding: 0; margin: 0 0 20px;}
	.something-new-sec{padding: 60px 0;}
		.parallax{background-position: center center !important; background-attachment: inherit;}
	
	
	/*-- get code page --*/
	
	.qr-code-img{width: 120px;}
	.qr-code-content.heading-style{width: 55%;}
	input.getcode-form-field{font-size: 16px;}
	
	
	
	
	
	
	
	
	
	
	

}

@media (max-width:767px) {
	
	h1{font-size: 50px;}
	h2{font-size: 24px;}
	.heading-style h2{font-size: 40px;}
	

    
    /*-- for responsive table style --*/    
    
    .resp-table table, .resp-table thead, .resp-table td, .resp-table tbody, .resp-table tr, .resp-table th, .resp-table tfoot{display: block; width: 100%;}
    .resp-table thead{display: none !important;}
    .resp-table td{position: relative; width: 100%; padding-left: 50%; border-top: 1px solid #ededed; }
    .resp-table td:before { color: #929292; text-transform: uppercase; content: attr(data-title);    position: absolute;    top: 50%;    left: 15px;    width: 48%;    padding-right: 10px;    text-align: left;    font-weight: 700;    line-height: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}
    .resp-table tr{margin-bottom: 10px;}
    
    
    /*-- for responsive scroll table style --*/ 
    
    .table-scroll{overflow-y: auto;}
    .table-scroll table{width:767px;}
    
	
	/*-- home banner --*/
	
	.banner-sec{padding: 50px 0;}
	.banner-content h1{line-height: 0.9;}
	.banner-content h1 span{font-size: 32px;}
	.banner-content h1 sup{font-size: 12px; top: -13px;}
	.banner-btn{padding: 50px 0 0;}
	.banner-content{position: absolute; left: 15px; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	
	/*-- what viizzii --*/
	

	
	.what-viizzii-sec{min-height: 444px; padding: 34px 0;}
	.what-viizzii-object{display: none;}
	.what-viizzii-content{padding: 0 15px; width: 100%;}
	.what-viizzii-content h2 sup{top: -0.7em;}
	.what-viizzii-content h4:before{max-width: 286px;}
	.what-viizzii-content h4{margin: 0 0 45px;}
	.what-viizzii-content h2{margin-bottom: 9px;}
	.what-viizzii-sec .main{display: flex;    justify-content: center;    flex-direction: column;    flex-wrap: wrap;}
	.what-viizzii-sec .main:after{content: none; display: none;}
	
	/*-- features sec --*/
	
	.features-img{width: 100%; position: relative; margin-bottom: 31px;}
	.features-img img{max-width: 274px; margin: 0 auto; display: block; }
	.features-content{width: 100%;}
	.features-content h4{display: none;}
	.features-content h2{display: none;}
	
	.mobile-features-content.features-content{display: block; padding: 0; text-align: center;}
	.features-content.mobile-features-content h2{display: block; position: absolute; left: 0; right: 0; top: 53%;}
	.features-content.mobile-features-content h4{display: block;  letter-spacing: 2px; margin-bottom: 48px;}
	
	.features-sec{padding: 35px 0 117px;}
	.features-row{margin: 0;}
	.features-content p{margin: 0 0 21px;}
	
	/*-- app sec --*/
	
	.app-overview-content{width: 100%; margin-bottom: 30px; }
	.icon-list-col{width: 100%;padding: 0 15px;}
	.app-store img{margin: 0 auto; display: block;}
	.app-store{padding: 34px 0 0;}
	.app-sec{padding: 30px 0 54px;}
	.icon-list ul li{padding: 0 10px;}
	
	/*-- get started sec --*/
	
	.get-started-img{display: none;}
	.get-started-col{width: 100%;}
	
	.get-started-col h2{text-align: center;}
	.get-started-row{margin: 0;}
	.get-started-sec{padding: 68px 0 10px;}
	
	
	.gallery-list-col:nth-child(4n+1){clear: none;}
	
	/*-- faq --*/
	
	.faq-sec h2 b{display: block;}
	.accordion-title{cursor: pointer; padding: 0 0 0 41px; position: relative;} 
	.faq-col{width: 100%; padding: 0; }
	.accordion-content{display: none; padding: 3px 40px 0;}
	.faq-sec{padding: 40px 0;}
	.faq-row{padding: 61px 0 0; margin: 0;}
	
	.accordion-title:before{content: "\f067";    width: 31px;    height: 31px;    display: block;    position: absolute;    left: 3px;    top: 0;    background: #ef4088;
    border-radius: 50%;    line-height: 31px;    color: #fff;    text-align: center;    font-size: 22px;        font-family: FontAwesome;    font-weight: 300;}
	.accordion-title.active:before{ content: "\f068"; }
	
	.accordion > li{    padding: 0 0 15px;    margin: 0 0 14px;    border-bottom: 1px solid #ef4088;}	
	.faq-col:last-child .accordion > li:last-child{border: 0;}
	
	/*-- something new --*/
	.something-new-content h2 b{display: block;}
	.something-new-content h2{margin: 0 0 42px;}
	.something-new-sec{padding: 60px 0 51px;}
	
	/*--- footer --*/
	.foo-logo{width: 174px; margin: 0 auto 35px;}
	.foo-disc p{font-size: 12px;}
	.foo-sec{padding: 44px 0 0;}
	.social-icn ul li{padding: 0 4px;}
	.social-icn a{font-size: 20px;}
	
	.foo-disc {    padding: 68px 72px 2px;}
	
	/*-- get code page --*/
	
	button.btn.submit-btn{min-width: inherit; padding: 0 15px;}
	input.getcode-form-field{padding: 0 125px 0 15px;}
	.qr-code-img{width: 100px;}
	.qr-code-content.heading-style{width: 66%;}
	
    
}

@media (max-width:640px) {
	
	.banner-content{max-width: 275px; margin: 0 auto;}
}

@media (max-width:480px) {
	
	h5{font-size: 8px;}
	
	
	
	/*-- app sec --*/
	
	.app-store ul li{width: 100%;}
	.icon-list ul{padding: 0;}
	.icon-list-col h3{margin: 0 0 10px;}
	.icon-col{padding: 3px 0;}
	
	/*-- get code page --*/
	
	.qr-code-img{display: block;  margin: 0 auto; margin-bottom: 20px;}
	.qr-code-content.heading-style{width: 100%; padding: 0 0 0; text-align: center;}
	button.btn.submit-btn{position: static; border-radius: 10px; margin-top: 10px; display: block; width: 100%; height: 40px; }
	.getcode-form-col{height: auto;}
	input.getcode-form-field{height: 40px; padding: 0 10px;}
	
	

}

@media (max-width:399px) {
	
	h1{font-size: 40px;}
	
	.logo{width: 120px;}
	.get-code-mob{font-size: 11px;}
	
	.menu-icon{font-size: 11px; top: 15px;}
	.menu-box{margin-right: 5px;}
	.features-row{margin: 0 -15px;}
	
	.icon-link{width: 55px;}
	
	.btn.get-code-btn{min-width: inherit;}
	
	.social-icn ul li{padding: 0 2px;}
	
	.social-icn a {    width: 40px;    height: 40px;		line-height: 40px; font-size: 18px;}
	
	.foo-disc{padding: 30px 72px 2px;}
	
	.btn.get-code-btn{padding: 15px 10px; font-size: 16px;}
	
	
}