@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

html body {
    font-family: sans-serif !important;
  

}







body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body span,
body div,
body section,
body article,
body aside,
body header,
body footer,
body main,
body ul,
body ol,
body li,
body table,
body tr,
body td,
body th,
body input,
body textarea,
body label {
    font-family: sans-serif !important;
}

ol,
ul,
li {
    /* color: #212529; */
    color: #777777;
    line-height: 24px;
    font-weight: 400;
}

p {
    color: #777777 !important;
}



/* nav.site_navigation ul li a, div.widget a {
    text-decoration: none;
    color: #777 !important;
  } */

  .add-wraper img,
.add-wraper iframe,
.add-wraper a 
{
  width: 100% !important;
}
 /* @media (min-width: 1024) {
.add-wraper img, .add-wraper iframe, .add-wraper a  {
  width: 77% !important;
  display: flex;
}
}  */


/* .add-wraper div {
  width: 100% !important;
} */
.widget .widget_title h3 {
    text-transform: inherit !important;

}

.widget .widget_title {
    margin-top: 0px !important;
}

.row.customLayoutOuter h1 {
    font-size: 28px !important;
}

.row.customLayoutOuter h2 {
    font-size: 24px !important;
}

.row.customLayoutOuter h3 {
    font-size: 21px !important;

}

.row.customLayoutOuter h4 {
    font-size: 18px !important;
}

.row.customLayoutOuter h5 {
    font-size: 16px !important;
}

.row.customLayoutOuter h6 {
    font-size: 16px !important;
}

/* .row.customLayoutOuter li {
    font-weight: 400;
    color: #212529;
}

.row.customLayoutOuter li strong {
    color: #777;
} */


.myinputser:focus {
    outline: 2px solid #007bff;
    /* Highlight border when focused */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    /* Add glow effect */
}





/* CSS for "comparison-table"start */

.row.customLayoutOuter .comparison-table {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
    text-align: center;
    font-family: Arial, sans-serif;
    border: 1px solid #ddd;
}

.row.customLayoutOuter .comparison-table th,
.row.customLayoutOuter .comparison-table td {
    padding: 12px;
    border: 1px solid #ddd;
}

.row.customLayoutOuter .comparison-table th {
    background-color: #3B71CA;
    color: white;
}

.row.customLayoutOuter .comparison-table .check-green {
    color: white;
    background-color: green;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
}

.row.customLayoutOuter .comparison-table .check-orange {
    color: white;
    background-color: orange;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
}

.row.customLayoutOuter .comparison-table .cross-red {
    color: white;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
}

.row.customLayoutOuter .comparison-table .table-stars {
    font-size: 20px;
    color: gold;
}

/* CSS for "comparison-table"end */


nav.cssmenu ul li a.mainNavFirst {
    padding: 14px 16px;
}

.Mywidget {
    margin-top: 19px;
    margin-bottom: 10px;
}

/* .myinputser {
    width: 74%;
    margin-left: 19%;
} */

.mobi-menu {
    display: block;
    /* Make it a block element */
    text-align: center;
    /* Center the text */
    margin: 0 auto;
    /* Center the element horizontally */
}


.row.customLayoutOuter .disclaimer {
    /* font-size: 16px; */
    /* font-family: 'italic'; */
    /* font-style: italic; */
    /* Added italic style */
    color: #3c3c3c;
    background-color: #fbfdff;
    border-left: 5px solid #007BFF;
    padding: 25px;
    margin: 25px 0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    line-height: 1.7;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-right: 5px solid #007BFF;
}

.disclaimer h3 {
    margin-bottom: 10px;
}

.row.customLayoutOuter .disclaimer .panel_title h2 {
    font-weight: 400;
}

.row.customLayoutOuter .disclaimer strong {
    font-weight: bold;
    /* Bold text for emphasis */
    color: #333;
    /* Darker color for important text */
}

.row.customLayoutOuter.disclaimer a {
    color: #007BFF;
    /* Blue color for links */
    text-decoration: none;
    /* No underline for links */
    font-weight: bold;
    /* Bold links for visibility */
}

.row.customLayoutOuter.disclaimer a:hover {
    text-decoration: underline;
    /* Underline on hover for emphasis */
}


blockquote p {
    font-style: normal !important;
    font-size: 16px !important;
}

ol,
ul,
li strong {
    font-weight: 700;
    color: #777777;
}

nav#mainnav {
    text-transform: uppercase;
}

div#ip_placeholder {
    margin-left: 10px;
    margin-right: 10px;
}

input.button {
    color: #fff;
    font-size: 15px;
}

.tb_widget_search form input[type="submit"] {
    font-size: 13px;
    padding: 6px 15px;
    position: unset !important;
    right: 0;
    top: 0;
    color: #fff;
}

.forum_header {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #004693;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

nav.firstcssmenu ul {
    margin-bottom: 0;
}

.forum_header a,
.forum_header i {
    color: #ffffff;
}

.forumbg {
    background: #F8F8F8;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 30px;
}

.forum_body {
    padding: 10px 10px 5px;
}

.forum_body .item {
    background: #fff;
    border-bottom: 1px solid #ECF0F1;
    padding: 15px;
    margin-bottom: 10px;
    color: #4C5D77;
    font-size: 16px;
    font-weight: 300;
}

.mobile-logo {
    display: none;
}

.forum_body .item a.title {
    color: #676767;
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.forum_body .item a.title:hover {
    text-decoration: none;
}

.forum_body .item .avatar span {
    display: inline-block;
}

.forum_body .item .avatar span img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    top: -12px;
    margin-right: 12px;
}

.forum_body .topic-title {
    padding-left: 72px;
    position: relative;
}

.forum_body .topic-title i {
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    background: #004693;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
}

.forum .m-portlet__head-title h3 {
    color: #676767;
    font-size: 2em;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.2em;
}

.forum .answer_list {
    background-color: #F8F8F8;
    padding: 10px 10px 5px;
    font-family: 'Roboto', sans-serif;
}

.forum .answer_list .list {
    padding: 15px;
    margin-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px solid #ECF0F1;
}

.forum .answer_list .list .profile {
    text-align: center;
    border-right: 1px solid #f5f5f5;
}

.forum .answer_list .list .profile img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    max-width: 100%;
    width: 80px;
}

.forum .answer_list .list .profile .avatar {
    margin-bottom: 10px;
}

.forum .answer_list .list .profile a {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #666666;
}

.forum .answer_list .list .description {
    font-size: 1em;
    color: #333;
}

.forum .answer_list .list .description h1,
.forum .answer_list .list .description h2,
.forum .answer_list .list .description h3,
.forum .answer_list .list .description h4 {
    font-size: 1.1em;
}

.forum .answer_list .list .author {
    color: #aaaaaa;
}

.forum .answer_list .title {
    font-size: 1.2em;
    color: #666;
    font-weight: 500;
    margin-bottom: 8px;
}

.forum .answer_list .list .comments {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
}

.forum .answer_list .list .comments .comment {
    padding: 6px 0;
}

.answer_list .vote {
    font-size: 40px;
    margin-top: 20px;
    text-align: center;
}

aside.sidebar {
    font-family: 'Roboto', sans-serif;
}

aside.sidebar label {
    font-size: 1.1em;
    color: #818181;
    margin-bottom: 1px;
    font-weight: 400;
}

aside.sidebar form input {
    background-color: #F7F7F7;
    border-color: #edecec;
    color: #333333;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

aside.sidebar form input[type=submit] {
    width: 100%;
    background: #004693;
    font-weight: 300;
    color: #fff;
}

aside.sidebar form input[type=submit]:hover {
    border-color: #004693;
    opacity: 0.7;
}

aside.sidebar h4.heading-primary {
    margin-bottom: 15px;
    border-bottom: 1px solid #ECF0F1;
    padding-bottom: 10px;
    color: #676767;
}

aside.sidebar h4.heading-primary {
    font-weight: 500;
}

.profile_avatar {
    text-align: center;
}

.profile_avatar img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 80px;
}

.profile_info ul {
    padding-left: 0;
}

.profile_info ul li {
    list-style: none;
}

.profile_info ul li a {
    color: #676767;
}

.profile_info ul li a i {
    margin-right: 5px;
}

.profile_info ul li a:hover {
    color: #004693;
}

hr {
    width: 100%;
    height: 1px;
    background: #ECF0F1;
}

