/*Naqeeb*/

/*--===CLASSES===--*/

.header-v5 .dropdown-menu .active > a, .header-v5 .dropdown-menu li > a:hover {color: #fff;}
.header-v5 .dropdown-menu li a {padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-bottom: none;}
.header-v5 .dropdown > a:after {display: none;}
.header-v5 .open > .dropdown-menu {display: block; padding: 5px 0;}
.table-td-center tr td {text-align: center; border: 1px solid #F2EFEF;}
.profile-img {margin:0 auto; margin-top: 50px;}
.profile-txt {color: #fff; font-size: 17px; font-weight: 400;}
.cover {text-align: center; background: #154AAA; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.word-break {word-break: break-all;}
/*.modal-sm {margin-top: 80px;}*/
.overflow-x-auto {overflow-x: auto;}
.padding-bottom-10 {padding-bottom: 10px;}
.margin-top-30 {margin-top: 30px;}
.related-videos {background: #3d6d95; color: #FFF; font-size: 20px; font-weight: normal; margin-top: 20px; text-align: center; padding: 5px 0px; border-radius: 30px;}
.guide-windows-ol li p img {margin-bottom: 35px !important; margin-top: 20px !important; max-width: 100%;}
.margin-bottom-55 {margin-bottom: 55px !important;}
.overlap {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.topbar-v3 .right-topbar li, .topbar-v3 .right-topbar li a {font-size: 14px; text-transform: none;}
.topbar-v3 .right-topbar li:hover, .topbar-v3 .right-topbar li a:hover {color: #ccc;}
.guides img {margin: 0 auto;}
.guides table {margin: 0 auto;}
.guides table tr td {text-align: center;}
.ml-18pr {margin-left: 17%; margin-top: 25px;}
.carousel-v1 .carousel-arrow a i {border-radius: 20px;}
.table-responsive {overflow-x: visible;}
.selectDev {padding: 3px 30px !important;}
.header-v5 .dropdown-menu {border-color: #fff;}
.img-hover:hover {border-color: rgba(150,150,150,1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2);}
.width-full-sm {height: 55px;}
.font-weight-300 {font-weight: 300; font-style: italic;}
.margin-0 {margin: 0px !important;}
.table-border-none {border: none;}
.table-border-none tr th,td {border: none; border-top: none;}
.border-none {border: none !important;}
.overflow-hidden {overflow: hidden;}
#license-history .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {font-size: 14px;}
.tab-v1 ul.nav-tabs>li:hover {cursor: pointer;} 
.tab-v1 .nav-tabs {border-bottom: none;}
.header-fixed .header-v5.header-fixed-shrink {
    position: fixed !important;
}
#home .carousel-inner>.item>img {
    margin: 0 auto;
}
.header-v5 {
    margin-top: 0px !important;
    height: auto !important;
}
.padding-none {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.footer-v2 {    
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 45px;
    width: 100%;
    overflow: hidden;
}
.content-page > .content {
    margin-top: 55px;
}
#loc {
    font-size: 14px;
    border-top: 3px solid #FFF;
    color: #555;
    background-color: #F9F6F6;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
}
#cd-timeline {
    margin-top: 0em;
}

.cd-container {
    width: 95%;
    max-width: 100%;
}
.col-lg-web {
    width: 32.5%;
    height: auto;
}
#web-history .visits-count {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#web-history .cd-timeline-content h6  {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}
.cursor-pointer {
    cursor: pointer;
}
.gmaps {
    height: auto;
}
#sms .panel .panel-body {
    padding: 2px;
}
#sms .nav.nav-tabs+.tab-content {
    padding: 2px;
}
.lg-menu {display: none !important;}

/*--===MEDIA QUERIES===--*/
@media (max-width: 1250px) {
    #topcontrol {margin-bottom: 35px;}
}
@media only screen and (max-width: 1199px) {
    .ml-18pr {
        width: 100%;
        margin-left: 0px;
        padding-right: 28px;
        padding-left: 28px;
        margin-top: 25px;
    }
}
@media (max-width: 767px) {
    .rules-div,.rules-div-main{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 600px) {

    #account_settings .dropdown-menu,#devices .dropdown-menu {margin-left: -80px;}
    #account_settings  .dropdown-menu {background-color: #fff; border: 1px solid #ccc;}
    .modal {position: absolute !important;}
    /*.modal-dialog {margin: auto 150px;}*/

    .nav.nav-tabs+.tab-content {
        padding: 1px;
    }
    #call-num-set .nav.nav-tabs + .tab-content {
        padding-left: 12px;
    }
    .col-lg-web {
        width: 49%;
        height: auto;
    }
    /*    .tab-content .tab-pane .row {
        padding-left: 30px;
        padding-right: 15px;    
        }*/
    .block {
        padding-left: 8px !important;
    }
    .block-I {
        padding-left: 18px !important;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .container {
        width: 99%; 
    }
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 10px 50px;
    }
}
/*@media only screen and (min-width: 768px) {
    .container {
        width: 99%; 
    }
}*/
@media only screen and (min-width: 769px) {
    .sc-menu {display: block !important;}
    .lg-menu {display: none !important;}

}
@media only screen and (max-width: 868px) {
    .navbar-collapse.collapse {
        height: auto !important;
    }
}
@media only screen and (max-width: 768px) {

    .logo {float: right;}
    .custom-nav .shortcut-icon i{
        display: block;
        margin: 5px;
    }
    .header-v5 .dropdown > a::after {display: none !important;}
    .overlap-sm {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #06AFEE;}
    .overlap-sm a {color: #06AFEE;}
    .sub-header {margin-bottom: 15px;}
    .sub-header .profile-img {height: 62px;margin:0 auto; margin-top: 0px;}
    .sub-header .profile-txt{margin-top: 0px;font-size: 14px;}
    .sidebar.h-sidebar .nav-list>li>a {height: 16px !important; padding: 16px 40px;}
}
@media only screen and (min-width: 701px) {
    .getChildren-sm {display: none;}
    .navigation-sm {display: none;}
    .hidden-gl {display: none !important;}
}
@media only screen and (max-width: 700px) {
    /*.carousel-inner>.item {display: block !important;}*/
    /*.menu-text {text-transform: uppercase !important;}*/
    .navbar-collapse.collapse {
        height: 49px !important;
    }
    .hidden-ms {display: none !important;}
    .border-none-sm {border: none !important;}
    .getChildren-sm .carousel-inner .item {cursor: pointer;}

    /*.m-t-20 {margin-top: -1px;}*/


    .nav.nav-tabs {margin-bottom: 20px;}
    .getChildren-lg {display: none;}
    /*.navigation-lg {display: none;}*/

    .nav-list>li {height: 38px !important;}
    #sidebar > ul {height: 40px;}
    .sidebar.h-sidebar .nav-list>li>a {height: 16px !important; padding: 16px 30px 16px 30px;}
    /*.sidebar.h-sidebar .nav-list>li>a .menu-text {text-transform: uppercase;}*/
    #sidebar > ul {height: 40px !important;}
    .timeline-v2 > li .cbp_tmtime {clear: both;}
    .no-skin .sidebar.h-sidebar .nav-list>li.active {border-left-color: transparent;}
    .no-skin .sidebar.h-sidebar .nav-list>li.active>a:after {border-bottom: 4px solid #ffffff;}
    .no-skin .sidebar.h-sidebar .nav-list>li.hover:hover {border-bottom: 2px solid #154aaa; overflow: hidden; border-right-color: transparent; color: #000;}
    .no-skin .sidebar.h-sidebar .nav-list > li.active, .no-skin .sidebar.h-sidebar .nav-list > li.active + li, .no-skin .sidebar.h-sidebar .nav-list > li:hover + li.active {border-left-color: transparent;}
    .no-skin .sidebar.h-sidebar .nav-list>li.active:before {background-color: transparent;}
    .no-skin .sidebar.h-sidebar .nav-list>li.hover:before {background-color: transparent;}
    .sidebar.h-sidebar .nav-list {border-bottom: transparent;}
    .no-skin .sidebar.h-sidebar .nav-list > li.active + li {border-left-color: transparent;}
    .no-skin .nav-list>li {border-color: #fff;}
    .no-skin .nav-list>li>a {    background-color: #154aaa;}
    .no-skin .sidebar.h-sidebar {background-color: #154aaa;}
    .carousel-inner>.item>a>img, .carousel-inner>.item>img {margin: 0 auto;}
}
@media only screen and (min-width: 600px) {

}
@media (max-width: 500px) {
    .custom-nav a {

        padding: 3px 20px !important;


    }
    .topbar-text{
        margin-left:5px;font-size: 15px;
    }
    .sidebar.h-sidebar .nav-list>li>a {padding: 16px 15px 16px 15px;}
    .navbar-collapse.collapse {
        height: 49px !important;
    }
    .width-full-sm {width: 100% !important;}
    .sticky .row p {font-size: 11px;}
    .nav-tabs>li {
        float: left;
        overflow: hidden;
        text-align: center;
        font-size: 13px;
        padding-left: 0px;
        padding-right: 0px;

    }
   
    .sc:before {
        display: none;
    }
    .p-r-5 {
        padding-right: 0px;
    }
    .p-l-5 {
        padding-left: 0px;
    }
    #sms .nav-tabs > li, #cat-set .nav-tabs > li, #and-app-set .nav-tabs > li, #call-num-set .nav-tabs > li {
        padding-left: 10px;
    }
}
@media (max-width: 400px) {
    
    .sidebar.h-sidebar .nav-list>li>a {padding: 16px 10px 16px 10px;}
    .col-lg-web {
        width: 100%;
        height: auto;
    }
    .hidden-xxs {
        display: none !important;
    }
    .col-xss {width: 100% !important;}
    .sm-margin-top {margin-top: 10px;}
    #overview .sky-form fieldset {padding: 7px 6px 5px;}
    #overview .col-lg-6 {padding: 0px;}
    .instagram-fellow h2{
        font-size: 18px;
        width: 165px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}
@media (max-width: 350px) {
    .sticky .row p {
        margin-top: 3px;
    }
    .upgrade p, .short {
        margin-top: 12px !important;
    }
}
@media (max-width: 320px) {
    .nav-tabs>li { 
        font-size: 11.5px;
    }
    #wrapper.enlarged .topbar .topbar-left {
        width: auto !important;
    }
}


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 10px 16px 10px;
    }
     .nav-tabs li a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 12px !important;
    }
    
}
@media only screen and (min-width : 360px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 13px 16px 13px;
    }
    .nav-tabs li a {
        padding-left: 9px !important;
        padding-right: 9px !important;
        
    }
}
@media only screen and (min-width : 380px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 15px 16px 15px;
    }
     .nav-tabs li a {
        padding-left: 13px !important;
        padding-right: 13px !important;
        font-size: 12px !important;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 22px 16px 22px;
    }
}

@media only screen and (min-width : 568px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 30px 16px 30px;
    }
     .nav-tabs li a {
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
}
@media only screen and (min-width : 620px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 34px 16px 34px;
    }
}
@media only screen and (min-width : 667px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 38px 16px 38px;
    }
    .nav-tabs li a {
        padding-left: 25px !important;
        padding-right: 25px !important;
        
    }
    
}
@media only screen and (min-width : 700px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 42px 16px 42px;
    }
     .nav-tabs li a {
        padding-left: 30px !important;
        padding-right: 30px !important;
        font-size: 12px !important;
    }
}
@media only screen and (min-width : 768px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 35px 16px 35px;
    }
    
}
@media only screen and (min-width : 900px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 55px 16px 55px;
    }
}
@media only screen and (min-width : 992px) and (max-width : 1420px){
    .sidebar.h-sidebar .nav-list>li>a {
        padding: 16px 60px 16px 60px;
    }
}

.modal-header { background-color: #7092bf !important; }
.modal-title { color:#FFF !important; }
.modal-header .close { color:#FFF !important; }
@media only screen and (max-width: 700px){

    .nav.nav-tabs { margin-bottom: 0px;}

}

.top_nav_tab_li { width:50%; text-align:center; }
.tab-v2 .nav-tabs li.active a {  border-bottom: solid 2px #3498db !important; border-top:none !important; font-weight:bold; padding: 9px 15px !important; }

.Kykw__widget__footer__title { display:none !important;}
.Kykw__widget__message-avatar span { background-color:#FFF !important; height: 38px !important; background-image:url("https://www.secureteen.com/img/secureteen_logo.png") !important;}