/*---------- Responsive Design ----------*/
/*Small Desktop*/

@media (min-width: 1024px) and (max-width: 1199px) {

}

/*Tablet*/
@media (max-width: 1199px) {

}

@media (max-width: 1024px) {
    /*------ Header Start --------*/
    header .container{
        padding-right: 20px;
        padding-left: 20px;
    }
    footer{
      display: none;
    }
    /*------ Header End --------*/

    /*------ About Us Start -------*/
    .about .container{
        padding-right: 20px;
        padding-left: 20px;
    }
    .about-right{
        margin-bottom: 80px;
    }
    /*------ About Us End -------*/
}

@media (max-width: 991px) {
    section {
        padding-top: 120px;
    }
    /*------ Header Start --------*/
    .menu-toggle{
        margin-left: auto;
        border: 0px;
        cursor: pointer;
        background: transparent;
    }
    .menu-toggle img{
        margin: 0 auto;
    }
    .menu-toggle, .main-navigation.toggled ul {
        display: block;
    }
    .sidebar-nav {
        width: auto;
        padding-left: 0px;
    }
    header{
        padding: 0px;
        height: 60px;
        background: rgba(0, 0, 0, 0.80);
    }
    .main-navigation.toggled .menu-open{
        display: block;
    }
    .main-navigation.toggled .white-logo{
        display: none;
    }
    .menu-open{
        display: none;
    }
    .main-navigation{
        transform: translateX(100%);
 
    }
    .main-navigation.toggled{
        background: rgba(0, 0, 0, 0.80);
        backdrop-filter: blur(5px);
        height: 100vh;
        max-width: 430px;
        padding: 0px;
        position: fixed;
        right: 0;
        top: 60px;
        transition: all .5s;
        width: 100%;
        z-index: 99;
        transform: translateX(0%);
    }

    .main-navigation.toggled .menu-main-menu-container{
     border-top: 3px solid #9C9C9C;
    }
    .header-inner .nav-menu li a{
        color: #fff;
    }
    .header-inner .nav-menu li a{
        font-size: 16px;
        line-height: normal;
        margin: 0px 29px;
    }
    .main-navigation li{
        padding: 0px;
        margin-bottom: 33px;
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-family: var(--font-futura);
    }

    .main-navigation ul{
        display: none;
        padding: 100px 0px;
    }
    .main-navigation ul.show{
        display: block;
    } 
    .main-navigation ul li a{
        padding:0px;
        font-size: 20px;
        color: #fff;
    }
    .main-navigation li:not(:last-child){
        margin-bottom: 50px;
    }
    .main-navigation ul li,.main-navigation ul li:first-child{
        border: 0px;
    }
    .main-navigation ul li a:hover,.main-navigation ul li.current-menu-item a{
        background: transparent;
    }
    .mobile-privacy {
        display: block;
    }
    /*------ Header End --------*/



    /*----- Patents Start -------*/
    .product-all-logo ul li {
        width: 33.33%;
    }
    .attention-title {
        width: 100%;
    }
    .select-width:first-child {
        margin-bottom: 20px;
    }
    /*----- Patents End -------*/

    /*------ Search Page Start ------------*/
    .page-header {
        padding-top: 120px;
    }
    /*------ Search Page End ------------*/
    .about-content{
        max-width: 100%;
    }
    .about-left{
        top: 100px;
    }
}

@media (max-width: 767px) {
    section {
        padding-top: 90px;
        padding-bottom: 30px;
    }
    .row{
        flex-direction: column;
        margin-right: -20px;
        margin-left: -20px;
    }
    h1, .h1{
        margin: 0 0 20px;
    }
    /*------ Footer Start --------*/
    footer{
        display: none;
    }
    /*------ Footer End --------*/

    /*------ Header Start---------*/
    .main-navigation.toggled{
        max-width: 100%;

    }
    /*------ Header End---------*/

    /*------ Contact Start --------*/
    .contact-left,.contact-right{
        width: 100%;
        padding: 0px 20px ;
    }
    .contact-left{
        margin-bottom: 23px;
    }
    /*------ Contact End --------*/

    /*------ About Us Start -------*/
    .about-left,.about-right{
        width: 100%;
        padding: 0px 20px 0px 20px;
    }
    .about-left{
        margin-bottom: 23px;
        margin-bottom: 23px;
        position: relative;
        top: 0px;
    }

    .about-right {
        margin-bottom: 0px;
    }
    /*------ About Us End -------*/

    /*----- Clients Start -------*/
    .client-box {
        width: 33.33%;
        padding: 0px 4px;
    }
    .client-wrapper{
        margin: 40px -4px 32px -4px;
    }
    .client-box{
        margin-bottom: 8px;
    }
    /*----- Clients End -------*/

    /*----- Patents Start -------*/
    .product-all-logo ul li {
        width: 50%;
    }
    .select-width {
        width: 100%;
    }
    .select-width:first-child {
        margin-bottom: 10px;
    }
    .product-selection {
        margin-top: 30px;
    }
    table tr th {
        min-width: 200px;
    }
    .products-table table{
        margin-bottom: 0px;
    }
    .products-table{
        margin-bottom: 30px;
    }
    /*----- Patents End -------*/

    /*----- Login/ Register Start -------*/
    .login-logo-box .logo-text {
        font-size: 30px;
    }
    /*----- Login/ Register End -------*/

    /*------ Search Page Start ------------*/
    .search-wrapper{
        flex-direction: column;
    }

    .search-wrapper .content-area {
        width: 100%;
        margin-bottom: 20px;
    }
    .search-wrapper aside {
        width: 100%;
    }
    /*------ Search Page End ------------*/

    .error-404 .page-header h1 {
        font-size: 40px;
    }
}


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

}

@media only screen and (max-width:360px) {
    /*----- Clients Start -------*/

    /*----- Clients End -------*/
}

@media only screen and (max-width:320px) {
    /*----- Clients Start -------*/
    .client-box {
        width: 50%;
    }
    /*----- Clients End -------*/
}