aside.sidebar .profile_list {
    padding-left: 0;
}

aside.sidebar .profile_list li {
    list-style: none;
}

aside.sidebar .profile_list li a {
    color: #676767;
    line-height: 2.2em;
    font-size: 1.1em;
}

aside.sidebar .profile_list li a i {
    margin-right: 8px;
}

aside.sidebar .profile_list li a:hover {
    color: #004693;
}

.m-card-profile__pic img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.m-card-profile__details span,
.m-card-profile__details a {
    display: block;
}

.forum .topic-title .additional {
    margin-top: 10px;
}

.hidden-xs-up {
    display: block;
}

.hidden-xs-down {
    display: block;
}

.answer_mark {
    position: absolute;
    top: 0px;
    right: 20px;
    color: #999;
    font-size: 30px;
}

.answer_mark.active {
    color: #004693;
}

.answer_mark i {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.sidebar a.ask_question {
    background: #004693;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 20px;
}

.sidebar a.ask_question:hover {
    opacity: 0.6;
}

ul.wysihtml5-toolbar {
    padding-left: 0;
    background: #cccccc;
}

ul.wysihtml5-toolbar li {
    list-style: none;
    display: inline-block;
    padding-left: 0;
}

ul.wysihtml5-toolbar li a {}

.rating-input .far,
.rating-input .fas {
    font-size: 22px;
    margin-right: 10px;
}

body .shop .star-rating:before {
    content: '';
    display: none;
}

body .shop .star-rating i {
    font-size: 10px;
}

body .single-post .post-content .info-box,
body article.post.post-large.blog-single-post.arti_list h3 {
    /*margin-left: 0px !important;*/
}

body article.post.post-large.blog-single-post.arti_list .post-block.post-share,
body article.post.post-large.blog-single-post.arti_list pre,
body article.post.post-large.blog-single-post.arti_list .post-block.post-author.clearfix,
body article.post.post-large.blog-single-post.arti_list .post-block.post-comments.clearfix,
body article.post.post-large.blog-single-post.arti_list .post-block.post-leave-comment,
body article.post.post-large.blog-single-post.arti_list table {
    /*margin-left: 0px !important;*/
}

body article.post.post-large.blog-single-post.arti_list pre {
    /*margin-left: 0px;*/
}

.yellow-highlight {
    background-color: rgb(255, 255, 0);
}

/* all pages css$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$



*/
.outer-iplookuppg .col_12_of_12 {
    margin-bottom: 80px;
}

.geolocation-box.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.geolocation-box {
    margin: 0;
    padding-top: 0.75rem;
    background-color: #eee;
}

.geolocation-box .geo-data img {
    width: 24px;
    height: 24px;
}

.geo-data {
    margin-bottom: 0.75rem;
}

.geo-data span.geo-data-head {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-left: 4px;
}

.geo-data>span:not(.geo-data-head) {
    font-weight: 400;
    font-size: 14px;
    color: #575757;
    display: inline-block;
}

.geolocation-box .geo-data span img {
    width: 36px;
    height: 36px;
}

h4.geo-service {
    font-weight: 600;
    font-size: 1.2rem;
    background: #0B615E;
    color: #fff;
    padding: 0.75rem 0.5rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h4.geo-service a {
    color: #f85050;
}

h4.geo-service a:hover {
    opacity: 0.75;
}

h4.geo-service small {
    float: right;
}

.contact_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px 10px 15px;
    background: #eee;
}

.contact_sec button {
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #00a8ff;
    border: none;
}

.contact_sec button img {
    height: 20px;
}

.contact_sec button:focus {
    outline: none;
}

.geolocation-box.row {
    margin: 0 auto;
}

.iplookup-page .map-section {
    padding: 0 15px 10px 15px;
    background: #eee;
}

.iplookup-page .map-section div {
    border: 1.5px solid #f0ad4e;
    border-radius: 2px;
}

.d-none {
    display: none;
}


.widget_trivia .tb_widget_facts {
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    border: 2px solid #f0ad4e;
}

.widget_trivia .tb_widget_facts h3 {
    font-weight: 600 !important;
    font-size: 1.5em !important;
    margin-bottom: 0 !important;
}

.widget_trivia .next_question {
    color: #fff;
    background-color: #2874a6 !important;
    border-radius: 3px;
    padding: 2px;
    font-size: 16px;
    text-decoration: none;
    padding: 2px 5px;
    border: none;
    margin-top: 10px;
}

.widget_trivia .next_question:focus {
    outline: none;
}

.widget_trivia .option_wrapper {
    margin-top: 8px;
}

.widget_trivia .option_wrapper .option {
    display: flex;
    align-items: center;
    gap: 2%;
    background-color: #f6f6f6;
    margin: 8px 0;
    padding: 12px;
    border-radius: 4px;
}

.widget_trivia .option_wrapper .option .inp {
    width: auto !important;
}

.widget_trivia .option_wrapper .option label {
    margin: 0;
}

.widget_trivia .trivia_wrapper .question {
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 0;
    margin-top: 8px;
}

.widget_trivia .correct {
    background-color: #6ece53 !important;
}

.widget_trivia .correct label,
.widget_trivia .incorrect label {
    color: white !important;
}

.widget_trivia .incorrect {
    background-color: #f35f5d !important;
}

.widget_trivia .correct_ans {
    margin-top: 12px;
    font-size: 18px;
}

.widget_trivia .correct_ans span {
    font-weight: 600;
    color: #6ece53;
    text-decoration: underline;
    font-size: 24px;
}

/* all pages css$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ ending



*/

.blog-posts article,
p.border-full-post {
    border: none !important;
}

.blog .post-meta {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.singleBlogContent h2 {
    font-size: 1.75rem;
}

.site_ad_left_bars,
.site_ad_right_bars {
    width: 80px;
}
/* @media(max-width:1024px) {
.site_ad_left_bars,
.site_ad_right_bars {
    width: 80px;
}
} */

 nav.cssmenu ul li {
  padding: 2px !important;

} 
@media(max-width:1400px) {
    /* .home-wrapper .container {
        max-width: 1000px;
    } */

 
    .site_ad_left_bars,
.site_ad_right_bars {
    width: 80px;
}
}
@media(max-width:1130px) {
    .site_ad_left_bars,
.site_ad_right_bars {
    width: 16px;
}
}

@media(max-width:1024px) {
    .home-wrapper .container {
        max-width: 770px;
    }
    
  nav.cssmenu ul li {
  padding: 0px 5px 0px 2px !important;
    margin: 0px 2px 1px 2px !important;
  }
    .site_ad_left_bars,
    .site_ad_right_bars {
        width: 100px;
    }
}

@media (min-width: 1400px) {
 /* nav.cssmenu ul li {
  padding: 0px 7px 0px 2px !important;
  margin: 0px 2px 1px 2px !important;
}   */

nav.cssmenu ul li a::after {
  top: 19px !important;
}
}


@media (min-width: 1024px) and (max-width: 1200px) {
  nav.cssmenu ul li {
  padding: 0px 5px 0px 2px !important;
    margin: 0px 2px 1px 2px !important;
  }

  nav.cssmenu ul li a::after {
    top: 19px !important;
  }
}




@media(max-width:558px) {
    .hidden-xs-down {
        display: none;
    }
}

@media(min-width:558px) {
    .hidden-xs-up {
        display: none;
    }
}

body #header .header-nav-main nav>ul>li>a.active {
    background: #ff7347;
}

body header .social-icons li {
    box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
}

body header .social-icons li a {
    width: auto;
    height: auto;
    display: inherit;
    color: #ff7347 !important;
}

body #header .header-nav-main nav>ul>li>a {
    color: #ff7347;
}

body header .social-icons li:hover a {
    background: transparent;
    color: #ff7347 !important;
}

header span.avatar img {
    width: 42px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

header span.avatar {
    margin-right: 5px;
}

header li.dropdown .dropdown-menu a {
    font-size: 15px;
    text-align: left;
    padding: 6px 20px 6px 8px;
    font-weight: 400;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0px;
}

body #header .header-nav-main nav>ul>li.open>a,
body #header .header-nav-main nav>ul>li:hover>a {
    background: #ff7347;
    text-decoration: none;
}

body #header .header-top.header-top-style-2 {
    height: 40px;
}

