/*=============
Media Query css
===============*/

/* Notebook Device*/
@media (min-width: 768px) and (max-width: 990px){
	.navbar-brand{ display: block; margin: 0 auto;}
	.navbar-toggler-icon{display: none;}
	.navbar-toggler{background: #fff;}
	.banner-logo{display: block; margin: 0 auto; padding-bottom: 40px;}
	.banner-section h1{font-size: 18px; text-align: center; margin-bottom: 20px;}
	.title-separatop{display: block; margin: 0 auto; width: 55px; height: 3px;}
	.banner-section p{font-size: 12px; text-align: center; margin: 20px 0 45px;}
	.btn-download{display: block; margin: 0 auto;}
	.offset-2{margin-left: 0;}
	.banner-form {margin-top: 30%;}
	.social-section h1{text-align: center;}
	.social-section p{text-align: center; padding: 20px; font-size: 15px;}
	.social-item ul li .fa {padding: 20px 12px; font-size: 25px;}
	.features-tab { padding: 45px 0; background: #f5f5f5;}
	.tab-panel ul {padding-left: 35%;}
	.tab-contents h3{font-size: 18px; text-align: center;}
	.tab-contents p{text-align: center; font-size: 10px; padding: 0 18px;}
	.btn-tab{display: block; margin: 0 auto;}
	.img-fluid{display: block; margin: 0 auto; padding-top: 40px;}
	.sublist-section {padding: 25px 0; }
    .sublist-right h2{text-align: center; }
    .sublist-separatop{display: block; margin: 0 auto;}
    .sublist-right p{text-align: center;}
    .icon-download{margin-left: 40px;}
    .standard-section {padding: 10px 0;}
    .contents-standard h3{text-align: center;}
    .standard-separatop{display: block; margin: 0 auto;}
    .contents-standard p{text-align: center; padding: 20px 20px;}
    .fricing-section {padding: 25px 0;}
    .customer-content p{font-size: 12px;}
    .customer-item{margin-left: 50px;}
   	.customers-section h2 {font-size: 15px;}
	.customer-content{padding: 5px 20px; margin-bottom: 25px;}

}
/* Tab Device*/
@media (min-width: 576px) and (max-width: 768px){
	.navbar-brand{ display: block; margin: 0 auto;}
	.navbar-toggler-icon{display: none;}
	.navbar-toggler{background: #fff;}
	.banner-logo{display: block; margin: 0 auto; padding-bottom: 40px;}
	.banner-section h1{font-size: 18px; text-align: center; margin-bottom: 20px;}
	.title-separatop{display: block; margin: 0 auto; width: 55px; height: 3px;}
	.banner-section p{font-size: 12px; text-align: center; margin: 20px 0 45px;}
	.btn-download{display: block; margin: 0 auto;}
	.offset-2{margin-left: 0;}
	.banner-form {margin-top: 30%;}
	.social-section h1{text-align: center;}
	.social-section p{text-align: center; padding: 20px; font-size: 15px;}
	.social-item ul li .fa {padding: 20px 12px; font-size: 25px;}
	.features-tab { padding: 45px 0; background: #f5f5f5;}
	.tab-panel ul {padding-left: 35%;}
	.tab-contents h3{font-size: 18px; text-align: center;}
	.tab-contents p{text-align: center; font-size: 10px; padding: 0 18px;}
	.btn-tab{display: block; margin: 0 auto;}
	.img-fluid{display: block; margin: 0 auto; padding-top: 40px;}
	.sublist-section {padding: 25px 0; }
    .sublist-right h2{text-align: center; }
    .sublist-separatop{display: block; margin: 0 auto;}
    .sublist-right p{text-align: center;}
    .icon-download{margin-left: 40px;}
    .standard-section {padding: 10px 0;}
    .contents-standard h3{text-align: center;}
    .standard-separatop{display: block; margin: 0 auto;}
    .contents-standard p{text-align: center; padding: 20px 20px;}
    .fricing-section {padding: 25px 0;}
   	.customers-section h2 {font-size: 15px;}
	.customer-content{padding: 5px 20px; margin-bottom: 25px;}
	
}
/* Mobile Device*/
@media (min-width: 320px) and (max-width: 576px){
	.navbar-brand{ display: block; margin: 0 auto;}
	.navbar-toggler-icon{display: none;}
	.navbar-toggler{background: #fff;}
	.banner-logo{display: block; margin: 0 auto; padding-bottom: 40px;}
	.banner-section h1{font-size: 18px; text-align: center; margin-bottom: 20px;}
	.title-separatop{display: block; margin: 0 auto; width: 55px; height: 3px;}
	.banner-section p{font-size: 12px; text-align: center; margin: 20px 0 45px;}
	.btn-download{display: block; margin: 0 auto;}
	.offset-2{margin-left: 0;}
	.banner-form {margin-top: 30%;}
	.social-section h1{text-align: center;}
	.social-section p{text-align: center; padding: 20px; font-size: 15px;}
	.social-item ul li .fa {padding: 20px 12px; font-size: 25px;}
	.features-tab { padding: 45px 0; background: #f5f5f5;}
	.tab-panel ul {padding-left: 35%;}
	.tab-contents h3{font-size: 18px; text-align: center;}
	.tab-contents p{text-align: center; font-size: 10px; padding: 0 18px;}
	.btn-tab{display: block; margin: 0 auto;}
	.img-fluid{display: block; margin: 0 auto; padding-top: 40px;}
	.sublist-section {padding: 25px 0; }
    .sublist-right h2{text-align: center; }
    .sublist-separatop{display: block; margin: 0 auto;}
    .sublist-right p{text-align: center;}
    .icon-download{margin-left: 40px;}
    .standard-section {padding: 10px 0;}
    .contents-standard h3{text-align: center;}
    .standard-separatop{display: block; margin: 0 auto;}
    .contents-standard p{text-align: center; padding: 20px 20px;}
    .fricing-section {padding: 25px 0;}
   	.customers-section h2 {font-size: 15px;}
	.customer-content{padding: 5px 20px; margin-bottom: 25px;}
	
}