.navbar {
        background-color:#08C1DD !important;
        min-height:110px;
    }
    .navbar-brand{
        position:relative;
        display:block;
        padding:0px 40px;
        color:#fff;
        margin-top:-10px;
    }
    .logo-header {
        position:relative;
        display:block;
        width:130px;
        margin-left:25px;
    }
    .navbar-brand:hover
    {
        color:#fff;
    }
    .header-row{
        position:relative;
        display:block;
    }    
    .form-group > ul {
        padding-left:0px;
    }
    .form-group > ul > li {
        position:relative;
        display:inline-block;
        margin-bottom:7px;
    }
    #navbarNav > ul .navbar-nav {
        position:relative;
        padding-top:35px !important;
        padding-left:825px !important;
    } 
    
    .navbar-nav > li > a {
        font-family: 'Montserrat', sans-serif;
        font-weight:600;
        color:#fff;
        font-size:15px;
        margin-top:25px;
        margin-left:65px;
        text-decoration:none;
        text-transform:uppercase;
        letter-spacing:0px;
    }
    .navbar-toggler-icon{
        color:#e3e3e2;
    }
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
    }
    .welcome-text {
         position:relative;
         display:block;
         font-family: 'Montserrat', sans-serif;
        font-size:12px;
        font-weight:600;
        color: #fff;
     }
     .text-monospace {
        font-family: 'Montserrat', sans-serif;
        font-size:14px;
        font-weight:600;
    }
    .view-more-card {
        position:relative;
        display:block;
        margin-right:15px;
        height:330px;
        
     }
     .mobile-only-container{
         position:relative;
         display:none;
     }
     .view-more-button {
        position:relative;
        display:inline-block;
        font-family:'Montserrat', sans-serif;
        width:270px;
        font-size:35px;
        margin-top:-360px;
        font-weight:800;
        color: #5a5959;
        border:2px solid #e3e3e3;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     }
     
     
     .view-more-button:hover, .view-more-button:active, .view-more-button:focus {
         text-decoration :none;
         color: #5a5959;
         background-color: #00000033;
     }
    .js-avatar-preview {
         min-width:100% !important;
     }
     .overlay-download {
          width: 25%;
          position: absolute;
          padding:10px 15px;
          top: 325px;
          left:75px;
          border:0px solid #5a5959;
          background-color: #FFC107;
          font-family: 'Montserrat', sans-serif;
          font-size:13px;
          font-weight:800;
          color: #000;
          border-radius:0px;
          text-decoration:none;
          
        }
        .overlay-download:hover, .overlay-download:active, .overlay-download:click {
          width: 25%;
          position: absolute;
          text-decoration:none;
          top: 325px;
          right: 100px;
          border:0px solid #5a5959;
          background-color: #FFC107;
          font-family: 'Montserrat', sans-serif;
          font-size:13px;
          font-weight:800;
          color: #000;
          border-radius:0px;
        }
       #loader{
           display:none;
           z-index:9999;
           position:relative;
           top:-950px;
           left:50%;
       }
       #loading{
           width: 35px;
           height: 35px;
       }
        a:hover{
            color:#000;
        }
        .nav-link:hover, .nav-link:active, .nav-link:click {
            color:#fff !important;
        } 
        .cropper-container .cropper-bg {
            position:relative;
            width:500px;
            height:500px;
        }
        .bi::before {
          display: inline-block;
          content: "";
          vertical-align: -.125em;
          background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
          background-repeat: no-repeat;
          background-size: 1rem 1rem;
        }
        .bi-file-earmark-arrow-down {
            font-size:13px;
              color: #000;
        }
        
    #download-post {
        font-family: 'Montserrat', sans-serif;
        font-size:11px;
        padding-top:8px;
        font-weight:300;
    }
     .avatar {
      vertical-align: middle;
      width: 40px;
      height: 40px;
      border-radius: 50%;
    }
    
    .header-row > h1, .header-row > h1 > a {
        font-family: 'Montserrat', sans-serif;
        padding:8px;
        color:#fff;
        font-size:20px;
        text-align:left;
        font-weight:800;
        text-decoration:none;
    }
    .customize-form {
            position:relative;
            display:inline-block;
            vertical-align:top;
            width:40%;
            padding:75px;
            border:0px solid #000;
        }
        .template-preview {
            position:relative;
            display:inline-block;
            vertical-align:top;
            width:59%;
            padding:75px;
            border:0px solid #000;
        }
        .form-group > label {
        font-family: 'Montserrat', sans-serif;
        padding-top:10px 5px;
        font-size:15px;
        font-weight:600;
        }
        #downloadButton {
            position:relative;
            display:inline;
            font-family: 'Montserrat', sans-serif;
            font-weight: 800;
            font-size:11px;
            margin-left:0px;
            padding:10px;
        }
        .template-card-full {
            position:relative;
            display:block;
            width:85%;
            height:auto;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }
        .template-edit-container{
            position:relative;
            display:block;
            width:90%;
            padding-left:15%;
            padding-top:105px;
        }
    #greetings-container {
        position:relative;
        display:inline-block;
        max-width:50%;
    }
    .category-container {
        position:relative;
        display:inline-block;
        margin-top:10px;
        width:100%;
        background-color:#FFF;
    }
    #contact-form-container {
        position:relative;
        display:inline-block;
        width:55%;
        border:0px solid #c3c3c3;
        padding:25px;
        border-radius: 25px;
        border:1px solid #edf2fa;
    }
    .contact-us-header{
        position:relative;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        font-size:45px;
        padding-left:10px;
        text-align:left;
        color:#212529;
        border-left:4px solid #c3c3c3;
    }
    hr {
        margin-top:25px;
    }
    .form-group{
        padding:10px 0px;
    }
    .form-control {
        padding:10px;
    }
    input, textarea {
        font-family: 'Montserrat', sans-serif;
        font-size:12px;
        font-weight:800;
        color:#edf2fa;
    }
    #submit-btn {
        position:relative;
        display:block;
        float:left;
        font-family: 'Montserrat', sans-serif;
        font-weight:800;
        font-size:23px;
        padding:15px;
        margin-top:15px;
        background-color:#0dcaf0;
        outline-color: #0dcaf0;
    }
    input[type=submit] {
        font-family: 'Montserrat', sans-serif;
        font-weight:600;
        font-size:15px;
    }
    .main-container{
        position:relative;
        display:block;
        padding-top:105px;
        width:100%;
    }
    .left-pane-menu {
     position:relative;
     display:inline-block;
     width:18%;
     vertical-align:top;
     margin-top:25px;
     margin-left:75px;
     margin-right:25px;
    }
    .left-menu-pane-bottom {
     position:relative;
     display:inline-block;
     width:100%;
      vertical-align:top;
      margin-top:25px;
    }
    .accordion-button,  .left-menu-pane-bottom > h1{
        padding: 5px;
        font-family: 'Montserrat', sans-serif;
        font-size:25px;
        font-weight:800;
        margin-top:15px;
        color:#000 !important;
        background-color:#fff !important;
    }
    .categories-container{
        position:relative;
        display:block;
        padding-top:5px;
    }
    .accordion-body{
        padding:0px !important;
    }
    button.accordion-button:hover {
        background-color: #fff;
        }
    .category-tag{
        position:relative;
        display:block;
        font-family: 'Montserrat', sans-serif;
        font-size:13px;
        font-weight:600;
        color:#606062;
        text-decoration:none;
        margin-top:12px;
    }
    .accordion-item{
        border:0px solid #fff !important;
    }
    .category-tag:hover, .category-tag:active, .category-tag:focus {
        text-decoration:none;
        transform: scale(1.05);
    } 
    .rounded{
        border-radius:25px;
    }
    .how-to-banner{
        position:relative;
        display:block;
        width:100%;
    }
    .how-to-banner-pic-1 {
        position:relative;
        display:inline-block;
        width:150px;
    }
    .edit-post-button{
        position:absolute;
        display:inline-block;
        background-color:#ffc107;
        font-family: 'Montserrat', sans-serif;
        font-size:11px;
        font-weight:600;
        padding:5px 10px;
        color:#fff;
        margin-top:-55px;
        margin-left:-115px;
    }
    .edit-post-button:hover, .edit-post-button:active, .edit-post-button:focus {
        background-color:#ffc107 !important;
        color:#fff !important;
    }
    .download-post-button {
        position:absolute;
        display:inline-block;
        background-color:#4681f4;
        font-family: 'Montserrat', sans-serif;
        font-size:11px;
        font-weight:600;
        padding:5px 10px;
        color:#fff;
        margin-top:-55px;
        margin-left:35px;
    }
    .download-post-button:hover, .download-post-button:active, .download-post-button:focus {
        background-color:#4681f4 !important;
        color:#fff !important;
    }
    
    .share-post-button {
        position:absolute; 
        display:inline-block; 
        background-color:#128c7e; 
        font-family: 'Montserrat', sans-serif;
        font-size:11px;
        font-weight:600;
        padding:5px 10px;
        color: #fff; 
        margin-top: -55px;
        margin-left: -35px;
    }
    
    .share-post-button:hover, .share-post-button:active, .share-post-button:focus {   
        background-color:#128c7e !important; 
        color: #fff !important;
    } 
    
    
    
    .edit-post-button-rel{
        position:absolute;
        display:inline-block;
        background-color:#ffc107;
        font-family: 'Montserrat', sans-serif;
        font-size:12px;
        font-weight:600;
        color:#fff;
        margin-top:-55px;
        margin-left:5px;
    }
    .edit-post-button-rel:hover, .edit-post-button-rel:active, .edit-post-button-rel:focus {
        background-color:#ffc107 !important;
        color:#fff !important;
    }
    .download-post-button-rel {
        position:absolute;
        display:inline-block;
        background-color:#4681f4;
        font-family: 'Montserrat', sans-serif;
        font-size:12px;
        font-weight:600;
        color:#fff;
        margin-top:-55px;
        margin-left:95px;
    }
    .download-post-button-rel:hover, .download-post-button-rel:active, .download-post-button-rel:focus {
        background-color:#4681f4 !important;
        color:#fff !important;
    }
    
    .share-post-button-rel {
        position:absolute; 
        display:inline-block; 
        background-color:#128c7e; 
        font-family: 'Montserrat', sans-serif;
        font-size:12px;
        font-weight:600;
        color: #fff; 
        margin-top: -55px;
        margin-left: 195px;
    }
    
    .share-post-button-rel:hover, .share-post-button-rel:active, .share-post-button-rel:focus {   
        background-color:#128c7e !important; 
        color: #fff !important;
    } 
    .related-post-container{
        position:relative;
        display:block;
        width:95%;
        padding:2%;
        padding-top:55px;
    }
    .related-post-container > h2 {
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        font-size:23px;
        font-weight:800;
        color:#4681F4;
    }
    .related-post-container > a {
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        font-size:14px;
        color:#030303;
        text-decoration:none;
    }
    .steps-heading {
        position:relative;
        display:block;
        font-family: 'Montserrat', sans-serif;
        font-size:19px;
        font-weight:800;
    }
     .instructions-pane {
        font-family: 'Montserrat', sans-serif;
        font-size:15px;
        font-weight:600;
        padding-left:10px;
        border-left:4px solid #ea5959;
    }
    .template-header {
        font-family: 'Montserrat', sans-serif;
        padding:10px 5px;
        font-size:16px;
        text-align:left;
        font-weight:600;
    }
    .category-header {
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        margin-top:10px;
        text-decoration:none;
        padding:10px 15px;
        font-size:18px;
        text-align:left;
        font-weight:600;
        color: #135198;
    }
    .row > #name-header {
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        text-decoration:none;
        text-align:center;
        font-size:13px;
        text-align:left;
        font-weight:600;
        color: #135198;
        border:1px solid #135198;
        border-radius:5px;
        margin-left:15px;
        max-width:35%;
    }
    .row > #name-image-header {
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        text-decoration:none;
        text-align:center;
        font-size:13px;
        text-align:left;
        font-weight:600;
        color: #135198;
        border:1px solid #135198;
        border-radius:5px;
        margin-left:8px;
        max-width:35%;
    }
    #text-namebox {
        display:inline-block;
    }
    #downloadButtonName {
        display:inline-block;
    }
    .login-form {
        position:relative;
        display:block;
        margin-left:35%;
        width:30%;
        margin-top:45px;
        border:1px solid #edf2fa;
        border-radius: 25px;
    }
    .login-panel {
        padding:25px;
    }
    .panel-title{
        position:relative;
        display:block;
        font-family: 'Montserrat', sans-serif;
        font-size:45px;
        font-weight:800;
    }
    hr {
        margin-top:25px;
    }
    .form-group{
        padding:10px 0px;
    }
    .form-control {
        padding:10px;
    }
    input{
        font-family: 'Montserrat', sans-serif;
        font-size:12px;
        font-weight:800;
        color:#edf2fa;
    }
    .form-group > ul > li {
        list-style:none;
    }
    #submit-btn {
        position:relative;
        display:block;
        margin-top:10px;
        font-family: 'Montserrat', sans-serif;
        font-size:15px;
        font-weight:600;
        padding:10px 20px;
    }
    .category-header > span{
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        font-size:14px;
        color:#135198;
        text-decoration:none;
    }
    .category-header:hover, .category-header:click, .category-header:active {
        color: #08C1DD !important;
        text-decoration:none;
    }
    .template-row {
        overflow-x: auto;
        white-space: nowrap;
    }
    .template-card {
        position:relative;
        display:inline-block;
        width:38%;
        margin:5px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    .template {
        position:relative;
        display:block;
        width:100%;
        height:330px;
    }
    .related-template-card {
        position:relative;
        display:inline-block;
        width:17%;
        margin:15px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    
     .container-fluid > ul > li {
         display: inline;
        margin: 10px;
     }
    .welcome-text {
         position:relative;
         display:block;
         margin-right:-550px;
         font-family: 'Montserrat', sans-serif;
        font-size:12px;
        font-weight:600;
        color: #fff;
     }
     .logout-button
     {
         position:relative;
         display:block;
         float:right;
         width:75px;
         margin-right:25px;
         margin-top:35px;
     }
     .video-menu-icon {
         position:relative;
         display:inline-block;
         margin-left:45%;
     }
     .bi-play-btn {
         position:relative;
         display:inline-block;
         color:#fff;
     }
     .hidden-div{
            display:none;
        }
    
    #userphoto {
            width: 505px;
        }
     .form-check-label, .form-select {
        font-family: 'Montserrat', sans-serif;
        font-size:14px;
        font-weight:600;
        color:#70757a;
    }
    option {
        font-family: 'Montserrat', sans-serif;
        font-size:14px;
        font-weight:600;
    }
    .form-check-input{
        margin-top: 7px;    
    }
     #userphotopreview {
    padding: 10px;
    width: 150px;
    height: 150px;
    }
     .video-templates-container {
        position:relative;
        display:block;
        width:100%;
    }
     
     
     .right-menu-container{
         position:relative;
         display:inline-block;
         vertical-align:top;
         margin-top:25px;
         margin-left:25px;
         width:18%;
         background-color:#f6f6f6;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        
     }
     hr.right-top{
         margin-top:3px;
     }
     .right-menu-container > h1 {
        font-family: 'Montserrat', sans-serif;
        font-size:25px;
        font-weight:800;
        margin-top:15px;
        color:#000 !important;
        padding-left:15px;
        background-color:#f6f6f6 !important;
     }
     .recent-template-card-container {
         position:relative;
         display:block;
         height:1050px;
         overflow-y:scroll;
     }
     
     .recent-template-card {
        position:relative;
        display:inline-block;
        width:70%;
        margin-left:55px;
        margin-top:15px;
        margin-bottom:15px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
         animation:move 65s steps(25, start) infinite;
    }
    
    .steps-container{
        position:relative;
        display:block;
        width:100%;
        margin-top:35px;
        border:0px solid #000;
    }
    .steps-container > h2 { 
        font-family: 'Montserrat', sans-serif;
        font-size:25px;
        font-weight:800;
        text-align:left;
        padding-left:10px;
        color:#343a40;
        border-left:5px solid #b7babd;
    }
    .steps-container > span {
        position:relative;
        display:block;
        font-family: 'Montserrat', sans-serif;
        font-size:18px;
        font-weight:400;
        text-align:left;
        padding-left:10px;
        padding-top:7px;
        color:#212529;
    }
    .steps-header-image{
        position:relative;
        display:block;
        width:100%;
        margin-top:10px;
        border:5px solid #f8f9fa;
    }
    @keyframes move{
 
     0%{
      transform:translateY(0);
     }
      100%{
        transform:translateY(-4500px)
       }
     }
     .footer-container{
         position:relative;
         display:block;
         background-color: #08C1DD;
         width:100%;
         padding-top:15px;
         margin-top:35px;
         padding-left:75px;
     }
     .footer-menu{
         position:relative;
         display:inline-block;
         color:#fff;
         padding-top:75px;
         padding-left:75px;
         padding-bottom:75px;
         
     }
     .footer-menu > h3 {
        font-family: 'Montserrat', sans-serif;
        font-size:18px;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:1px;
     }
     .footer-menu > ul {
         padding-left:0px;
     }
     .footer-menu > ul >li {
         list-style:none;
         padding-top:5px;
         font-family: 'Montserrat', sans-serif;
            font-size:15px;
         font-weight:300;
     }
     .whatsapp-mark{
         position:relative;
         display:inline-block;
         font-family: 'Montserrat', sans-serif;
            font-size:14px;
         font-weight:800;
         color: #075E54;
     }
     
     
     /* Small devices (landscape phones, 326px and up) */
