/*============== RESPONSIVE CSS ==================*/
@media(max-width:1349px) {}

@media(max-width:1024px) {
.top-header-box > li > a{padding: 18px 5px;}
.top-header-box li a.dropdown-toggle span{font-size: 11px;}
.top-header-box i{font-size: 10px !important;
    width: 18px;
    height: 18px;
}
.navbar-collapse{padding-left:0;}
.dropdown-submenu .dropdown-menu{left: -100%;}
.dropdown-menu > li > a{padding:5px 10px;}
.dropdown-menu>li>a i.fa-angle-right{top:8px;}
#intro .intro-sec h5 {

	margin: 0px;

	font-size: 14px;

}
.my_container {
    width: 80%;
}
.my_container1{
    width: 98%;
}
.container {
    width: 98%;
}
.login-box{padding: 10px 15px;}
.flex-direction-nav {

	margin-top: 15%;

}

.flex-control-thumbs li {

	width: 120px;

}
header .navbar-default .navbar-nav > li > a{

	font-size: 13px;

}
header .inner-menu.navbar-default .navbar-nav>li>a {
    padding: 18px 3px;
    font-size: 11px;
}
.main-menu {
    width: 85%;
}
.inner-menu {
    width: 77%;
}
.top-header-box {
    width: 12%;
}

}


@media(min-width:768px) and (max-width:1024px) {

.item-info {

	margin-top: 50px;

	text-align: center;

}

.item-info span {

	text-align: left;

}

.portfolio .item {

	width: 50%;

}

.flex-control-thumbs li {

	width: 110px;

}

#testimonials .flexslider .slides {

	margin-top: 240px;

}

.comas {

	margin-top: 185px;

}

.flexslider:hover .flex-prev {

	left: 0px;

}

.flex-direction-nav {

	margin-top: 14%;

}

.mission img {

	margin-top: 130px;

}

#about .services li {

	margin: 10px 0;

}

#team .social_icons a {

	width: 28px;

}

#team .owl-prev {

	left: 10px;

}

#team .owl-next {

	right: 10px;

}

#testimonials .flexslider {

	width: 100%;

}

.modal-dialog{

	width:100%;

}

#team .owl-prev {

	left: 10px !important;

}

#team .owl-next {

	right: 10px !important;

}

.over a.expand {}
.inner-banner {
    height: auto;
    padding-top: 90px;
}
.ticker {
    line-height: 40px;
    height: 150px !important;
    font-size: 32px;
	padding-top: 4%;
}

.sc_img {
    margin-top: 35px;
}

}


/* ======================== 800px =============================== */

@media screen and (max-width:800px) {	

.my_container {padding:0 15px;
    width: 95%;
}
.my_container1{
    width: 100%;padding:0 15px;
}
.container {
    width: 100%;
}
.price_box h6 {
    min-height: 45px;
}
.account_box .login-box{width: 98%;}
.login-box{padding: 5px 10px;}
.mobile-menu{

	display: block !important

}

section img {

    width: 100%;

}

p.special {

    font-size: 13px;

}
p {font-size: 13px !important;
	line-height: normal !important;
}
h1 {font-size: 23px;}
h3{font-size: 18px;}   
h4 { font-size: 17px;}

.mobiles .swiper-container {

    width: 68% !important;

    margin: 47px auto;

    height: 25% !important;

    padding-left: 2%;

}

.mobile .swiper-container {

    width: 348px;

    max-height: 572px !important;

    margin: 84px auto !important;

}

.mobile .images {

    float: left;

    position: absolute;

    width: 100%;

    text-align: center;

    margin-top: -90px !important;

    margin-left: 10px;

}

.navbar-toggle {display:block;
    position: absolute;
    top: 0;
    right: 0px;
    margin: 9px 0 0;
    padding:5px 10px;
}
.login_box .navbar-toggle{margin-top: -15px;}
.login_box .logo{width: 150px;}
.login_box .main-menu .navbar-nav>li{display: inline-block;}
.login_box .main-menu .navbar-collapse.in{margin-top:15px;    
	width: 205px;
    left: auto;
    right: 0;
}
.price_box{padding:10px 5px;}
.price_box h3{font-size: 16px;}
.price_box h6{font-size: 13px;}
.plan_price p span {
    font-size: 24px;
}
.MargBP{ width: 100%}

.about .swiper-container {

    width: 92% !important;

    margin: 47px auto;

    height: 102% !important;

}

span.number {

    font-size: 12px;

}

.portfolio-wrapper{

	padding-bottom: 0px

}

.navbar-nav {

    margin: 0px 0px;

}

.portfolio-wrapper.project .swiper-container {

    width: 91% !important;

    margin: 47px auto;

    height: 100% !important;

}

.swiper-container {

    width: 73% !important;

    margin: 47px auto;

    height: 25% !important;

}

.portfolio-wrapper.project .images {

    margin-top: -4% !important;

}

.rights .nav {

	margin-left: 0px

}

.rights .nav > li {

    width: 32% !important;

    display:inline-block !important;

}

.rights ul.nav.navbar-nav li a {

    font-size: 9px;

    padding: 0px 3px;

}

.social {

    margin-top: 0px;

}

.cd-testimonials p {

    line-height: 1.4;

    margin-bottom: 1em;

    padding: 0 1px;

    max-height: 101px;

    overflow: hidden;

}

section#intro h1 {

    font-size: 22px;

    font-weight: bold

}