body header .nav-pills .nav-link.active,
body header .nav-pills .show>.nav-link {
    background: transparent;
}

body #header .header-nav-main nav>ul>li.dropdown.open>a:before,
body #header .header-nav-main nav>ul>li.dropdown:hover>a:before {
    display: none;
}

body #header .header-top .header-nav-top li {
    line-height: 42px;
}

body #header .header-top .header-nav-top li.dropdown {
    line-height: 42px;
}

body #header .header-top .header-nav-top li.dropdown a {
    line-height: 2em;
}

form label#avatar {
    padding: 10px;
    background: red;
    display: table;
    color: #fff;
    margin-top: 20px;
    position: relative;
}

form label#avatar input[type="file"] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

article.post .post-meta:after {
    content: '';
    display: block;
    clear: both;
}

article.post-large h2 {

    line-height: 28px;
}

article.post-large .post-image.single {
    margin-left: 0px;
}

article.post-large .post-image.single p {
    margin-left: 0;
    width: 100%;
    font-size: 17px;
}


/*article.post-large .post-content .description{
    margin-left:-60px;
}*/

body.blog .post-image img {
    width: 100%;
}

.widget ul.blog li {
    list-style: square;
}

.tb_widget_search_hide {
    margin: 2px;
}

body article.post-large .post-image {
    margin-left: -60px;
}

body .blog-posts .post-content h2,
body .blog-posts .post-content p,
body .blog-posts .post-content .post-meta,
body .blog-posts .post-content .border-full-post,
body .single-post .post-content h2,
body .single-post .post-content>p,
body .single-post .post-content>span,
body .single-post .post-content>pre,
body .single-post .post-content table,
body .single-post .post-content .post-block {
    margin-left: -60px;
}


/*body .single-post .post-content div.info-box, body .single-post .post-content div.steps-box {
    margin-left:-60px;
}*/

div.info-box>h2,
div.info-box>h3,
div.info-box ul,
div.info-box>p,
div.steps-box>h2,
div.steps-box>h3,
div.steps-box ul,
div.steps-box>p {
    margin-left: 0px !important;
}

body article.post-large .post-image img {
    width: 100%;
}

body .recent-posts .date .month,
body article.post .post-date .month {
    display: block;
}

body article.post-large .post-date {}

.blog-posts .pagination ul li,
.releases .pagination ul li {
    list-style: none;
    display: inline-block;
}


blockquote {
    color: #777 !important;
}

.blog-posts .pagination ul li a,
.releases .pagination ul li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.blog-posts .pagination ul li a.current-page,
.releases .pagination ul li a.current-page {
    background-color: #0088cc !important;
    border-color: #0088cc;
    z-index: 1;
    color: #fff;
}

.blog-posts .pagination ul li:first-child a,
.releases .pagination ul li:first-child a {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.blog-posts .pagination ul li:last-child a,
.releases .pagination ul li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.blog article.post .post-date .year,
.blog-posts .post-date .year {
    background: #F4F4F4;
    color: #0088cc;
    font-size: 15px;
    display: block;
}

.blog article.post .post-date .day,
.blog-posts .post-date .day,
.blog-posts.single-post .post .post-date .day {
    padding-bottom: 0px;
}

.blog article.post .post-content h2 a,
.blog-posts .post-content h2 a {
    color: #0088cc;
}

.blog article.post .post-meta a,
.blog-posts .post-content h2 a,
.blog-posts .post-meta span a,
.blog-posts .name a {
    color: #0088cc;
}

.blog-posts .post-meta span a.btn {
    color: #fff !important;

}

nav.pagination {
    display: block;
    text-align: center;
}

.blog .page_title {
    display: none;
}

.blog-posts .post-content ul li {
    color: #777;
}

.blog-posts .post-content ol li {
    color: #777;

}

body.blog section.body {
    font-weight: 300;
}

body.blog section.body h2 a {
    font-weight: 300;
}

body input[type=checkbox] {
    width: auto;
}

.post-content pre {
    color: #777;
}

.row.customLayoutOuter table {
    margin: 15px 0px 15px 0px !important;
}

body.user_register .page_title,
body.user_register hr {
    display: none;
}

nav.cssmenu ul li a {
    line-height: 1em;
}

.profile_info svg {
    width: 16px;
}

.profile_info svg.fa-award path {
    fill: red;
}


/* FROM aladar.css */

div.wrapper {
    margin: 0 auto;
    width: 1050px;
    padding-top: 20px;
}

div.header {
    margin-bottom: 40px;
}

div.social {
    float: right;
}

a {
    text-decoration: none;
}

li {
    padding-bottom: 15px;
}

div.content {
    padding: 25px;
    box-shadow: 0 0 7px #828282;
    border: solid 1px #B2B2B2;
    border-top: 2px solid #373531;
    min-height: 400px;
    border-radius: 0 0 10px 10px;
    background-color: #ffffff;
}

.sub-menu {
    padding-left: 0;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
    display: table;
    width: 100%;
}

.sub-menu>li {
    float: left;
    padding-bottom: 0px;
    position: relative;
    display: block;
    width: 121px;
}

.sub-menu>li>a {
    font-weight: bold;
    margin-right: 5px;
    font-size: 13px;
    position: relative;
    display: block;
    text-align: center;
    padding: 10px 15px;
}

h1.info,
h2.info,
h3.info,
h4.info {
    margin: 10px 0;
    color: #191919;
    padding-bottom: 5px;
    border-bottom: 1px dotted #d4d4d4;
}

.my-toggle {
    display: none;
}

div.info-box {
    padding: 15px 25px;
    margin: 30px 0 20px 0;
    background-color: #FCFCAE;
    border-radius: 6px;
    box-shadow: 0 0 7px #828282;
}

div.info-box:before {
    content: "";
    color: #fff;
    float: right;
    display: block;
    height: 32px;
    width: 32px;
    margin: -32px -22px 0 0;
    background-image: url('../png/light-icon.png');
}

div.sponsored {
    padding: 15px 25px;
    margin: 30px 0 20px 0;
    border-radius: 6px;
    box-shadow: 0 0 7px #828282;
}

div.sponsored:before {
    content: "Sponsored";
    color: #fff;
    float: right;
    display: block;
    font-size: 14px;
    padding: 0px 5px 2px 5px;
    margin: -10px -20px 0 0;
    background-color: #5DADE2;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}


div.green-box {
    padding: 15px 25px;
    margin: 30px 0 20px 0;
    border-color: #d6e9c6;
    background-color: #dff0d8;
    border-radius: 6px;
    box-shadow: 0 0 7px #828282;
    color: #3c763d;
}

div.green-box:before {
    content: "";
    color: #fff;
    float: right;
    display: block;
    height: 28px;
    width: 28px;
    margin: -26px -20px 0 0;
    background-image: url(../png/tick.png);
    background-repeat: no-repeat;
    border: 1px solid #BFBFBF;
    border-radius: 50%;
    justify-content: center;
    text-align: center;
    background-position: center;
    background-color: #DFF0D8;
}

div.steps-box {
    padding: 15px;
    margin: 20px 0 20px 0;
    background-color: #e9eb77;
    border-radius: 6px;
    border: 2px solid #d08002;
    box-shadow: 0 0 7px #828282;
}

div.steps-box .step-container .step-title {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top;
    padding-right: 10px;
}

div.steps-box .step-container .step-title div {
    padding: 10px;
    background-color: #d08002;
    color: white;
    font-weight: bold;
    border-radius: 100%;
}

div.steps-box .step-container .step-content {
    display: table-cell;
}

div.content .rightInset {
    padding-left: 10px;
    width: 300px;
    border-left: 2px solid #ccc;
    vertical-align: top;
}

div.content .leftInset {
    padding-right: 20px;
    width: 705px;
    vertical-align: top;
}

div#firstcssmenu ul a {
    color: #CCC;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    padding: 8px 20px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    border-radius: 6px;
    margin: 1px;
    font-family: Open Sans, sans-serif;
}

div#firstcssmenu ul .active>a {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -.5px;
    color: #08c;
    /*padding: 12px;*/
    background-color: #08c;
    color: #fff;
}

div#firstcssmenu ul a {
    color: #08c;
    text-decoration: none;
}


/*.header_right {
    width: 70%;
}*/

div#firstcssmenu ul {
    display: flex;
    float: right;
    list-style: none;
    margin-top: 35px;
}