@media (min-width: 326px) and (max-width: 766px) { 
    .navbar {
        min-height:25px;
        border:0px solid #e3e3e3;
    }
    
    .container-fluid {
        padding-left:0px !important;
    }
    .navbar-brand {
        padding-left:0px;
    }
    .logo-header {
        width:83px;
    }
    .main-container {
        background-color:#F0F2F5 ;
    }
    #navbarNav > ul .navbar-nav {
        position:relative;
        padding-top:25px;
        border-top:0px solid #e3e3e3;
        padding-left:15px;
    } 
    
    .navbar-nav > li > a {
        font-family: 'Montserrat', sans-serif;
        font-weight:600;
        color:#fff;
        font-size:15px;
        margin-left:25px;
        margin-top:15px;
        text-decoration:none;
        text-transform:uppercase;
        letter-spacing:0px;
    }
    .navbar-toggler {
        margin-right:10px;
    }
    .navbar-toggler-icon{
        color:#e3e3e2;
    }
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
    }
    .left-pane-menu { 
        position:relative;
        display:none;
    }
    #greetings-container {
     position:relative;
     display:block;
     min-width:100% !important;
     background-color:#F0F2F5;
    }
    .video-templates-container {
        position:relative;
        display:block;
        width:100%;
    }
    .template-card {
        position:relative;
        display:inline-block;
        width:75%;
        margin:15px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    .video-menu-icon {
         position:relative;
         display:inline-block;
         margin-left:50px;
     }
    .container {
        padding:0px !important;
    }
    .mt-5 {
        margin-top:0px !important;
    }
    .category-container {
        position:relative;
        display:block;
        margin-top:10px;
        width:100%;
        padding:5%;
        background-color:#FFF;
    }
    .right-menu-container{
        position:relative;
        display:block;
        width:90%;
        padding-left:5%;
    }
    .footer-container {
         padding-top:15px;
         margin-top:50px;
         padding-left:15px;
    }
    .footer-menu {
        position:relative;
        display:block;
    }
    .header-row > h1, .header-row > h1 > a {
        font-family: 'Montserrat', sans-serif;
        padding:3px;
        color:#fff;
        font-size:15px;
        text-align:left;
        font-weight:800;
        text-decoration:none;
    }
    .related-template-card {
        position:relative;
        display:inline-block;
        width:75%;
        margin:15px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    .header-row > h1 > a{
        padding:0px;
    }
    .footer-menu{
         position:relative;
         display:inline-block;
         color:#fff;
         padding-top:15px;
         padding-left:15px;
         padding-bottom:15px;
         
     }
     .login-form {
        position:relative;
        display:block;
        margin-left:5%;
        width:90%;
        margin-top:25px;
        border:1px solid #edf2fa;
        border-radius: 15px;
        padding-bottom:15px;
    }
    .row > #name-header {
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        text-decoration:none;
        font-size:13px;
        text-align:left;
        font-weight:600;
        color: #08C1DD;
        border:1px solid #08C1DD;
        border-radius:5px;
        margin-left:15px;
        max-width:40%;
    }
    .row > #name-image-header {
        position:relative;
        display:inline-block;
        font-family: 'Montserrat', sans-serif;
        text-decoration:none;
        font-size:13px;
        text-align:left;
        font-weight:600;
        color: #08C1DD;
        border:1px solid #08C1DD;
        border-radius:5px;
        margin-left:8px;
        max-width:40%;
    }
    
    #contact-form-container{
        position:relative;
        display:block;
        margin-left:5%;
        width:90%;
        margin-top:25px;
        border:1px solid #edf2fa;
        border-radius: 15px;
        padding-bottom:70px;
    }
    .login-panel {
        padding:25px;
    }
    .panel-title{
        position:relative;
        display:block;
        font-family: 'Montserrat', sans-serif;
        font-size:38px;
        font-weight:800;
    }
    hr {
        margin-top:10px;
    }
    .form-group{
        padding:5px 0px;
    }
    .form-control {
        padding:10px;
    }
    input{
        font-family: 'Montserrat', sans-serif;
        font-size:12px !important;
        font-weight:800;
        color:#edf2fa;
    }
    #submit-btn {
        position:relative;
        display:block;
        margin-top:10px;
        font-family: 'Montserrat', sans-serif;
        font-size:15px;
        font-weight:600;
        padding:10px 20px;
    }
    .hidden-div{
            display:none;
    }
    #userphoto {
            width: 125px;
    }
    .template-edit-container{
        position:relative;
        display:block;
        width:95%;
        padding-left:3%;
        margin:0px;
    }
    .customize-form{
        width:100%;
        padding:10px;
    }
    .template-preview{
        position:relative;
        display:block;
        width:100%;
        padding:0px;
        padding-left:5px;
    }

    .template-card-full{
        width:100%;
    }
    
    .overlay-download {
          width: 30%;
          position: absolute;
          padding:5px;
          top: 25px;
          left:5px;
          border:0px solid #5a5959;
          background-color: #FFC107;
          font-family: 'Montserrat', sans-serif;
          font-size:10px;
          font-weight:800;
          color: #000;
          border-radius:0px;
          text-decoration:none;
        }
        .overlay-download:hover, .overlay-download:active, .overlay-download:click {
          width: 30%;
          position: absolute;
          padding:5px;
          top: 25px;
          left:5px;
          border:0px solid #5a5959;
          background-color: #FFC107;
          font-family: 'Montserrat', sans-serif;
          font-size:13px;
          font-weight:800;
          color: #000;
          border-radius:0px;
        }
       #loader{
           display:none;
           z-index:99999;
           position:relative;
           top: -950px;
           left:50%;
       }
       #loading{
           width: 35px;
           height: 35px;
       }
       .mobile-only-container{
         position:relative;
         display:block;
         width:100%;
         padding-left:5%;
         background-color:#FFF;
        padding-top:15px;
        padding-bottom:15px;
         border:0px solid #c3c3c3;
     }
     .mobile-only-container > ul > li {
         list-style:none;
     }
     .vertical-card-container{
         position:relative;
         display:block;
         overflow-x: scroll;
        white-space: nowrap;
     }
     .template-card-vertical {
         position:relative;
         display:inline-block;
     }
     .template-vertical {
         position:relative;
         display:inline-block;
         width:115px;
         height:155px;
         border-radius:10px;
         margin-left:5px;
         font-family:'Montserrat', sans-serif;
        font-weight:600;
        font-size:15px;
        color: #333;
        text-decoration:none;
        border:1px solid #e3e3e3;
     }
     #vert-temp {
         position:relative;
         display:block;
         margin-top:-155px !important;
     }
}

    /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    
    }

    /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    }

    /* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {
    }

    /* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px)  { 
    
}