section h2 {

 	font-size: 20px !important 

}   

.service-content.services-home h5 {

    font-size: 15px;

    margin-bottom: 10px;

}

.inner-banner5 .tittle h1 {

    margin-top: 80px;
}

#software p {
    margin-bottom: 15px;
}

.logo img {

    width: 100%;

}   
.box-with19, .box-with18 {
    width: 20%;
}
.top-header-box {margin: 0px;
	margin-right: 60px !important;
    width: auto;
}

.dropdown-menu{display:none;

	font-size: 11px;

}

.dropdown-menu > li > a {

	color: #333;

}

.top-header-box .btn{

	font-size: 12px;

	margin-top: 0px;

}

.top-header-box i {

    font-size: 16px !important;

    border: none;

    width: 17px;

    height: 17px;

    padding-top: 4px;

}

li.mobile-menu {

    margin-left: 15px;

    height: 47px;

    margin-top: -19px;

}

header .navbar-default .navbar-nav > li > a {

    width: 100%;

	padding: 4px 15px;

	font-size:13px;

}
.main-menu .navbar-nav>li {
    display: block;
    margin-bottom: 0;
}
header .inner-menu.navbar-default .navbar-nav>li>a {
    padding: 5px 5px;
    font-size: 13px;
}
header .inner-menu.navbar-default .navbar-nav>li>a .caret{position: absolute;
    right: 0;
    top: 14px;
}
ul.services-wrap li {

    margin-bottom: 10px;

}
.box-intro-bg p i{margin: 1px 3px;}
.ls-container{

	margin-top: 0px !important;

}

.left-box{

	width: 100%

}

.right-box{

	width: 100%

}

.top-header-box .btn {
    font-size: 11px;
}

.icon_ph{

	display: none !important;

}

.item-info li{

	width: 100%

}

.why_chooseus{

	margin-left: 0px !important

}

#border{

	border-top:1px solid grey

}

.copyright, .social{

	text-align: center

}

.logo {

    width: 16%;

}

span.number {

    font-size: 10px;

    margin-left: 5px;

}

.swiper-container {

    max-width: 573px;

    max-height: 354px;

    margin: 87px auto!important;

}

#feature .col-md-3 {

    width: 50%;

    float: left;

}

#feature {

    background: url(../images/background/choose.jpg) no-repeat;

    background-size: cover;

    padding-bottom: 25px;

    float: left;

    width: 100%;

    background-position: inherit!important;

}

.navbar-header{position:relative;}
.navbar-nav {

    margin-left:0px;

    margin-top: 0px;

}

.navbar-nav > li > a {font-size: 12px;}