div#firstcssmenu ul li {
    /*padding: 0 12px;*/
}

.loginclass ul li a {
    color: #000;
    text-decoration: none;
}

.loginclass ul li {
    padding: 0 10px;
    position: relative;
}

.loginclass ul {
    display: flex;
    float: right;
    list-style: none;
    padding-bottom: 0;
    margin: 0;
}

div#firstcssmenu .row {
    width: 100%;
    align-items: center;
    justify-content: center;
}

#header_main .container {
    padding: 0px;
}

div#firstcssmenu ul li.myicon a {
    width: 0px;
    height: 0px;
    border-radius: 30px;
    margin: -10px 1px;
    overflow: hidden;
    font-size: .8rem !important;
    transition: .3s;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);
    padding: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

div#firstcssmenu ul li.mytwitter a {
    width: 0px;
    height: 0px;
    border-radius: 30px;
    margin: -10px 1px;
    overflow: hidden;
    font-size: .8rem !important;
    transition: .3s;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);
    padding: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

div#firstcssmenu ul a:hover {
    background-color: #08c;
    color: #fff;
}

li.mytwitter a:hover {
    background: #3b568e !important;
}

span.loginbtn {
    padding: 6px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
}

span.profilebtn {
    /*    background-color: #199900;*/
    padding: 6px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
}

span.logoutbtn {
    /*background-color: #f85050;*/
    padding: 6px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
}

span.signbtn {
    padding: 6px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
}

#header .header-right {
    text-align: right;
}

#header .header-contact {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-size: .9em;
}

#header .header-contact {
    margin: 0 10px 0 0;
}

.loginclass {
    width: 50%;
    float: right;
    background-color: #08c;
    padding: 3px 0px 10px;
    border-radius: 0px 0 8px 8px;
    height: 50px;
}

.container.header-outer {
    height: 120px !important;
}

.col-md-3.site_brand img {
    margin: -40px 15px 15px 15px;
}

li.right {
    margin-right: 32px;
}

li.minebtn {
    margin-top: 11px;
}

li.right {
    margin-top: 4px;
}

input.myinputser {
    border-radius: 9px;
}

.right input[type="text"] {
    margin-top: 1px;
}

.myheader {
    float: left;
    text-align: left;
    padding: 10px 10px 3px 10px;
    font-size: 28px;
    border-bottom: 1px solid #dfdfdf;
}

.mylogo {
    width: 80px;
    float: left;
}

select#pgLength {
    height: 31px;
    background-color: #fff;
    border: 1px solid grey;
    border-radius: 4px;
    padding: 0px;
}

.mylogotxt {
    width: 630px;
    float: left;
    padding: 16px;
}

#sec_btn {
    width: 800px;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0px 50px 5px 50px;
    float: left;
}

button.btn.btn-primary.btn-lg.mybtnarrow {
    padding: 7px;
    margin-left: 0;
    border: medium none;
    width: auto;
    position: absolute;
    border-radius: 0 6px 6px 0 !important;
    right: -5px;
    background: #0473AB;
    height: 100%;
}

.loginclass li:nth-child(2)::before {
    content: '';
    height: 18px;
    width: 1px;
    background: white;
    position: absolute;
    left: 0;
    top: 3px;
}

.mybutton {
    float: left;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    background: #3887cc;
    color: #fff;
}

.mybutton:hover {
    border: 1px #dadada solid;
}

.GenerateBtn {
    margin: -25px 3px 6px 137px;
    padding: 0 15px 0 15px;
    height: auto;
    line-height: 33px;
    background-color: #f85050 !important;
    font-size: 13px;
    border: 1px solid grey;
    border-radius: unset;
}

input#final_pass {
    width: 60%;
    height: 40px;
    font-size: 14px;
    color: #008040;
}

.button.CopyBtn {
    background-color: #f85050 !important;
    float: right;
    text-align: center;
    color: #fff;
    border-radius: initial;
    margin-right: 122px;
    padding: 0 0 0 0;
    width: 85px;
    height: 40px;
    line-height: 39px;
    font-size: 13px;
    border: 1px solid grey;
}

a.mobile-toggle {
    display: none;
}

button.btn.btn-primary.btn-lg {
    padding: 5px 10px;
    position: absolute;
}

aside button.btn.btn-primary.btn-lg {
    padding: 5px 10px;
    position: absolute;
    right: -6px;
    padding: 8px !important;
}

button#mymobsearch {
    font-size: 13px;
    padding: 7px 15px;
    position: absolute;
    right: -6px;
    top: 0px;
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
    color: #ffffff;
}

.row.my-box {
    background: none repeat scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #EEEEEE;
    padding: 15px;
    margin: 5px;
}

.row.my-box-dummy {
    /*    background: none repeat scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #EEEEEE;*/
    padding: 15px;
    margin: 5px;
}

#sec_button {
    padding: 6px;
}

.GenerateButton {
    padding: 0 15px 0 15px;
    line-height: 33px;
    font-size: 15px;
    border: 1px solid grey;
}

.mybtn {
    float: left;
    background: #3887cc;
    color: #fff;
}

.row.my-box select {
    width: 118px !important;
}

.row.my-box .chboxr {
    display: flex;
    align-items: center;
}

.row.my-box .chboxr input {
    width: auto;
}

.row.my-box label {
    padding-left: 9px;
}

.row.my-box {
    width: 48%;
}

.row.my-box-dummy {
    width: 48%;
}

form.my-form {
    display: flex;
    flex-wrap: wrap;
}

select.mylist {
    height: 133px !important;
    background-color: #fff;
    border: 1px solid grey;
    border-radius: 4px;
    padding: 0px;
}

.noneboxoutter {
    display: flex;
}

form.my-form .col.col_4_of_12 {
    padding: 0;
}

.mycronsubmit input.mycronbtn {
    color: #fff;
    border: none;
}

.mycronsubmit {
    clear: both;
    display: block;
    margin: 11px 5px;
}

.myanswer {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

input#final_result {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #008040;
}

.mycronbutton.myCopyBtn {
    background-color: #f85050 !important;
    float: right;
    text-align: center;
    color: #fff;
    border-radius: initial;
    padding: 0 0 0 0;
    width: 85px;
    height: 40px;
    line-height: 39px;
    font-size: 13px;
    border: 1px solid grey;
}

.alert.alert-success.myanswer {
    display: flex;
}

.my-input {
    display: flex;
    margin-bottom: 12px;
}

span.mytimestamp {
    color: #fff;
}

input#time_stamp {
    height: 44px;
}

span.myhuman {
    color: #fff;
}

.myhuman input#mDbtn {
    width: 100%;
}

ul.mytimelist {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

ul.mytimelist li {
    padding: 0 3px;
}

ul.mytimelist label {
    display: block;
    height: 20px;
}

.mytimezonelist {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

div#myepochresults {
    margin-top: 10px;
}

.button.ConvertBtn {
    background-color: #f85050 !important;
    text-align: center;
    color: #fff;
    width: 85px;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    border: 1px solid grey;
}

.myipbox p {
    margin-top: 10px;
}

.myIpconvert button#conip {
    color: #fff;
    padding: 0 15px 0 15px;
    height: auto;
    line-height: 33px;
    background-color: #f85050 !important;
    font-size: 17px;
    border: 1px solid grey;
}

.myIpconvert button#decitoIp {
    color: #fff;
    padding: 0 15px 0 15px;
    height: auto;
    line-height: 33px;
    background-color: #f85050 !important;
    font-size: 17px;
    border: 1px solid grey;
}

.button.verifybtn {
    text-align: center;
    color: #fff;
    border-radius: initial;
    padding: 0 0 0 0;
    height: 45px;
    line-height: 39px;
    font-size: 17px;
    border: 1px solid grey;
}

.col.col_8_of_12.myverifybox {
    display: flex;
}

button#m_login_signin_submit a {
    color: #fff;
}

button#m_login_signin_submit {
    margin-left: 15px;
}

.outer-forgotPass {
    width: 50%;
    margin: auto;
    border: 1px solid #DFDFDF;
    margin-right: auto;
    margin-top: 20px;
    padding: 65px;
    border-top: 4px solid #0088cc;
}

.outer-forgotPass a {
    color: #fff;
}

.outer-forgotPass button.btn.btn-primary.m-btn.m-btn--pill.m-btn--custom.m-btn--air.m-login__btn.m-login__btn--primary {
    margin-left: 14px;
}

