.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: 190px;
    width: 100%;
}
@media (min-width: 992px) {
    .mv10 {
        min-height: 320px !important;
    }
}
.date_down,
.date_down2 {
    background: none repeat scroll 0 0 #9a4d85;
}
.date_up,
.date_up2 {
    background: none repeat scroll 0 0 #565de9;
}
.btn.btn-info {
    background-color: #9a4d85;
}
.btn.btn-info:hover {
    background-color: #565de9;
}
.main-header {
    background-image: linear-gradient(130deg, #9a4d85 10%, #7d1896 90%);
    background-color: #9a4d85;
}
.navbar-default {
    background-color: #363b40;
}
.search-btn {
    background: #9a4d85;
}
.search_box .search-btn:hover {
    background: #565de9;
}
footer {
    padding: 0;
    border-top: 2px solid #9a4d85;
}
footer h4 {
    border-left: 4px solid #9a4d85;
}
.footer-top-layout {
    background: #363b40 none repeat scroll 0 0;
}
.footer-bottom-layout {
    background: #363b40 none repeat scroll 0 0;
}
.footer-top-layout [class*="col-sm-"] {
    border-right: 2px solid #363b40;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #565de9 !important;
}
a.toolbar-link {
    color: #565de9;
    text-decoration: none;
}
a.toolbar-link:hover {
    text-decoration: underline;
}
.navbar-nav > li:hover > a,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-nav > li:active > a {
    border-top: 3px solid #565de9;
}
.btn-link {
    color: #565de9;
}
.pagination > li > span {
    color: #565de9;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #565de9;
}
a.thumbnail.active {
    border-color: #565de9;
}
.navbar-brand .icon {
    background: #565de9;
}
.home {
    background-color: #565de9;
}
.features-menu .feature-item .fa {
    border: 3px solid #565de9;
    color: #565de9;
}
.btn.btn-social {
    background: #565de9;
}
.testimonial-item .testimonial-content {
    border-top: 3px solid #565de9;
}
.footer {
    border-top: 4px solid #565de9;
}
.b-widgets {
    background: #363b40 none repeat scroll 0 0;
}
.footer {
    background: #363b40 none repeat scroll 0 0 !important;
}
.widget_tool_box ul .popular-seo-t h3 {
    background: #363b40;
}
.main-container {
    background-color: #f6f7f9;
    margin-top: 30px;
}
.container {
}
.toolbar {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 10px;
}
.toolbar button {
    padding: 5px 10px;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    background-color: #8a2be2;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s ease;
    min-width: 40px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toolbar button:hover {
    background-color: #6a1bb8;
}
.toolbar button:focus {
    outline: 2px solid #6a1bb8;
}
.toolbar button .fa {
    display: inline-block;
    font-size: 18px;
}
.toolbar button .fallback-text {
    display: none;
    font-size: 12px;
    margin-left: 5px;
}
.toolbar button.no-icon .fallback-text {
    display: inline-block;
}
textarea {
    width: 100%;
    height: calc(50vh - 60px);
    max-height: 80vh;
    padding: 10px;
    font-family: monospace;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none;
    box-sizing: border-box;
}
iframe {
    width: 100%;
    height: calc(50vh - 60px);
    max-height: 80vh;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    textarea {
        height: calc(45vh - 60px);
        max-height: 80vh;
        font-size: 14px;
    }
    iframe {
        height: calc(45vh - 60px);
        max-height: 80vh;
    }
    .toolbar button {
        font-size: 18px;
        padding: 5px 8px;
        min-width: 35px;
    }
    .toolbar button .fa {
        font-size: 16px;
    }
    .toolbar button .fallback-text {
        font-size: 10px;
    }
}
@media (max-width: 480px) {
    header .title {
        font-size: 20px;
    }
    header .nav-links a {
        font-size: 14px;
    }
    .container {
        padding: 15px;
    }
    .toolbar button {
        font-size: 16px;
        padding: 4px 6px;
        min-width: 30px;
    }
    .toolbar button .fa {
        font-size: 14px;
    }
    .toolbar button .fallback-text {
        font-size: 8px;
    }
}
@media (max-width: 320px) {
    header .title {
        font-size: 18px;
    }
    header .nav-links a {
        font-size: 12px;
    }
    .toolbar button {
        font-size: 14px;
        padding: 3px 5px;
        min-width: 25px;
    }
    .toolbar button .fa {
        font-size: 12px;
    }
    .toolbar button .fallback-text {
        font-size: 6px;
    }
    textarea {
        height: calc(35vh - 60px);
        max-height: 80vh;
        font-size: 12px;
    }
    iframe {
        height: calc(35vh - 60px);
        max-height: 80vh;
    }
    p {
        font-size: 12px;
    }
}