.main-menu, .inner-menu {position:relative;
    width: 100%;
	text-align:left;
}
.main-menu .navbar-collapse{display:none !important;}
.main-menu .navbar-collapse.in {display:block !important;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 1px 3px 0px #888;
    padding: 5px 15px;
    max-height: 265px;
    overflow-y: auto;
}
.main-menu .navbar-nav {
    margin: 0;
}
.top-header-box.navbar-nav > li > a {

    padding-top: 14px;
    padding-bottom: 14px;

}
.dropdown-submenu .dropdown-menu {
    left: 0;
    top: 100%;
}
header .logo { width: 16%;}
.admin_dashboard .feature_info p{font-size: 12px !important;}
.inner-banner5{margin-top:84px;}	

}

/* ======================== 767px =============================== */

@media screen and (max-width:767px) {

.container{width:100%;}
.my_container {
    width: 100%;
}
.top-header ul {
    text-align: center;
}
.header-box i{
    margin: 0 12px 0 0;
}
p {font-size: 12px !important;
	line-height: normal !important;
}
p strong{font-size: 14px;}
.box-pad {
    padding: 10px 10px;
}
.mbt30 {
    margin-bottom: 15px;
}
.mt-50{margin-top: 15px;}
.mbt18 {
    margin-bottom: 10px;
}
.mtp18 {
    margin-top: 10px;
}
fieldset {
    padding: 5px 0 !important;
    margin: 0;
}
.title1 {
    margin: 5px 0 10px;
    font-size: 18px !important;
    text-align: center;
}
.admin_dashboard .feature_info p {
    font-size: 11px !important;
}
.payment-online-form-left h2{text-align:center;}
.admin_dashboard .box-bg, .box-bg{margin-bottom:5px;}
.user_panel .box-bg{margin-bottom:20px;}
.user_panel .col-xs-12:last-child .box-bg{margin-bottom:5px;}
.report-box1{margin-bottom:10px;}
.progress_chart .box-bg{margin-bottom:5px;padding-top: 15px;padding-bottom:15px;min-height: auto;}
.box-title-bg p{line-height: 14px !important;word-break: break-word;}
.box-intro-bg p{height: 40px;line-height: 14px !important;word-break: break-word;}
.inner-banner{padding-top: 109px;height: auto;}
.posBox{padding: 12px 15px 18px;}
.icon_box{width:40px;}
.bg_lightgray .order_details{min-height: 65px;}
.add_btn_box, .add_btn_box1 {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    text-align: center;
    margin-top: 12px;
	margin-bottom: 12px;
}
.add-btn, .newdistbtn {right: 0;
    display: block;
    position: relative;
    top: 0;
    max-width: 120px;
    text-align: center;
    margin: 10px auto;
}
.add-btn.backbtn{right: 0;top: 0;margin-top:10px;}
.title-head {text-align: center;padding: 12px 5px;}
.ticker{line-height:28px;height: 145px !important;font-size:24px;}	
.sc_img {
    margin-top: 0px;
}
section h2 {
    font-size: 18px !important;
}
.inner-banner5 .tittle h1 {
    margin-top: 15px;
    opacity: 0;
}
.pmtdash{font-size:14px;}
.box-bg1 form .pad5{margin-top:5px;margin-bottom:0;height: auto;width: 50%;}
.box-bg1 form .pad5:last-child{width: 100%;text-align:center;}
.box-bg1 form {margin-bottom:5px;}
#signup {
    margin: 15px 0px 0;
}
.xs_flex_box{display: flex;
    flex-direction: column-reverse;
}
.login_box .navbar-header {
    align-items: flex-start;
    flex-direction: column;
}
.login_box .navbar-nav > li > a.btn_box {
    margin-left: 0px;
    margin-top: 10px;
    display: inline-block;
}
.login_box .navbar-toggle {
    margin-top: -38px;
}
.login_box .main-menu .navbar-collapse.in {
    margin-top: 0;
    width: 100%;
}
.login_box .main-menu .navbar-nav>li {
    display: inline-block;
    width: auto;
    padding: 0 10px 10px;
}
.admin_dashboard .feature_icon i {
    font-size: 25px;
}
.report-box {padding-left: 0px;padding-right: 0px;}
.report-icon {width: 45px;
    height: 50px;margin-top: -30px;
}
.report-icon i {font-size: 20px;}
.price_box{margin-top:20px;padding: 15px 15px;}
.price_box h6 {
    min-height: auto;
}
.add_inner_box{width:100%;}
.close_icon{right:0;}
.service-content.services-home h5 {
    font-size: 15px;
    margin: 0;
    min-height: 35px;
}
.box-title-bg p, .box-intro-bg p{border-right: none;
	display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.box-intro-bg p > input {
    margin: 1px 0px 0;
    width: 100% !important;
}
#intro {padding-top:10px;}
.service-content.services-home{padding:0;}
.service-content {
    margin-top: 5px;
    padding: 0px;
}
.profile-box label, .profilebg label {padding-top: 5px;
    height: auto;
    line-height: normal;
}
.profile-box output, .profilebg input, .profilebg select  {
    height: auto;
    line-height: normal;
    margin-bottom: 10px;
}
.social-nav {display: block;

    margin-bottom: 10px;

    text-align: center;

}

.top-header-box.navbar-nav > li > a {

    padding-top: 14px;

    padding-bottom: 14px;

}

header nav {

	width: 100%;

	background: #fff;

}

header nav li {

	width: 100% !important;

}

.nav > li {

	width: 100%;

}

header nav {

	float: left !important;

	width: 100%;

	margin:0px;

}

header .navbar-default .navbar-nav > li > a {

	padding: 4px 17px;

	margin: 0px;

}

.is-sticky header {

	position: relative !important;

}

.item-info {

	text-align: center;

	margin-top: 50px;

}

.portfolio .item {

	width: 50%;

}

.flexslider:hover .flex-prev {

	left: 0px;

}

.flex-control-thumbs li {

	width: 110px;

}

#testimonials .flexslider {

	width: 100%;

}