aside.sidebar {
    width: 100%;
}

input.mycheck {
    width: 100px;
    color: #fff;
    margin: 10px;
}

input#mystr {
    width: 15%;
    margin-top: 10px;
    color: #fff;
}

input#userstr {
    height: 60px;
}

.row.Myuseragent {
    border: 1px solid;
    width: 100%;
    margin-left: 0px;
    padding: 18px 5px 5px 5px;
    margin-bottom: 18px;
    background-color: #d4edda;
}

p.user_agent {
    font-size: 20px;
}

div#firstcssmenu {
    clear: both;
    float: left;
    width: 100%;
}

li.minebtn {
    margin-top: 10px;
}

.post-meta.mypost {
    border: none;
}

.tb_widget_search.mybtnn form input[type="submit"] {
    width: auto;
    border: none;
    font-size: 13px;
}

.tb_widget_search.mybtnn form {
    display: flex;
}

.blog-posts article {
    padding-bottom: 0px;
}


@media only screen and (max-width: 1024px) {
    .loginclass {
        width: 57%;
    }

}

/* @media only screen and (max-width: 1200px) {
    .btn.btn-danger {
        width: 80% !important;
      }
    
    
} */

@media only screen and (max-width: 992px) {
    .my-toggle {
        display: block;
        padding-left: 30px;
    }

    a.mobile-toggle {
        display: block;
    }

    a.mobile-toggle {
        display: block;
        float: right;
        color: #000;
        margin-right: 8px;
        /*margin-top: 10px;*/
    }

    div#firstcssmenu ul {
        display: block;
        list-style: none;
        margin: 0 -15px 0 15px;
        background: #000;
        /*position: absolute;*/
        left: 0;
        right: 0;
        padding: 10px 14px;
        top: 0;
        z-index: 999;
        float: none;
    }

    div#firstcssmenu ul li {
        margin-bottom: 13px;
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    div#firstcssmenu ul li a {
        color: #fff;
    }

    nav.firstcssmenu a.mobi-menu {
        display: none;
    }

    /*    form.desktop {
        display: none;
    }*/
    nav.cssmenu ul li a {
        padding: 15px 8px;
        font-size: 14px;
    }

    div#firstcssmenu {
        display: none;
    }

    .loginclass {
        width: 100%;
    }

    a.mobile-toggle {
        color: #fff;
    }

    .site_brand.mobile-logo {
        margin: 0 auto !important;
        display: block;
    }

    .mobile-logo img {
        margin: 4px auto;
        display: block;
        padding: 10px;
    }

    #footer .col {
        flex: unset;
    }

}

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

    h4.geo-service {
        word-wrap: break-word;
        font-size: 14px !important;
    }

    h4.geo-service a {
        word-wrap: break-word;
        font-size: 14px !important;
    }

    .my-toggle {
        float: right;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-top: 5px;
    }

    my-toggle a:nth-child(1) {
        color: black;
    }

    #cssmenu {
        background: #000;
        height: auto;
    }

    .vpn-container {
        height: 300px !important;
    }

    .left-side.myTbimg img {
        margin: 0 auto;
        display: block;
        width: 151px !important;
    }

    .left-side.myTbimg * {
        width: 100% !important;
    }

    .left-side.myTbimg {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .table_dark_green {
        width: 100%;
    }

    .feedback-row {
        line-height: 30px;
    }

    .feedback-button {
        padding: 0 !important;
    }

    button.btn.btn-primary.btn-lg.mybtnarrow {
        padding: 0px 8px 0px 8px;
    }

    /*    .vpn-container .right-side .infobox {
        text-align: right;
    }
    .product-container .right-side .infobox {
        text-align: right !important;
    }
    .left-side.myTbimg {
    margin-left: 105px;
    }
    .vpn-container .right-side .vpn-info-area td{
        border:none;
    }
.product-container .right-side .vpn-info-area td{
        border:none !important;
    }
    .myTb table.vpn-info-area td {
    font-size: 14px !important;
}
.vpn-container .right-side .vpn-links {
    float: none !important;
    margin: 0 auto;
    text-align: center;
}
.product-container .right-side .vpn-links {
    float: none !important;
    margin: 0 auto;
    text-align: center;
}
    .vpn-container {
        height: auto;
    } 
    .product-container {
        height: auto !important;
    } 
    body .product-container .left-side .star-rating {
    position: static;
    margin-top: 22px;
    }
    .product-container .right-side .price-item .after-discount, #sidebar-product-container .list-product-item .product-links .after-discount{
        float: right !important;
    } 
    .left-side.myTbimg {
    float: none;
    margin: 0 auto;
}
.myTb table.product-info-area td {
    border: none !important;
}
.myTb table tr {
    border-bottom: 0 !important;
}
    body .product-container .right-side,.product-container .left-side{
        width:100% !important;
        border:none !important;
    }
    table.product-info-area td {
        font-size: 13px !important;
    }
body .product-container .left-side .product-logo {
    margin: 0 auto;
    height: auto;
}
    .myTb table {
        border: 0;
    }
    .myTb table caption {
        font-size: 1.3em;
    }
    .myTb table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .myTb table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    .myTb table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        /*text-align: right;
    }*/
    .myTb table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .myTb table td:last-child {
        border-bottom: 0;
    }

    .vpn-container .left-side .vpn-logo img {
        width: 100px;
    }

    .vpn-container .left-side {
        width: 100%;
        border: none;
        height: auto;
    }

    .vpn-container .left-side .vpn-logo {
        margin: 0 auto;
    }

    .vpn-container .left-side .star-rating {
        position: static;
        margin-top: 22px;
    }

    .vpn-container .right-side {
        width: 100%
    }

    .vpn-container .right-side .vpn-special-offer {
        text-align: center;
        margin: 0 auto;
        float: none;
        background: none;
    }

    .product-container .left-side .vpn-logo img {
        width: 100px;
    }

    .product-container .left-side {
        width: 100%;
        border: none;
        height: auto;
    }

    .product-container .left-side .vpn-logo {
        margin: 0 auto;
    }

    .product-container .left-side .star-rating {
        position: static;
        margin-top: 22px;
    }

    .product-container .right-side {
        width: 100%
    }

    .product-container .right-side .vpn-special-offer {
        text-align: center;
        margin: 0 auto;
        float: none;
        background: none;
    }

    */ .blog-posts .post-meta span a.btn {
        float: right;
    }

    .col-md-4.col_4_of_12.mycategorybox {
        width: auto;
    }

    /* .blog .post-meta span {
        float: right;
    }*/
    body .blog-posts .post-content h2,
    body .blog-posts .post-content p,
    body .blog-posts .post-content .post-meta,
    body .blog-posts .post-content .border-full-post,
    body .single-post .post-content h2,
    body .single-post .post-content>p,
    body .single-post .post-content>span,
    body .single-post .post-content>pre,
    body .single-post .post-content table,
    body .single-post .post-content .post-block {
        /*margin-left: 0;*/
    }

    /*.post-meta.mypost {
        padding-left: 65px;
    }*/
    .post-content h2 {
        font-size: 27px;
    }

    .loginclass {
        width: 100%;
        background-color: #08c;
        padding: 3px 0px 10px;
        border-radius: inherit;
        height: 50px;
        clear: both;
        position: relative;
    }

    div.page_title {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .loginclass ul {
        float: none;
    }

    .loginclass ul li {
        padding: 0 9px;
        position: relative;
        margin-right: 0px;
    }

    .right button.btn.btn-primary.btn-lg {
        position: absolute;
        right: -6px;
        top: 1px;
        background: #0473AB;
    }

    .outer-forgotPass {
        width: 100%;
        margin: auto;
        border: 1px solid #DFDFDF;
        margin-right: auto;
        margin-top: 20px;
        padding: 65px;
        border-top: 4px solid #0088cc;
    }

    span.profilebtn {
        background: transparent;
        color: black;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        font-family: Open Sans, sans-serif;
    }

    span.logoutbtn {
        background: transparent;
        color: black;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        font-family: Open Sans, sans-serif;
    }

    span.signbtn {
        background: transparent;
        color: black;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        font-family: Open Sans, sans-serif;
        margin: -10px;
    }

    span.loginbtn {
        background: transparent;
        color: black;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        font-family: Open Sans, sans-serif;
        margin: -5px;
    }

    span.myfont {
        display: none;
    }

    form.my-form .col.col_4_of_12 {
        width: 30%;
        float: left;
        display: inline-block;
        clear: unset;
    }

    form.my-form .col.col_8_of_12 {
        width: 70%;
        float: left;
        display: inline-block;
        padding-left: 0;
        clear: unset;
    }

    body .row.my-box select {
        width: 89px !important;
        font-size: 14px;
    }

    .row.my-box-dummy {
        display: none;
    }

    .row.my-box {
        width: 100% !important;
    }

    ul.mytimelist {
        display: block !important;
    }

    .loginclass ul li a i {
        color: #fff;
    }
}

nav.pagination ul li a {
    position: relative;
    display: block;
    color: #0D6EFD;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #DEE2E6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: .375rem .75rem;
}

nav.pagination ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.proxy-widget {
    padding-top: 20px;
}

.my_http_status_green {
    font-size: 19px;
    color: green;
}

.my_http_status_red {
    font-size: 19px;
    color: red;
}

.my_https_status_green {
    font-size: 19px;
    color: green;
}

.my_https_status_red {
    color: red;
    font-size: 19px;
}

.proxy-widget #cse-search-box {
    margin-bottom: 10px;
}

