@media only screen and (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}

}
@media only screen and (max-width:990px) {

}

/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){
header .nav_sec .container{padding:0px;}
header .nav_sec .navbar-collapse{padding:0px;}
header .nav_sec .navbar-default .navbar-brand{ height:auto; padding:12px 0; }
header .nav_sec .navbar-default .navbar-brand img{width:168px;}
header .nav_sec .navbar-default .navbar-nav > li > a{ padding:15px 10px; font-size:14px;}
header .nav_sec .navbar-default .navbar-nav{margin:0px}
header .nav_sec .btn_menu{display:none}
header .nav_sec .searchbox{width:320px}
header .nav_sec .dropdown-menu {border-radius:0px; margin-top:0px; right: 0; left: auto;}
header .nav_sec .navbar-default .navbar-nav .dropdown-menu::before{content:none}
#sidebar{display:none}
#content{min-height:83.3vh}
.fourbox_icon{margin-bottom:0px}
.fourbox_icon .counterup_box{margin-bottom:30px}
.bring_in_leads{padding:70px 25px;}
.bring_in_leads ul li a{display:block}
.bring_in_leads ul li{width:30%; margin-top:10px}
.bring_in_leads p{margin-bottom:20px}
}

@media (max-width: 767px) {
  html { -webkit-text-size-adjust:none;}
  .container{ width:93%; margin:0 auto; padding:0;}

/**********************Header and All page same class ******************/  
header .nav_sec{ width:100%; float:left;  padding:0; margin:0; position:absolute; z-index:999}
header .nav_sec .btn_menu{display:none}
header .nav_sec .setting_btn{width:40px; height:40px; margin:15px 0}
header .nav_sec .user_box{width:40px; height:40px; margin:15px 0 15px 5px}
header .nav_sec .searchbox{width:100%; margin:0 0 10px 0}
header .nav_sec .searchbox .form-control{border-radius:8px}
header .nav_sec .navbar-default{ padding:0px;}
.navbar-default .navbar-toggle{ background:none; border-color:transparent; border-radius:0; margin-top:8px; margin-right:0px;}
.navbar-default .navbar-toggle .icon-bar{ background:#fc6829;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none;}
header .nav_sec .navbar-nav{ float:none; margin:0px}
header .nav_sec .navbar-brand{width:80px; padding:22px 0}
header .nav_sec .navbar-brand img{width:100%}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:none !important; border:none;  padding:0px}
header .nav_sec .navbar-default .navbar-nav > li > a{  font-size:14px; border-radius:0px; padding: 8px 20px;  margin:0px; text-align:center;}
header .nav_sec .navbar-default .menu_text{display:block; padding: 15px !important; color: #fff;}
header .nav_sec .navbar-nav .dropdown{float:none}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff; text-align: center; padding:8px 0}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #fff; background-color: #ff7e00;}
header .nav_sec .navbar-default .navbar-nav .dropdown-menu::before{content:none}
.after_login_div{height:181px;}
#sidebar{display:none}
.content_area{padding:20px}

/**** Home page ****/
.fourbox_icon .counterup_box{margin:15px 0}

/*** lead page ***********/
.bring_in_leads{padding:30px}
.bring_in_leads h2{font-size:24px; line-height:32px;}
.bring_in_leads ul li{width:100%; margin:5px 0}
.bring_in_leads ul li a{display:block}
.bring_in_leads .btn_red{width:100%; margin-bottom:10px}
.bring_in_leads .btn_green{width:100%}
.bring_in_leads .btn_blue{width:100%; margin-top:10px}

.titlebar{padding:20px}
.titlebar .btn_red{width:100%;  margin:10px 0 10px 0}
.titlebar .btn_blue{width:100%;  margin:0 0 10px 0}
.titlebar .btn_green{width:100%; margin:0px}
.titlebar .user_name{text-align:center; float:none; font-weight:700; }
.white_main_box .form_area{padding:20px 20px 0px 20px}

.import_box{padding:30px; width:100%}
.modal-content .modal-body ul.tab_sub > li{width:100%}
.titlebar .leftside_menu{float:none; margin-bottom:5px; margin-right:0px}
.titlebar .rightside_menu{width:100%; margin-bottom:5px;}
.titlebar .btn-default{width:100%; margin-left:0px; float:left; margin-bottom:5px; text-align:left}
.titlebar .dropdown-menu{width:100%; margin:0px; height: 288px; overflow-y: auto;}
.titlebar .dropdown-menu-form{min-width:100%; height: 288px; overflow-y: auto;}
.titlebar .dropdown-menu-form li{width:100%}
.titlebar .user_box{display: block; width: 100%; text-align: left;}
.titlebar .user_box i {color: #ff7e00; margin-left: 20px; float: right; margin-top: 4px;}
.titlebar ul.icon{width:100%; text-align:center}
.titlebar ul.icon li{float:none; margin:0 5px; display:inline-block}
div.dataTables_length label{width:100% !important}
div.dataTables_length label .select2-container, div.dataTables_length label select{width:200px !important;}
div.dataTables_filter label{width:88% !important;}
div.dataTables_filter input{width:200px !important;}
}

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

}