.go-down {

	display: none;

}

header .navbar-default .navbar-nav > li > a {

	width: 100%;

	padding: 8px 0px !important;

}

.animated {

  -webkit-animation-duration: 0s;

  animation-duration: 0s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.dropdown-menu {

    background-color:#fff;

	width:100%;

}

header .logo img {
    padding: 8px 0 0;
}

header .logo {width: 34%;}

.navbar-header{position:relative;}

.navbar-toggle{margin-top: 9px;}

header{height:auto;}

.tittle.clients h5 {

    font-size: 20px;

}

#contact .tittle {

    margin-bottom: 0px;

}

.cd-testimonials-wrapper {

    width: 90%;

    margin: 0 auto;

    padding: 20px 0px 30px 15px;

}

.cd-author, .cd-author-desc {

    margin-bottom: 10px;

    display: block;

    width: 100%;

}

.flex-direction-nav {

    top: 0%;

    margin: 0;

}

.cd-author .cd-author-info {

    margin-top: 0px;

    margin-left: 20px;

    display: inline-block;

}

.cd-see-all {

    left: 28%;

    width: 50%;

    bottom: -20px;

}

.footer-logo {

    text-align: center;

    padding: 10px 0px 0 0;

}

.social {

    margin-top: 15px;

}

.login-box {

    padding: 10px 15px;

}
#signin, #signup{margin: 15px 0px 0;
	position: relative;
    top: 0;
    width: 100%;
}
.account_box {
    margin-top: 20px;
    margin-bottom: 20px;
}
.account_box .feature-box-info {
    padding: 15px 10px 20px;
}
.choose-img{display:none;}

.reason {

    margin-bottom: 20px;

}

.reason .tittle {

    margin-bottom: 20px;

}

.inner-banner5 {

	margin-top: 75px;

    background-size: 100%;

}