.http label input {
    display: inline-block;
    position: relative;
}

.my-type {
    display: flex;
    gap: 14px;
}

.my-type span {
    margin-left: 5px;
}

.form-group.my-http-type {
    margin-bottom: 0;
}

span.my_http_status_red,
.my_http_status_green {
    display: block;
    margin: 0 auto;
    text-align: center;
}

span.my_https_status_red,
.my_https_status_green {
    display: block;
    margin: 0 auto;
    text-align: center;
}


/*To display warrimng */

.red-box {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.red-box {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 1rem;
}

.close {
    position: absolute;
    top: 8px;
    right: 11px;
    color: inherit;
    text-decoration: none;
}

.my-rating-star i.glyphicon.glyphicon-star {
    color: #f8bd69;
    font-size: 18px;
}

.my-rating-star i.glyphicon.glyphicon-star-empty {
    color: #f8bd69;
    font-size: 18px;
}

a.review_count {
    position: relative;
    bottom: 26px;
    left: 8.3em;
}

ul.my-rating-star {
    list-style: none;
    margin-bottom: 4px;
    margin-left: -40px;
}

.my-rating-star li {
    display: inline-block;
}

a.btn.btn-lg.btn-apply.mycusbtn {
    color: white;
    background-color: #f7a504;
    border-color: #FF8C00;
    font-size: 13px;
    padding: 4px 13px;
    border-radius: 0;
    margin-top: 20px;
}

a.btn.btn-lg.btn-apply.mycusbtn:hover {
    /* background-color: #f68c04; */
    background-color: #f7a504;
}

.btn-apply:hover,
.btn-apply:active,
.btn-apply:focus {
    background-color: #f68c04;
}

.row.myhostip h3 {
    font-size: 25px;
    font-weight: bold;
    margin-left: 13px;
}

.row.myhostip span {
    font-weight: bold;
}

.nav-item.m-tabs__item.active.details-li {
    margin-bottom: -15px !important;
}

.form-control[readonly] {
    background-color: #fff !important;
    opacity: 1;
}

@media(max-width:767px) {
    .logo-hide {
        display: none !important;
    }
    
}

.breach-wrapper {
    border: 3px solid gray;
    overflow: hidden;
    padding: 11px;
    margin-top: 15px;
    font-size: 16px;
    overflow: scroll;
}

.breach-item {
    line-height: 0px;
}

.breach-item {
    line-height: 0px;
}

.breach-heading {
    font-size: 28px;
    font-weight: bold;
    color: #1f4872;
}

.beach-para {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
}

.beach-para1 {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
}

.breach-status {
    line-height: 31px;
}

.provider-div {
    margin-bottom: 10px !important;
}

.provider-heading {
    padding-left: 15px !important;
    color: black !important;
    font-weight: bold !important;
}

.custom-input {
    width: 100%;
    padding: 5px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.cdr {
    width: 100%;
    padding: 5px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.feed-input {
    width: 50%;
    padding: 5px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.feed-button {
    margin-left: 30px !important;
    padding: 7px !important;
}

.feedback-row {
    margin-bottom: 50px;
    padding-left: 15px;
    margin-top: 30px;
}

.feedback-button {
    background-color: #f85050;
    color: white;
    border: none;
    width: 65px;
    font-weight: bold;
    padding: 5px;
}


/* Blockquote CSS start***************** */
.blockquote {
    position: relative;
    margin: 60px 11px 0px 6px;
    padding: 0 30px 0 30px;
    line-height: 30px;
    /* text-align: justify; */
}

.blockquote::before,
.blockquote::after {
    content: "“";
    /* Left quote */
    font-size: 4em;
    /* Large quote size */
    color: #3e3535;
    position: absolute;
    font-family: Georgia, serif;
    /* Elegant font for quotes */
}

.blockquote::before {
    left: -9px;
    top: -20px;
}

.blockquote::after {
    content: "”";
    right: 0;
    top: -20px;
}

/* Blockquote CSS end***************** */



/* FAQ CSS  start*************** */
.faq-container {
    max-width: 700px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

.faq-item {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.faq-item-header {
    padding: 15px;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-item-header h3 {
    margin: 0;
    font-size: 18px;
}

.faq-item-header::after {
    content: '\25BC';
    /* Down arrow */
    font-size: 16px;
    transition: transform 0.3s ease;
}

.faq-item.open .faq-item-header::after {
    transform: rotate(180deg);
    /* Rotate arrow when open */
}

.faq-item-content {
    display: none;
    padding: 15px;
    font-size: 16px;
    line-height: 1.5;
    background: #f7f7f7;
}

.faq-item.open .faq-item-content {
    display: block;
}


/* FAQ CSS end *************** */

.feedback-login {
    background-color: #f85050;
    color: white;
    border: none;
    font-weight: bold;
    padding: 5px;
    display: block;
    float: left;
    margin-top: 12px;
}

.feedback-login:hover {
    color: white;
}

.update-geo-button {
    background-color: #f85050;
    color: white;
    border: none;
    font-weight: bold;
    padding: 5px;
}

.comments-row {
    padding-left: 35px;
    font-size: 15px;
    color: #666;
    font-weight: 513px;
    font-weight: bold;
}

.search-mac {
    background-color: red;
    color: #fff;
    padding: 3px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.form-inline {
    display: flex;
    /*flex-flow: row wrap;*/
    align-items: center;
}

.form-inline .in {
    width: 70%;
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    border: 1px solid #ddd;
}

.form-inline .select-dns {
    border: 1px solid #ddd;
}

.dns-lookup {
    width: 20%;
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    background-color: red;
    color: white;
    font-weight: bold;
    border: 1px solid #ddd;
}

.dns-lookup {
    padding: 10px;
}

.dns-header {
    background-color: #08c;
    color: white;
}

.card {
    border: 1px solid grey;
    border-radius: 10px;
}

.card-header {
    padding: 17px;
}

.card-body {
    border: 1px solid grey;
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 20px;
}

.card-title {}

/* Color Picker Css */

.color-picker input {
    display: block;
    width: 50%;
    float: left;
    height: 80px;
}

.color-picker input[type="text"] {
    padding: 20px;
}

.color-picker input[type="text"]:invalid {
    outline: 2px solid red;
}

.color-picker img {
    display: none !important;
}


p.widget-box {
    margin-top: 0px;
    margin-bottom: 5px;
}

div.widget-box {
    text-align: center;
    border: 1px solid grey;
    border-radius: 3px;
    box-shadow: 3px 3px;
    padding: 5px;
}

/*End*/

/* Key takeawyas Css Start */

div.key-takeaways>h2,
div.key-takeaways>h3,
div.key-takeaways ul,
div.key-takeaways>p,
div.steps-box>h2,
div.steps-box>h3,
div.steps-box ul,
div.steps-box>p {
    margin-left: 0px !important;
}

div.key-takeaways {
    padding: 15px 25px;
    margin: 30px 0 20px 0;
    background-color: #fbf0f0;
    border-radius: 6px;
    box-shadow: 0 0 7px #828282;


}

div.key-takeaways:before {
    content: "";
    color: #fff;
    float: right;
    display: block;
    height: 32px;
    width: 32px;
    margin: -32px -22px 0 0;
    background-image: url('../png/key_1_optimized.png');
}

.key-takeaways span {
    color: #f85050;
}

.key-takeaways h2::after {
    content: '';
    width: 50px;
    height: 4px;
    background: red;
    position: absolute;
    left: 0;
    top: -6px;
}

.key-takeaways h2 {
    position: relative;
}

pre.code {
    background: #E5E8E8 !important;
    text-shadow: unset !important;
    border: 1px solid #777;
    border-radius: 5px;
}

pre.code-black {
    background: black !important;
    color: #fff !important;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 100%);
    border: 1px solid #777;
    border-radius: 5px;
}

/* footer-social-media */
.social-media-row .social-icon {
    height: 35px;
    width: 35px;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    position: relative;
    margin: 0 5px 0 0;
    color: #fff;
}

.social-media-row .col-6 {
    padding-bottom: 20px;
}

.social-icon i {
    position: absolute;
    left: 10px;
    top: 10px;
    transition: 0.3s;
}

.social-icon i:last-child {
    bottom: -20px;
    top: auto;
}

footer .social-media-row a {
    color: rgba(255, 255, 255, .75);
}

.social-media-row .social-icon.facebook {
    background: #3b5998;
}

.social-media-row .social-icon.linkedin {
    background: #0e76a8;
}

.social-media-row .social-icon.twitter {
    background: #00acee;
}

.social-media-row .social-icon.instagram {
    background: #8a3ab9;
}



.social-media-row .social-icon:hover i:last-child {
    bottom: 9px;
}

.social-media-row .social-icon:hover i:first-child {
    top: -20px;
}

/* Latest post new design */
/* homepage recent posts section css start */
#latestPostsNew .postTitle {
    padding: 10px 0;
}

#latestPostsNew .entry-content {
    margin-top: 12px;
}

#latestPostsNew .postTitle h2 {
    margin-bottom: 0px;
    font-size: 16px;
}

#latestPostsNew .postTitle h2 a {
    color: #212529;
    text-decoration: none;
    font-size: 19px;
}

#latestPostsNew .postWrapper {
    padding: 10px;
}

#latestPostsNew .bx {
    box-shadow: rgb(161 161 161 / 43%) 0px 1px 2px 0px;
    border-radius: 4px;
    height: 500px;
}

#latestPostsNew .entry-content p {
    font-size: 16px;
    text-align: left;
}

#latestPostsNew .postDetails li,
#latestPostsNew .postDetails li a {
    font-size: 14px;
    color: #1265a8;
    text-decoration: none;
}

