@media (min-width: 768px) {
    .search_form .input-control {
        display: inline-block;
        vertical-align: middle;
        padding-right: 0 14px;
        font-size: 16px;
        box-shadow: none;
    }

    .navbar-toggler {
        display: none;
    }

    .col-sm-6 {
        width: 45%;
        display: inline-block;
        padding: 0 15px;
    }

}

@media (min-width: 1025px) {
    .extension {
        display: block;
        animation: extAppear .8s ease-in-out;
    }
}


@media (max-width: 991px) {
    .container {
        padding: 0 30px;
    }

    /*.col-sm-4{
        width: 28%;
        }*/
    #SearchResultsDiv .col-md-3 {
        width: 33.33%;
    }
}

@media (max-width: 816px) {
    .menu-navbar>li>a {
        padding: 26px 8px;
    }

    .table-detail>thead>tr>th,
    .table-detail>tbody>tr>td {
        padding: 20px 15px;
    }
}

@media (max-width: 767px) {
    .convert-result {
        display: block;
    }

    /*  .mpd-button{
        justify-content: flex-start;
        }*/
    .nav-tabsection {
        padding: 15px 0 0 0;
    }

    /*.table-detail tr .inn-button{
        margin: 0 10px 0 0;
        }*/
    .table-detail>thead>tr>th,
    .table-detail>tbody>tr>td {
        padding: 16px 10px;
    }

    #search_result .col-md-5,
    #search_result .col-md-7 {
        width: 100%;
    }

    .convert-result .thumb_img img {
        width: 100%;
    }

    .video_data {
        padding: 0;
    }

    .start-btn .converter-btn {
        opacity: 0;
    }

    .menu-navbar .navbar {
        display: block;
        line-height: 26px;
    }

    .header-menu .menu-navbar {
        text-align: left;
        float: initial;
        background-color: #f9f9f9;
        box-shadow: 0px 1px 2px #0000001f;
    }

    .header-menu {
        -webkit-transition: all 0.5s;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 60px;
        width: 100%;
        height: 0;
        visibility: hidden;
        opacity: 0;
    }

    .header-menu.collapse {
        visibility: visible;
        opacity: 1;
        height: 100vh;
        z-index: 10;
    }

    .dropdown-menu .lang-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .lang-menu>li>a {
        padding: 3px 10px;
    }

    .language {
        float: none;
    }

    .menu-navbar>li>a {
        display: block;
        padding: 10px;
    }

    .y2-instruction {
        display: block;
    }

    .grid-layer,
    .y2-instruction .grid-layer:nth-child(2n) {
        width: 100%;
        padding: 0;
    }

    .y2mate-features {
        display: block;
    }

    .col-sm-4 {
        width: 100%;
        padding: 0;
    }

    .y2mate-features h3 {
        width: 100%;
        margin: 8px 0 0 0;
    }

    .y2mate-features h4 {
        margin: 0px 0 18px 0;
    }

    .footer {
        padding: 20px 0;
    }

    .container {
        padding: 0 15px;
    }

    .container>.y2mate-download {
        margin: 0 -15px;
    }

    .form-data>.mate-head:first-child {
        font-size: 30px;
    }

    .search_form {
        margin: 24px auto;
    }

    .y2mate-download .form-data {
        padding: 26px 0 10px 0;
    }

    .y2mate-content,
    .y2-instruction,
    .y2mate-features,
    .yt-content {
        padding: 25px 0px;
    }

    .search_form .input-control {
        padding: 0 60px 0 10px;
    }

    .search_form .start-btn {
        width: 60px;
    }

    .start-btn input {
        visibility: hidden;
    }

    .start-btn svg {
        position: absolute;
    }

    .left-arrow-search {
        position: absolute;
    }
}

@media (max-width: 575px) {
    .y2mate-content h2 {
        margin: 0;
        font-size: 22px;
    }

    .search_form p {
        font-size: 12px;
    }

    .search_form {
        margin: 22px auto 18px auto;
    }

    .footer .list-item {
        padding: 0 8px;
    }

    #SearchResultsDiv .col-md-3 {
        width: 50%;
    }

    .downloaded-convert {
        padding: 1px 4px;
    }

    .result_form .submit-video {
        padding: 0 0 0 4px;
    }

    .yt-mate-thumb {
        padding: 0 10px;
    }

    .container {
        padding: 0 12px;
    }

    .container>.y2mate-download {
        margin: 0 -12px;
    }

    .col-xs-12 {
        width: 100%;
    }
}