.inner-banner5 .tittle h1 {

    margin-top: 20px;

}
.sub-btn1{padding: 7px 15px;margin: 0px 1px 5px;}
.sub-btn2{padding: 5px 15px;margin: 0px 1px 5px;}
#software{float: none;}
#software p {
    margin-bottom: 10px;
}
#about {padding-bottom: 10px;float: none;}
.img {float: none;}


span.number{

	font-size: 13px;

	margin-left: 0px;

}

.rights .container p {

    font-size: 12px;

    text-align: center;

}
.row {margin-right: -5px;margin-left: -5px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-right: 5px;padding-left: 5px;
}
.xs_center{text-align:center !important;}
.xs_mt0{margin-top:0 !important;}
.xs_mt10{margin-top:10px !important;}
.prod_stock_page .box-with16, .prod_stock_page .box-with14, .xs_with22{width:22% !important;}
.prod_stock_page .box-with2, .xs_with28{width:28% !important;}
.purchase_order .box-with7, .purchase_order .box-with8{width:22% !important;}
.purchase_order .box-with9, .purchase_order .box-with13{width:28% !important;}
.xs_with33{width:33.33% !important;}
.xs_with50{width:50% !important;}
.flex_justify{display: flex;justify-content: center;}
.box-intro-bg p i {
    font-size: 14px;
    margin: 1px 2px;
}
.top-header li {
    margin-left: 10px;
}
.box-with19, .box-with18 {
    width: 100%;
}
.view_document .view_iframe{height:auto;}
.report-box1 i {
    font-size: 18px;
    padding-right: 6px;
}
.dist_ac .desc_min_ht{min-height: 25px;line-height: 8px !important;}
.report-box1 p {
    margin-bottom: 5px;
    font-size: 10px !important;
}
.admin_dashboard .box-pad1, .user_panel .box-pad1 {
    padding: 15px 5px;min-height: 60px;
}
.distributor_chart1{padding: 5px;}
.distributor_chart1 #container{min-width: auto; height: auto; max-width: 100%; margin: 0 auto;}
.distributor_chart2{height: auto;padding: 5px;}
.distributor_chart2 .chart{top: 0;}
.career_img_2 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin-b-20{margin-bottom:10px;}
.job_ar.user_panel.margin-b-20{margin-bottom:0px;}
.box_scroll{overflow-x: auto;width: 100%;}
.box_scroll .box-title-bg{display:flex;width: 500px;}
.box_scroll .box-intro-bg{display:flex;width: 500px;}

}



/* ===================== 736px ===================== */

@media(min-width:480px) and (max-width:736px) {

.ls-container{

	margin-top: 0px !important;

}

.left-box{

	width: 100%

}

.right-box{

	width: 100%

}

.item-info li{

	width: 53%

}	
.box-with19, .box-with18 {
    width: 20%;
}

}


/* ====================== 480px ============================== */

@media screen and (max-width:480px) {

.ls-container{

	margin-top: 0px !important;

}

.left-box{

	width: 100%

}

.right-box{

	width: 100%

}

.icon_ph{

	display: none !important;

}

.item-info li{

	width: 100%

}	


}


/* ====================== 414px =========================== */

@media screen and (max-width:414px) {

	
}


/* =============== 390px ======================== */

@media screen and (max-width:390px) {
	

}


/* =========================== 360px ============================== */


@media screen and (max-width:360px) {



}


/* =================== 320px ================================= */

@media screen and (max-width:320px) {
.box-intro-bg p i {
    font-size: 13px;
    margin: 6px 0px 0px 1px;
}
.top-header li {
    margin-left: 5px;
}
.portfolio .item {

	width: 100% !important;

}

#slides .text h1 {

	font-size: 30px !important;

}

.filter li a {

	padding: 7px 10px !important;

}

.go-down {

	bottom: 50px;

}

#home .btn {

	padding: 10px 20px;

}

.flex-control-thumbs li {

	width: 50px !important;

}

header nav {

	float: left;

	margin-left:0px;

}	

span.number{

	font-size: 13px;

}

.icon_ph{

	display: none !important;

}

header nav {

	float: left;

	margin-left:0px;

}

}