#latestPostsNew .pagination ul li a.current-page {
    background-color: #08c !important;
    border-color: #08c;
    z-index: 1;
    color: #fff;
}

#latestPostsNew .pagination ul li:first-child a {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

#latestPostsNew .pagination ul li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    border: 1px solid #dee2e6;
}

#latestPostsNew .postTag {
    position: absolute;
    display: flex;
    gap: 2%;
    bottom: 0;
    padding: 5px;
    background: #21252980;
    width: 100%;
}

#latestPostsNew .postImage {
    position: relative;
}

#latestPostsNew .entry-meta ul {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#latestPostsNew .entry-meta li {
    padding-right: 10px;
    padding-bottom: 0;
}

#latestPostsNew .single-a {
    font-size: 14px;
    color: #fff;
    background-color: #2874a6 !important;
    border-radius: 2px;
    padding: 0 5px;
    text-decoration: none;
}

#latestPostsNew .single-a:hover {
    color: #fff;
    text-decoration: none;
}

#latestPostsNew .button.button-mini.button-dark.button-rounded {
    color: #fff;
    background-color: #2874a6 !important;
    border-radius: 3px;
    padding: 2px;
    font-size: 13px;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

#latestPostsNew .entry-meta i {
    position: relative;
    font-size: var(--cnvs-post-meta-iconsize);
    padding-left: 1px;
    margin-right: .25rem;
}

/* homepage recent posts section css ending  */



.header_right .loginclass {
    background: transparent;
}

.header_right .loginclass .lgn {
    width: 100%;
}

.header_right .loginclass .lgn li.right {
    width: 100%;
    padding: 0;
    margin: 0;
}

.header_right .loginclass .lgn li form input {
    border-radius: 5px;
    border-color: transparent;
    height: 43px;
    box-shadow: 0px 0px 2px #b5b5b5;
    /* width: 69% */
}

.header_right .loginclass .lgn li form .btn {
    padding: 0 23px;
    font-size: 19px;
    -webkit-text-stroke: 1px #0473ab;
}

div#firstcssmenu ul a {
    font-size: 14px;
    padding: 8px 9px 6px;
}


/*shortcode */

.shortcode-name {
    font-family: "Titillium Web", sans-serif;
    margin: 0px 0px 20px;
    font-size: 24px;
    color: #1d2127;
}

.shortcode-category {
    color: #08c;
    /* border-bottom: 1px solid #e4e4e4; */
    padding: 10px 10px 10px 0px;
    font-size: 19px;
    font-weight: 400;
}

#randomfacts .tb_widget_facts {
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    border: 2px solid #f0ad4e;
}

#randomfacts .widget .tb_widget_facts h3 {
    font-weight: 600 !important;
    font-size: 1.5em !important;
    margin-bottom: 10px !important;
}

#randomfacts .fact {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #333;
    font-style: italic;
}

#randomfacts .another_fact {
    color: #fff;
    background-color: #2874a6 !important;
    border-radius: 3px;
    padding: 2px;
    font-size: 16px;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border: none;
    line-height: 2;
    margin-bottom: 5px;
}

#randomfacts .another_fact:focus {
    outline: none;
}

.options_wrapper h4 {
    font-size: 18px;
}

.slider-widgets img {
    width: 100%;
    height: auto;
    padding: 5px;
}

.prevwid-slider {
    color: #999;
    position: absolute;
    top: 30%;
    left: -0.1em;
    font-size: 1.5em;
}

.prevwid-slider:hover {
    cursor: pointer;
    color: black;
}

.slider-widgets .slick-dots li {
    padding: 0 !important;
    margin: 0 !important;
}

.nextwid-slider {
    color: #999;
    position: absolute;
    top: 30%;
    right: -0.1em;
    font-size: 1.5em;
}

.nextwid-slider:hover {
    cursor: pointer;
    color: black;
}


#homeblog-article .card-img {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /* max-height: 150px; */
}

#homeblog-article .card-title {
    margin-bottom: 0.3rem;
}

#homeblog-article.cat {
    display: inline-block;
    margin-bottom: 1rem;
}

#homeblog-article .fa-users {
    margin-left: 1rem;
}

#homeblog-article .card-footer {
    font-size: 0.8rem;
}

#homeblog-article,
p.text-muted.cat {
    margin-bottom: 0px;
    color: #737373 !important;
}

#homeblog-article .card {
    box-shadow: 0 1px 8px 2px rgb(0 0 0 / 10%) !important;
    margin-bottom: 15px !important;
}

.card.rltArt {
    margin-bottom: 15px !important;
    box-shadow: 0 1px 8px 2px rgb(0 0 0 / 10%) !important;

}

#homeblog-article .card .c-call-to-action {
    padding: 10px 3px 7px 0;
    position: relative;
    border: 2px solid transparent;
    outline: 1px solid transparent;
    outline-offset: -3px;
    margin-left: 0;
    color: #0067b8;
    background: transparent;
    transition: none;
    white-space: normal;
    text-align: left;
}

#footer .btn.btn-subscribe {
    color: #fff;
    background-color: #2874a6 !important;
    padding: 4px;
    margin: -1px;
}

#footer .newsletter-result {
    margin-top: 10px;
    color: #fff;
}

#footer #copyright a {
    color: #777;
    text-decoration: none;
    font-size: 12px;
}

#footer .popup-btn {
    color: #fff;
    background-color: #2874a6 !important;
}

#footer .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 20px);
}

#footer .modal-header .close {
    outline: none;
}

#footer h5#popupModalLabel {
    font-size: 23px;
}



#polls-vote .options_section {
    display: flex;
    gap: 20px;
}

#polls-vote .d-none {
    display: none;
}

.article-vpn-proxy .wiki-passw img {
    margin-right: 11px;
    margin-bottom: 3px;
}

.article-vpn-proxy .pop-blog img {
    margin-right: 11px;
    margin-bottom: 3px;
}

#polls-vote .alert-danger p {
    margin-bottom: 0px !important;
}

#polls-vote .progress-bar.skill-bar {
    color: black;
}

#polls-vote .progress_section {
    margin-bottom: 10px;
    border-radius: 6px;
}

#polls-vote .progress_section p {
    margin: 0px;
    margin-bottom: -8px;
}

#polls-vote.progress {
    height: 0.8rem;
}

#polls-vote.options_wrapper {
    border-radius: 5px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;

}

#polls-vote .vote_button,
.vote_button:active,
.vote_button:focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color: white;
    box-shadow: none;
    width: unset;
}

#polls-vote .vote_button:hover {
    background-color: #dfa148;
    border-color: #f0ad4e;
    color: white;
}

#polls-vote .progress_wrapper .heading-primary {
    color: #005f89;
    font-weight: 600;
}

#polls-vote .btn_groups {
    background: #f4f5f6;
    padding: 10px;
    border-radius: 6px;
    margin-top: 1rem;
    display: flex;
}

#polls-vote,
#result_btn {
    height: auto;
    margin: 0;
    width: unset;
}

#polls-vote input[type=checkbox],
input[type=radio] {
    padding: 7px !important;
}

#polls-vote .panel_title div h2 {
    letter-spacing: 0;
    font-weight: 400;
    padding-right: 10px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    background-color: #fff;
    display: inline-block;
    margin: 0;
}

@media only screen and (max-width: 480px) {
    #result_btn {
        width: 100%;
    }

    .vote_button {
        width: 100%;
    }
}

#homeblog-article .card-body {
    border: none;
}

#homeblog-article .rltArt i {
    font-size: 12px;
}

#homeblog-article.c-call-to-action span:hover {
    padding-bottom: 2px;
    text-decoration: underline;
}

#for-mobile {
    display: none;
}

a.feedback-login {
    padding: 5px 9px !important;
    border-radius: .25rem !important;
}

.databroker_btn {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
}

.map-section {
    padding: 4px 20px 10px 15px;
}

.map-section button {
    float: right;
    display: flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: 4px;
    padding: 4px;
    margin: 12px 0px 8px 0px;
    background: none;
    color: #00a8ff;
    text-decoration: underline;
}

.map-section button:focus {
    outline: none;
}

.map-section button img {
    height: 20px;
}

.d-none {
    display: none;
}


/* BLOG SINGLE PAGE CSS START*/

/* .single-post .arti_list table { margin: 0 auto !important; } */
.single-post .post-content-heading {
    line-height: 28px;
}

.single-post .singlePostTopSec {
    display: flex;
}

.single-post .singlePostTopSec .post-date {
    box-shadow: none !important;
}

.single-post .singlePostTopSec .postHeading a {
    color: #08c;
}

.single-post .related-blog {
    height: 124px;
    width: 130px;
}

.single-post .img-thumbnail.d-block.related-blog img {
    max-height: 137px;
    max-width: 129px;
}

.single-post .img-thumbnail.d-block.related img {
    max-width: 150px !important;
}

/* .blog-excerpt { margin-left: 21%;} */
.single-post .relatedread-more {
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
    color: #fff !important;
    border-radius: 5px;
    padding: 5px;
    float: right !important;
    margin-top: 10px;
}

.single-post .post-block.post-share {
    margin-top: 30px;
}

.single-post.relatedread-more:hover {
    color: #fff;
    /* Change text color to blue on hover */
    border-color: #006699;
    /* Optional: change border color on hover */
}

.single-post .related-posts .post-block {
    display: flex;
    align-items: flex-start;
}

.single-post .blog-posts.single-post ol {
    margin-right: 0px !important;
}

.single-post .heading-primary.related-post {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .single-post article.post .post-meta {
        margin-left: 0px !important;
    }

    .single-post h1.post-content-heading {
        line-height: 27px !important;
        font-size: 20px;
    }

    .single-post .blog-excerpt {
        margin-left: 33%;
    }

    .single-post .img-thumbnail.d-block.related {
        float: none;
    }

    .single-post .related-blog {
        max-width: none;
    }

    .single-post .arti_list .related-posts .img-thumbnail img {
        width: 100% !important;
        max-width: 100%;
        max-height: inherit !important;
    }

    .single-post .arti_list .related-posts .img-thumbnail {
        margin: 0 !important;
    }

    .single-post .arti_list .related-posts .blog-excerpt {
        margin: 6px 0 0;
    }

    .single-post .img-thumbnail.d-block img {
        width: 100% !important;
        max-width: 100%;
        max-height: inherit !important;
    }

    .single-post .img-thumbnail.d-block.related img {
        max-width: 601px !important;
    }

    .single-post .related-posts .post-block {
        flex-wrap: wrap;
    }

    .single-post.arti_list .related-posts .img-thumbnail {
        width: 100%;
    }

    .single-post.arti_list .related-posts .img-thumbnail .related-blog {
        height: auto;
    }

    .single-post .author-details {
        display: flow-root;
    }
}

/* BLOG SINGLE PAGE CSS END*/
@media only screen and (max-width: 767px) {
    #for-mobile img {
        width: 100%;
    }

    #for-mobile {
        display: block;
    }

    #for-desktop {
        display: none;
    }
}

@media only screen and (max-width: 305px) {
    .row.customLayoutOuter h1 {
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 600px) {
    #ip-placeholder p {
        padding: 0 !important;

    }
    .ip-address-wrap {
    word-break: break-all;
    }


    .service-box.IPServiceTop.row {
        display: block;
        margin: 20px 0 6px 0;
    }

    .databroker_btn {
        width: 100% !important;
    }
}


/* footer-social-media */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
    .loginclass {
        border-radius: 0;
    }

    .loginclass ul {
        margin-right: 85px !important;
    }

    a.mobile-toggle {
        padding-top: 9px;
    }

    .my-toggle span i {
        padding-left: 10px;
        padding-top: 15px;
    }

    .logo-hide {
        display: none !important;
    }

    .my-toggle {
        display: inline !important
    }

}

@media only screen and (max-width: 767px) {
    nav.cssmenu ul li a.mainNavFirst {
        padding: 10px 0px 10px 7px !important;
    }
}

/* submenu  */
/* Default styles (greater than 1200px width) */
#hmenu {
    margin-left: 52px;
}

#ticon {
    margin-top: 4px;
}

/* Media query for devices with a maximum width of 1024px */
@media only screen and (max-width: 1024px) {
    #hmenu {
        /* Your additional styles here */
        display: none;
        margin-left: 100px;
    }
}

/* Media query for devices with a maximum width of 1026px */
@media only screen and (max-width: 1200px) {
    .htab {
        font-size: 13px;
    }

    #in {
        margin-top: 10px;
        margin-bottom: 7px;
    }

    #hmenu {
        margin-left: 38px;
    }

}

@media only screen and (max-width: 992px) {
    .header_right .loginclass .lgn {
        width: 70%;
        margin-right: 0 !important;
        float: left;
    }

    .header_right .loginclass {
        background: #187fb5;
    }

    .header_right .loginclass .lgn li.right .Mywidget {
        margin: 2px 0 0;
        padding: 0 30px 0 0;
    }

    .header_right .loginclass .lgn li form input {
        height: 40px;
        margin: 0;
        width: 100%;
    }

    .header_right .loginclass .lgn li form .btn {
        padding: 0 16px;
        font-size: 18px;
    }

    .header_right .loginclass i {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header_right .loginclass .lgn li.right .Mywidget {
        margin: 1px 0 0;
        padding: 0;
    }

    .header_right .loginclass .lgn li form .btn {
        top: 0;
    }

    .header_right .loginclass .lgn {
        width: auto;
        margin-right: 0 !important;
        float: none;
    }

    /* all pages media css $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

*/


    @media only screen and (min-width: 0px) and (min-height: 0px) {
        div[id^="bsa-zone_1687539578438-9_123456"] {
            min-width: 300px;
            min-height: 250px;
        }
    }

    @media only screen and (min-width: 640px) and (min-height: 0px) {
        div[id^="bsa-zone_1687539578438-9_123456"] {
            min-width: 728px;
            min-height: 90px;
        }
    }

    /* all pages css$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ ending */



}