/****AdihausDIN*******/
@font-face {
  font-family: 'AdihausDIN';
  src: url("/public/fonts/adihausdin_bold.otf") format("OpenType");
  font-weight: bold;
  font-style: normal;font-display: swap;}

  @font-face {
  font-family: 'AdihausDIN';
  src: url("/public/fonts/adihausdin_regular.otf") format("OpenType");
  font-weight: normal;
  font-style: normal;font-display: swap;}

.dealer-list-middle-sec table.dataTable thead>tr>th.sorting:after{display: none !important;}
.dealer-list-middle-sec table.dataTable thead>tr>th.sorting.sorting_asc:after{display: block !important;}
.dealer-list-middle-sec table.dataTable thead>tr>th.sorting.sorting_asc:before{display: none !important;}
.dealer-list-table .dealer-list-data th{vertical-align: middle;}
.dealer-list-middle-sec table.dataTable thead>tr>th.sorting-check:after , .dealer-list-middle-sec table.dataTable thead>tr>th.sorting-check:before{display: none !important;}
.dealer-list-middle-sec table.dataTable thead>tr>th.sorting.sorting_asc:after{display: block !important;line-height: 0;opacity: 0.3 !important;}
.all-item-outer-sec-message{padding-right: calc(var(--bs-gutter-x)* .5);padding-left: calc(var(--bs-gutter-x)* .5);}
.dealer-list-middle-sec .dealer-list-row table.dataTable thead>tr>th.sorting.sorting-check:after , .dealer-list-middle-sec .dealer-list-row table.dataTable thead>tr>th.sorting.sorting-check:before{display: none !important;}
/*new-profile-edit*/
.profile-edit .profile-delete-icon img{margin-top:-2px;}
.profile-edit .profile-edit-icon{color: #174580;text-align: center;font-size: 15px;font-weight: 400;line-height: 25px;border-right: 1px solid #000;padding-right: 10px;cursor:pointer;}
.profile-edit .profile-delete-icon{color: #FD7272;text-align: center;font-size: 15px;font-weight: 400;line-height: 25px;padding-left: 6px;}
.profile-edit a.profile-delete-icon:hover{color: #FD7272 !important;}
.profile-page .profile-account-details .profile-image{position: relative;width: 200px; margin: 0 auto;padding-bottom: 10px;}
.profile-page .account-details h3{color: #000;text-align: left;font-size: 30px;font-weight: 400;line-height: 40px;border-bottom: 1px solid #BCBCBC;margin-bottom: 7px;padding: 0;}
.profile-page .account-details h5{color: #002855;text-align: left;font-size: 20px;font-weight: 400;margin-bottom: 30px;padding: 0;}
/*.profile-page .account-details ul{list-style: disc;padding-left: 20px;}*/
.profile-page .account-details ul li{color: #000;font-size: 20px;font-weight: 500;line-height: 30px;text-transform: uppercase;}
.profile-page .account-details ul li span{color: #174580;}
.profile-page .profile-account-details .profile-image-sec{padding: 0 80px;border-right: 1px solid #BCBCBC;}
.profile-page .account-details{border-left: unset!important;}
.profile-page .profile-account-details{padding: 55px 12px;margin-bottom: 40px;align-items: center;}
.profile-page .account-details ul li::before {
  content: "\2022";
  color: #174580;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
}
    .mfp-close {
    width: 38px !important;
    height: 38px !important;
    right: -17px !important;
    top: 19px!important;
    background-color: #fff !important;
    opacity: 1!important;
    color: #000866 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    line-height: normal!important;
    padding: 0 !important;
    font-size: 43px!important;
    cursor: pointer !important;
    position: absolute!important;
    text-decoration: none!important;
}
.left-logo-sec span i{color: #fff;}
.dealer-user-profile .user-profile-dropdown .dropdown-menu{width: 69%!important;transform: translate(45px, 35px) !important;padding: 0;}
.user-profile-dropdown .dropdown-menu li a{font-weight: 500;font-size: 16px;line-height: 24px;color: #13498E;border-left: 4px solid #F2A900;}
.user-profile-dropdown .dropdown-item:focus, .user-profile-dropdown .dropdown-item:hover{background-color: #f2a900!important;color: #000!important;}
.user-profile-dropdown .dropdown-menu li a{color: #000!important;}
.user-profile-dropdown .dropdown-menu li a img{margin-right: 6px;}
.user-profile-dropdown button span img{margin-left: 5px!important;}
.dealer-user-profile .user-profile-dropdown .dropdown-menu li{border-bottom: 1px solid #E3E3E3;}
   .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}
.client-list .client-dropdown{display: none;}
.client-list .select2.select2-container{background: rgba(245, 245, 245, 1); border-radius: 5px;}
.client-list .select2.select2-container .select2-selection--single{background-color: rgba(245, 245, 245, 1); text-align: left;}
.mobileDeshboard.client-list{padding-bottom: 10px;}
.select2-container--open .select2-dropdown--below{border-top: 1px solid #aaa;margin-top: 10px;}
.dropdown.user-profile-dropdown .user-login-mobile .img-fluid{border-radius: 30px;}
.main-dasbord-desktop-header .dashbord-top-menu-sec .user-login .img-fluid{border-radius: 30px;}
/*.user-profile-tab .user-login-mobile img.img-fluid{{border-radius: 22px;}*/
.main-dasbord-desktop-header .right-content-align{align-items: flex-start;}



/*Strategy Meetings Create*/

.pdf-preview-container { position: relative; display: inline-block; margin-top: 10px; }
.pdf-preview-image { width: 150px; height: auto; border: 1px solid #ccc; border-radius: 5px; }
.pdf-preview-info { margin-top: 5px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.pdf-preview-close { background: none; border: none; color: red; font-size: 22px; cursor: pointer; }

.application-form-field .select2-container .select2-selection--single {height:25px}
.strategy-meetings-create-middle-sec .sidebar-form .input-field{display: flex;background-color: #e8f0fe;}
.strategy-meetings-create-middle-sec .sidebar-form .input-field span{padding: 0 20px; background-color: #002855;display: flex; align-items: center;border-radius: 0px 6px 6px 0px;}
.strategy-meetings-create-middle-sec .sidebar-form .input-field span i{    font-size: 20px;color: #fff;}
.strategy-meetings-create-middle-sec .sidebar-form .input-field .show-password{    padding: 0px 0px;    background-color: transparent;margin-right: 15px;display: flex;}
.strategy-meetings-create-middle-sec .sidebar-form .form-group label{font-size: 18px; line-height: 24px; color: #333333; margin-bottom: 5px; font-weight: 500;}
.strategy-meetings-create-middle-sec .sidebar-form .form-group img{width: 25px; height: 25px;}
.strategy-meetings-create-middle-sec .sidebar-form .form-group input{background: #F5F5F5;font-family: 'AdihausDIN'; color: #333333; font-weight: 400;font-size: 14px; line-height: 18px;    padding: 13px 15px;}
.strategy-meetings-create-middle-sec .sidebar-form .forgrt-password{font-weight: 400; font-size: 15px; line-height: 22px;text-align: right;margin-top: 15px;display: block;}
.dashbord-middle-sec.strategy-meetings-create-middle-sec{padding: 0px 38px 26px 38px;}
 .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-left-side-content{padding-right: 30px; border-right: 2px solid #EDEDED;}
 .strategy-meetings-icon .date-input-no-icon::-webkit-calendar-picker-indicator {display: none;}
 .strategy-meetings-icon .time-input-no-icon::-webkit-calendar-picker-indicator {display: none;}
 .strategy-meetings-icon span{cursor: pointer;}
 .sidebar-form .key-action-items .key-action-header{display: flex; align-items: center; justify-content: space-between;padding-bottom: 24px; position: relative;}
 .sidebar-form .key-action-items .key-action-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #EDEDED; }
 .sidebar-form .key-action-items .key-action-header .key-plus-icon img{width: 25px; height: 25px;}
 .sidebar-form .key-action-items .action-item-content{padding-top: 24px;}
 .sidebar-form .key-action-items .action-item-content .action-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1.5px solid #EDEDED; margin-bottom: 8px; }
 .sidebar-form .key-action-items .action-item-content .action-item .action-checkbox{width: 20px; height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #555; border-radius: 3px; background-color: white; cursor: pointer; margin-right: 8px; position: relative;min-width: 22px; min-height: 22px;}
 .sidebar-form .key-action-items .action-item-content .action-item .action-checkbox:checked::after{content: ""; position: absolute; width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; z-index: 1; background-image: url("../images/st-checkbox-icon.svg"); left: 50%; top: 50%; transform: translate(-50%, -50%);}
 .sidebar-form .key-action-items .action-item-content .action-item .action-text{margin-right: auto; font-size: 18px; line-height: 23px; color: #504C4CB2;}
 .sidebar-form .key-action-items .action-item-content .action-item .close-icon{width: 12px; height: 12px;  cursor: pointer;}
 .sidebar-form .upload-files{padding-top: 40px;}
  .sidebar-form .upload-files.email-content{padding-top: 20px;}
 .sidebar-form .upload-files .upload-container{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; margin-top: 10px;}
/* .sidebar-form .upload-files .file-name{margin-bottom: 10px;}*/

 .sidebar-form .upload-files .upload-container .upload-text{font-size:15px; color:#333333; font-weight:700;}
 .sidebar-form .upload-files .upload-container .upload-action{display: flex; align-items: center; }
 .sidebar-form .upload-files .upload-container .upload-action .file-input{display: none;}
 .sidebar-form .upload-files .upload-container .upload-action .upload-label{cursor: pointer;}
 .sidebar-form .upload-files .upload-container .upload-action .upload-label .upload-icon{width: 22px; height: 22px;}
 .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-right-side-content{padding-left: 30px;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content h1{color: #1C1C1C; font-size: 36px; line-height: 47px;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content{padding-top: 22px;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0px;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .form-label{min-width: 160px; margin-right: 10px; font-size: 18px; line-height: 22px; font-weight: 600; color: #333333CC;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .attendees-field input{border: 0;border-bottom: 1.5px solid #EDEDED;}
 .sidebar-form .key-action-items .action-item-content .action-item .checkbox-container {display: flex; align-items: center; position: relative;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .note-editor.note-frame{background-color: #F6F6F6;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple{border: none; background-color: unset; border-radius: unset;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-search__field{width: 250px!important;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2{border: 0; min-width: 250px; width: 250px;  background-color: #F5F5F5;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2.select2-container .select2-selection--single {background-color: #F5F5F5;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2.select2-container{width: auto !important;    padding: 6px 15px; }
 .strategy-submit-sec .submit-btn { font-weight: 700; font-size: 16px; line-height: 20px; border-radius: 5px; width: 126px; background-color: #0066FF; color: #fff; margin-top: 42px; border: 0; transition: padding 0.3s ease-out; padding: 10px 15px 10px 30px;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #FFFFFF; border: none; border-radius: unset;padding: 2px 10px 2px 10px;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{float: right;margin-right: 0px; margin-left: 8px;font-size: 16px;}
 .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::before{font-size: 16px;}
 .sidebar-form .key-action-items .action-item-content .action-item input.border-none{border: 0;}
 .welcome-text input.meeting-create{border: 0; border-bottom: 1.5px solid #EDEDED; font-weight: 600;width: 100%;}
 .meeting-create::placeholder {
    color: #333333;
}
.welcome-text input.meeting-create::placeholder{color: #9ea09e;}
.sidebar-form .upload-transcript-sec{display: flex; justify-content: space-between;}
.sidebar-form .upload-transcript-sec img.close-icon{cursor: pointer;}

 .team-checkbox-container {
 display: flex;
 align-items: center;
 }
 .logik-team-custom-checkbox {
 width: 20px;  
 height: 20px; 
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border: 1px solid #555; 
 border-radius: 3px;     
 background-color: white; 
 cursor: pointer;
 }
 .logik-team-custom-checkbox:checked::after {
 content: ""; 
 position: absolute; 
 width: 18px; 
 height: 18px; 
 background-size: contain; 
 background-repeat: no-repeat;
 z-index: 1; 
 background-image: url("../images/st-checkbox-icon.svg");;

 }
 .attendees-field .bootstrap-tagsinput{padding: 0;}
 .bootstrap-tagsinput {
 margin: 0;
 width: 100%;
 padding: 0.5rem 0.75rem 0;
 font-size: 1rem;
 line-height: 1.25;
 transition: border-color 0.15s ease-in-out;
 display: flex;
 &.has-focus {
 background-color: #fff;
 border-color: #5cb3fd;
 
 }
 .label-info {
 display: inline-block;
 background-color: #f6f6f6;
 padding: 0 .4em .15em;
 border-radius: .25rem;
 font-size: 16px;
 line-height: 22px;
 color: #333333CC;
 margin-right: 10px;
  margin-bottom: 6px;
  min-width: fit-content;
 }
 }
 .bootstrap-tagsinput .tag [data-role="remove"]:after {
 content: '\00d7';
 margin-left: 10px; cursor: pointer;
 }
.meeting-summary-content .upload-icon i{font-size: 80px; color: #001C3C;}
.meeting-summary-content .upload-icon{margin-top: 17px;}
.meeting-summary-content .upload-icon.pdf-icon{margin-bottom: 20px;}
/*Strategy Meetings View*/
.strategy-meetings-view-middle-sec .sidebar-form .input-field{display: flex;background-color: #e8f0fe;}
.strategy-meetings-view-middle-sec .sidebar-form .input-field span{padding: 0 20px; background-color: #002855;display: flex; align-items: center;border-radius: 0px 6px 6px 0px;}
.strategy-meetings-view-middle-sec .sidebar-form .input-field span i{    font-size: 20px;color: #fff;}
.strategy-meetings-view-middle-sec .sidebar-form .input-field .show-password{    padding: 0px 0px;    background-color: transparent;margin-right: 15px;display: flex;}
.strategy-meetings-view-middle-sec .sidebar-form .form-group label{font-size: 18px; line-height: 23px; color: #333333; margin-bottom: 3px;}
.strategy-meetings-view-middle-sec .sidebar-form .form-group img{width: 20px; height: 20px;}
.strategy-meetings-view-middle-sec .sidebar-form .form-group input{background: #F5F5F5;}
.strategy-meetings-view-middle-sec .sidebar-form .forgrt-password{font-weight: 400; font-size: 15px; line-height: 22px;text-align: right;margin-top: 15px;display: block;}
.dashbord-middle-sec.strategy-meetings-view-middle-sec{padding: 0px 38px 26px 38px;}
 .dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-left-side-content{padding-right: 30px; border-right: 2px solid #EDEDED; padding-left: 0px;}

 .sidebar-form .key-action-items.user .action-item-content .action-item { border: 0px; }
 .dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-right-side-content{padding-left: 30px;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content h1{color: #1C1C1C; font-size: 36px; line-height: 47px;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content{padding-top: 22px;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .form-label{min-width: 130px;margin-right: 10px;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .attendees-field input{border: 0;border-bottom: 1.5px solid #EDEDED;}
 .sidebar-form .key-action-items .action-item-content .action-item .checkbox-container {display: flex; align-items: center; position: relative;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .note-editor.note-frame{background-color: #F6F6F6;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple{border: none; background-color: unset; border-radius: unset;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-search__field{width: 250px!important;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2{border: 0; min-width: 250px; width: 250px;  background-color: #F5F5F5;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2.select2-container .select2-selection--single {background-color: #F5F5F5;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2.select2-container{width: auto !important; }


 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #FFFFFF; border: none; border-radius: unset;padding: 2px 10px 2px 10px;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{float: right;margin-right: 0px; margin-left: 8px;font-size: 16px;}
 .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::before{font-size: 16px;}





.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12.form_field.meeting-date{font-size: 25px; font-weight: 500; padding-bottom: 10px;}
.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12.form_field.meeting-time{font-size: 18px; font-weight: 600; padding-bottom: 15px;}
.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12.form_field.meeting-duration{font-size: 17px; font-weight: 600; padding-bottom: 15px;}

.key-action-items.user .key-action-header.user{padding-top: 15px; padding-bottom: 13px;}
.strategy-meetings-view-middle-sec .sidebar-form span.short-desc{font-size: 15px;color: #333333; font-weight: 700;}
.strategy-meetings-view-middle-sec .sidebar-form p.short-desc-p{padding-top: 10px;}

.dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-right-side-content span.email-subject{font-size: 15px;color: #333333; font-weight: 700;}
.dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-right-side-content h4.email-sub-content{padding-top: 10px;}

.meeting-right-side-content.user-meeting .referral-program-form .meeting-summary-content.user-meeting .align-items-center.email-content{border-bottom: 2px solid #EDEDED;}
.meeting-left-side-content .input-field textarea.short-description{background: #fff; border: 1px solid #ced4da;}

/*Domain Hosting*/

 .domain-hosting-list-middle-sec .domain-hosting-box{background-color: #fdfdfd; padding: 0; border: 1px solid #ebebeb; border-radius: 8px;margin-bottom: 1rem;}
 .domain-hosting-list-middle-sec .domain-title-sec{padding: 10px 20px; border-bottom: 1px solid #ebebeb; background-color: #0066ff05; border-radius: 8px 8px 0 0;}
 .domain-hosting-list-middle-sec .domain-title-sec .plus-icon{text-align: right;}
 .domain-hosting-list-middle-sec .domain-title-sec .plus-icon img{width: 40px; height: 40px;margin-top: 3px;}
 .domain-hosting-list-middle-sec .domain-title-sec .domain-title h3{font-weight: 600; font-size: 22px; line-height: 33px; color: #484848;}
 .domain-hosting-list-middle-sec .domain-title-sec .domain-title h3 img{height: 32px; width: 32px; margin-right: 10px;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data{padding: 10px 20px;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .text-right{text-align: right;}
/* .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form{display: none;}*/
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form{padding: 0px 20px 10px;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form .site-form{padding-bottom: 15px;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form .site-form a.field-remove-icon{display: flex; justify-content: center; margin-top: 32px;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form .site-form a.field-remove-icon img{width: 17px; height: 17px;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .row-border{border-bottom: 1px solid #ebebeb;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .row-border.no-border-bottom{border-bottom: none;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .df-row{padding: 8px 0; display: flex;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .df-label{flex: 0 0 140px; color: #757575;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .df-value{flex-grow: 1; color: #303030; word-break: break-word;}
 .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .text-right a.domain-delete-record{margin-left: 1px;}

/*Image Upload Multiple*/
.meeting-summary-content i.social-close{
 position: absolute;
    top: 5px; 
    right: 17px; 
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px; 
    color: #001c3c; 
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    z-index: 10;
}
.meeting-summary-content .remove_images img.edit-images-box{max-height: 150px;}
.meeting-summary-content i.social-close:hover{
  background-color: #ff0000;
    color: #fff;
}
.meeting-summary-content .remove_images{position: relative; margin: 15px 15px 15px 0; width: auto;}
.meeting-summary-content .edit-img-sec{margin-top: 15px;}
.meeting-summary-content #dropBox {
      border: 3px dashed #ededed;
      text-align: center;
      background: #f4f7fa;
      padding: 3em;
      margin: auto;
      width: 100%;
   }
   .meeting-summary-content #dropBox.hover {
     border-color: darkslateblue;
     background: aliceblue;
   }
   .meeting-summary-content #dropBox .drop-file.pdf-file br{display: none;}
   .meeting-summary-content #dropBox .drop-file{
      display: inline-block;
      padding: .5em 1em;
      cursor: pointer;
      border-radius: 5px;
      transition: .4s;
      font-weight: 600;
      font-size: 25px;
      color: #001c3c;
      margin-top: 10px;
   }
   .meeting-summary-content #dropBox #imgUpload {
      display: none;
   }
    .meeting-summary-content #dropBox #pdfUpload {
      display: none;
   }
   .meeting-summary-content #dropBox #gallery {
      text-align: center;
      margin-top: 1.5em;
   }
   .meeting-summary-content #dropBox #gallery div {
      display: inline-block;
      margin: .5em 1em;
   }
   .meeting-summary-content #dropBox #gallery img {
      max-height: 150px;
   }
   .meeting-summary-content #dropBox #gallery .fName,
   .meeting-summary-content #dropBox #gallery .fSize {
      display: block;
   }
   .meeting-summary-content #dropBox #gallery .fName {
      color: brown;
   }
   .meeting-summary-content #dropBox #gallery .fSize {
      font-size: .8em;
   }
   .meeting-summary-content #dropBox #gallery .fType {
      font-size: .7em;
   }
   .meeting-summary-content #dropBox .preview-wrap {
       position: relative; 
       display: inline-block; 
       margin: 10px; 
   }

   .meeting-summary-content #dropBox .social-add-close-icon {
       position: absolute;
       top: 5px; 
       right: 5px; 
       background-color: rgba(255, 255, 255, 0.8);
       border: 1px solid #ccc;
       border-radius: 50%;
       width: 24px;
       height: 24px;
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 12px; 
       color: #001c3c; 
       cursor: pointer;
       transition: background-color 0.3s ease, color 0.3s ease;
       z-index: 10; 
   }
   .meeting-summary-content #dropBox .social-add-close-icon:hover{
       background-color: #ff0000;
    color: #fff;
   }



.meeting-right-side-content .email-content .popup-gallery figure {position: relative; } 
.meeting-right-side-content .email-content .popup-gallery figure a { display: flex; justify-content: center; align-items: center; cursor: pointer; } 
.meeting-right-side-content .email-content .popup-gallery figure a:hover::after { content: ''; display: block; width: 100%; height: 100%; background: #000; position: absolute; opacity: 60%; } 
.meeting-right-side-content .email-content .popup-gallery figure a .plus-img { position: absolute; z-index: 1; opacity: 0; } 
.meeting-right-side-content .email-content .popup-gallery figure a:hover .plus-img { opacity: 1; }
.meeting-right-side-content .email-content .popup-gallery figure a .view-img{width: 100%;height: 220px; object-fit: cover;}
/*.meeting-right-side-content .email-content .popup-gallery {justify-content: center;}*/
.meeting-right-side-content .email-content .popup-gallery .img-top-padding { margin-top: 25px; }
.strategy-meetings-view-middle-sec .meeting-right-side-content h1.view-social{padding-bottom: 22px;}


/*End Multiple Image*/


/*View Page description*/

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description p,
.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description span,
.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description div,
.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h5,
.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h6,
.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description ul,
.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description li,
.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description b {
  font-family: "Red Hat Display", sans-serif !important;
  font-size: 16px !important;
  color: #000;
  text-align: justify;
  line-height: 22px;
}

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h1 {
  font-size: 32px !important;
  line-height: 42px !important;
  font-family: "Red Hat Display", sans-serif !important;
     
}

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h2 {
  font-size: 28px !important;
  line-height: 38px !important;
  font-family: "Red Hat Display", sans-serif !important;

}

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h3 {
  font-size: 24px !important;
  line-height: 34px !important;
  font-family: "Red Hat Display", sans-serif !important;

}

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h4 {
  font-size: 20px !important;
  line-height: 30px !important;
  font-family: "Red Hat Display", sans-serif !important;

}













.meeting-right-side-content.user-meeting .referral-program-form .meeting-summary-content.user-meeting .align-items-center.mb-3{border-bottom: 2px solid #EDEDED; padding-bottom: 10px;}
.sidebar-form .upload-files .upload-container .upload-action .upload-label .upload-icon.user{width: 25px; height: 25px;}
.strategy-meetings-view-middle-sec .referral-program-form .upload-container.user-meeting{ border: 1px solid #EDEDED; padding: 8px!important; border-radius: 2px;}
.strategy-meetings-view-middle-sec .sidebar-form .upload-files .upload-container{display: flex; justify-content: space-between; align-items: center; padding: 0px 10px 0px 0px;}

.past-strategymeetings .meetings .user-meeting-action .view-user-meeting button img {
    opacity: 0; /* Start with the image hidden */
    visibility: hidden; /* Make the image invisible */
    transition:  opacity 0.3s ease-in-out, visibility 0s linear 0.3s; /* Transition opacity, delay visibility change */
}

.past-strategymeetings .meetings .user-meeting-action .view-user-meeting button:hover img {
    opacity: 1; /* Make the image visible on hover */
    visibility: visible; /* Set visibility to visible on hover */
    transition: margin-left opacity 0.2s ease-in-out, visibility 0s linear 0s; /* Immediately change visibility on hover */
    margin-left: 6px;
}


/* Meetings Listing Page*/
.past-strategymeetings .card-body{border: 1px solid #EBEBEB; border-radius: 6px; background-color: #0066FF05; /* padding:0rem 0rem 0 0  !important;*/ margin-bottom: 25px;}
.past-strategymeetings .card-body .meeting-title{font-size: 22px; line-height: 29px; color: #103865; margin-bottom: 15px; font-weight: 600;}
.past-strategymeetings .card-body .edit-meeting{text-align: end;}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo{background-color: #001C3C; width: 40px; padding: 10px; height: 35px;}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo.email{border-radius: 0px 6px 0px 0px;}
.upload-action .upload-label a.btn.btn-light.share-meeting-notes {
    padding: 0px;
}

.upload-action .upload-label a.btn.btn-light.share-email-content {
    padding: 0px;
}
.upload-action .upload-label a.btn.btn-light.share-social_media {
    padding: 0px;
}
/* .past-strategymeetings .card-body .meeting-date{font-size: 14px; line-height: 18px; color: #1C1C1CCC;} */
/* .past-strategymeetings .card-body .description{font-size: 16px; line-height: 21px; color: #1C1C1CCC; padding-top: 15px;} */
/* .past-strategymeetings .card-body .col-10.meetings{    margin-top: 25px; padding-bottom: 25px;} */


.meetings .user-meeting-action{ text-align: end; }
.meetings .view-user-meeting{ /*border: 1px solid #EBEBEB;  border-radius: 6px;*/ text-align: center; margin-bottom: 10px; /*background-color: #001C3C;*/ line-height: 35px; font-size: 15px !important;}
.meetings .share-user-meeting{border: 1px solid #EBEBEB;  border-radius: 6px; text-align: left; margin-bottom: 10px; line-height: 35px; font-size: 15px !important; font-weight: 700;}
.view-user-meeting a button{width: 100%; height: 100%; background-color: #001C3C; border: 1px solid #EBEBEB; color: white; border-radius: 6px; text-align: center; padding: 4px; font-size: 15px!important; font-weight: 700;}
.meetings .share-user-meeting .btn.btn-light{font-size: 15px!important; font-weight: 700;}
.user-meeting-action .share-user-meeting .btn.btn-light .img-fluid.white_logo.email{padding-left: 9px; font-weight: 400;}


/* My email*/
.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.email-list .col-xs-12.plus-icon{text-align: right;}
.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.website-analytics-list .col-xs-12.plus-icon{text-align: right;}


/* prince new css  */

.dashbord-top-menu-sec .user-profile ul li a.user-login{
  width:70px;
  height:70px;
}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo{
  width: 50px;
  height: 42px;
  background: #103865;
}
.dashbord-top-menu-sec .row{
  align-items:center;
}

 .dashbord-top-menu-sec .user-profile{
 margin-bottom:30px;
 }
.dashbord-top-menu-sec .client-list .form-group{
  margin-bottom: 20px;
}
 .dashbord-top-menu-sec .user-profile ul{
    justify-content: center;
 }
 .dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list{
  padding-bottom: 35px;
 }
 .strategy-meetings-list-middle-sec .seo-list .plus-icon a.seo-keyword-ranking{
 margin-right:0px;
 } 

 .strategy-meetings-list-middle-sec .seo-list .search-btn button{ padding: 10px 15px 10px 35px; line-height: 20px; font-size: 16px; font-weight: 700;     border: 0;
    transition: padding 0.3s ease-out;}
     
 .strategy-meetings-list-middle-sec .seo-list .clear-btn button{ padding: 10px 29px; line-height: 20px; font-size: 16px; font-weight: 700; }
 /* .strategy-meetings-list-middle-sec .seo-list .form-control {
     height: 42px;
 } */
.keyword-submit-sec .submit-btn.sending-btn.no-icon::after { content: none; }
.keyword-submit-sec .submit-btn.sending-btn.no-icon{ background-color: #002855; color: #fff; padding-left: 25px; padding-right: 25px; }
.strategy-submit-sec .submit-btn.sending-btn.no-icon{ background-color: #002855; color: #fff; padding-left: 25px; padding-right: 25px; }
.strategy-submit-sec .submit-btn.sending-btn.no-icon::after { content: none; }
.strategy-submit-sec .submit-btn.sending-btn.no-icon{width: 149px;}
  
.profile-page .save-btn-sec button.no-icon::after{content: none;}
.profile-page .save-btn-sec button.no-icon{
  background-color: #002855; color: #fff;
   padding-left: 25px; padding-right: 25px;
    }
.disclaimer-submit-sec .submit-btn.no-icon::after{content: none;}
.disclaimer-submit-sec .submit-btn.no-icon{
      background-color: #002855;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
}

.referral-program-form form .submit-form.no-icon::after{content: none;} 
.referral-program-form form .submit-form.no-icon:hover{
  background-color: #002855;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
}
.past-strategymeetings .card-body .meeting-title{
 color: #001C3C;
}
.past-strategymeetings .card-body .meeting-title a{
  cursor: pointer;
 color: #001C3C;
}

/* .past-strategymeetings .attendees{
      font-size: 14px;
    line-height: 22px;
    font-weight: 400;

} */

/* .past-strategymeetings .card-body .description{
  color: #504C4CB2;
  font-weight: 400;
} */

.past-strategymeetings .card-body{
  margin-bottom: 30px;
}

/* prince new css  */

/* Sneha ( 07/11/2024 ) */
.strategy-meetings-list-middle-sec .seo-list .form-control{background-color: #F5F5F5; border: 0; color: #333333B2; font-family: 'AdihausDIN' !important; font-size: 14px; font-weight: 400; line-height: 18.03px; text-align: left; width: 250px; box-shadow: unset;padding: 0 0 0 13px;}
.dashboard-content .welcome-text img{width: auto !important;}
.strategy-meetings-input input:focus + .fa-search { display: none; }
.strategy-meetings-list-middle-sec .strategy-meetings-input{display: flex; align-items: center; background-color: #F5F5F5;width: 250px; padding-left: 20px; border-radius: 5px; padding: 12px 20px;}
.strategy-meetings-list-middle-sec .strategy-meetings-input i{color: #333333B2;}
/* .past-strategymeetings .card-body .col-10.meetings{padding: 25px 30px;} */
.past-strategymeetings .card-body .meeting-date{font-family: 'Red Hat Display'; font-size: 14px; font-weight: 500; line-height: 19px; text-align: left; margin-bottom: 2px; color: #1C1C1CCC;}
.past-strategymeetings .attendees{font-family: 'Red Hat Display'; font-size: 14px; font-weight: 400; line-height: 18.52px; text-align: left; margin-bottom: 2px; color: #333333CC;}
.past-strategymeetings .card-body .description{ color: #504C4CB2; font-weight: 400; font-size: 16px; line-height: 21px;padding-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 60px; overflow: hidden; max-width: 80%;}
.strategy-meetings-list-middle-sec.dashbord-middle-sec{padding-left: 50px;}
.past-strategymeetings .card-body{padding: 25px 30px; position: relative;}
.past-strategymeetings .card-body .edit-meeting { text-align: end; position: absolute; right: 0; top: 0; padding: 0; }
.meetings .user-meeting-action{position: absolute; right: 0; top: 0; padding: 0;}
.view-user-meeting a button:hover { background-color: #002855; color: #fff; padding-left: 25px; padding-right: 25px;}
.view-user-meeting a button img{margin-left: 6px; opacity: 0; margin-top: -1px; transition: margin-left 0.3s ease-out;}
.view-user-meeting a button{padding: 2px 15px 2px 35px;    transition: padding 0.3s ease-out;}
.user-meeting-action .share-user-meeting .btn.btn-light .img-fluid.white_logo.email{padding-left: 14px;}
.meetings .share-user-meeting .btn.btn-light{font-size: 15px !important; font-weight: 700; padding: 0; line-height: 0; background-color: transparent; color: #333333;}
.meetings .share-user-meeting { border: 1px solid #EBEBEB; border-radius: 6px; text-align: left; margin-bottom: 10px; line-height: 0; font-size: 15px !important; font-weight: 700; padding: 7px 18px; }

.past-strategymeetings .card-body .description.email-desc{padding-top: 0;}

.sidebar-form .upload-files.social-add{padding-top: 10px;}

/* Sneha's CSS End */

.client-list .select2.select2-container{ width: 250px !important;}



@media (min-width: 629px) and (max-width: 767px) {
   .dasbord-footer-sec .dasbord-footer-content p.terms-text br{display: block!important;}
   .dasbord-heading-sec .dashbord-heading-content p.web-text{font-size: 18px; line-height: 28px;}
   .dasbord-heading-sec h1.welcome-text{font-size: 21px; line-height: 32px;}
   .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 18px!important; line-height: 26px!important;}
   .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}
   .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 60px;}
  .main-dasbord-header{padding: 20px 13px!important;}
  .dashbord-top-menu-sec ul li:first-child{margin-right: 5px!important;}
  .dashbord-top-menu-sec ul li:first-child a{font-size: 12px!important;}
  .dashbord-top-menu-sec ul li .v-separator{margin-left: 8px!important;}
  .dashbord-top-menu-sec ul li span img{width: 12px!important;}
  .dashbord-top-menu-sec ul li:last-child a{font-size: 12px!important;}
}

@media (min-width: 280px) and (max-width: 485px) {
   .dasbord-footer-sec .dasbord-footer-content p.terms-text br{display: block!important;}
   .main-deskop-popup .deskop-popup { width: 280px !important;}
   .keyword-ranking-popup .main-deskop-popup .deskop-popup { width: 350px !important;}
   .sider-bar-accordion .accordion-item { padding: 8px 0 8px 20px !important; margin-bottom: 5px; }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .meeting-summary-content .upload-icon i{font-size: 50px;}
.meeting-right-side-content .email-content .popup-gallery figure a .view-img{height: 130px;}  
  /*    new-profile-edit*/
.profile-page .account-details h3{font-size: 20px;margin-bottom: 4px;}
.profile-page .account-details h5{font-size: 17px;margin-bottom: 20px;}
.profile-page .account-details ul li{font-size: 15px;line-height: 23px;}

/* prince new css  */

.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo {
  width: 40px;
  height: 35px;
}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo {
  width: 40px;
  height: 35px;
}
.dashbord-middle-sec .seo-list .plus-icon a img {
  width: 40px;
  height: 40px;
}
/* prince new css  */

/* Sneha ( 07/11/2024 ) */

.strategy-meetings-list-middle-sec.dashbord-middle-sec { padding-left: 30px; }


}
/*@media (max-width: 575.98px) {*/
@media (max-width: 628.98px) {
  .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-left: 0px !important;}
  #cropModal .modal-dialog{max-width: 90% !important;}
  /*    new-profile-edit*/
.profile-page .account-details h3{font-size: 20px;margin-bottom: 4px;}
.profile-page .account-details h5{font-size: 17px;margin-bottom: 20px;}
.profile-page .account-details ul li{font-size: 15px;line-height: 23px;}
.profile-page .profile-account-details .profile-image-sec{border-right: none;}
.dashboard-content a.user_back.btn.btn-light{display: inline-block !important;}
}
@media(min-width: 991.98px){
  .client-list .select2.select2-container{ width: 215px !important;}
  .dashboard-content a.user_back.btn.btn-light{display: inline-block !important;}
  .mobileDeshboard.client-list{display: none;}
}
@media (max-width: 767.98px ) and (orientation: landscape)  {
  /*    new-profile-edit*/
.profile-page .account-details h3{font-size: 20px;margin-bottom: 4px;}
.profile-page .account-details h5{font-size: 17px;margin-bottom: 20px;}
.profile-page .account-details ul li{font-size: 15px;line-height: 23px;}
.dashboard-content a.user_back.btn.btn-light{display: inline-block !important;}
}

@media (min-width: 768px) and (max-width: 991.98px){
  /*    new-profile-edit*/
.profile-page .account-details h3{font-size: 20px;margin-bottom: 4px;}
.profile-page .account-details h5{font-size: 17px;margin-bottom: 20px;}
.profile-page .account-details ul li{font-size: 15px;line-height: 23px;}
.dashboard-content a.user_back.btn.btn-light{display: inline-block !important;}
.dashboard-content a.user_back.btn.btn-light{padding-bottom: 10px;}
}



.login-page-error-message { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; max-width: 400px; text-align: center; margin: 0 auto 30px auto; }
.add-dealer-btn img { width: 15px; margin-right: 10px; margin-bottom: 4px; }
h5.card-title { display: inline-block; margin-bottom: 30px; }
a.add-dealer-btn { float: right; text-decoration: none; color: #000; }
.mandatory-field{color: #d41a1a;}
.dasbord-heading-sec .dasboard-sec{display: flex;justify-content: space-between;align-items: center;}
.dasbord-heading-sec .dashboard-serch .select2{width: 245px!important;}
.dealer-list-table .dealer-list-data .table-btn1{background-color: unset!important;padding: 0!important;border:none !important;}
.product_detail .dealer-list-table .dealer-list-data .table-btn1:first-child{margin-right: 11px!important;}
.dealer-list-table .dealer-list-data .table-btn1:hover{background-color: unset!important;}
.dealer-list-table .dealer-list-data .table-btn1:first-child{margin-right: 0 !important;}
.edit-image .table-btn1 figure .white_logo{display: inline-block;}
.edit-image .table-btn1 figure{display: inline-block;}
.edit-image .table-btn1 .blue_logo{display: none;}
.edit-image .table-btn1 figure:hover .white_logo{display: none;}
.edit-image .table-btn1 figure:hover .blue_logo{display: inline-block;}
.dealer-list-table .edit-image{text-align: center;}
.dealer-list-table .dealer-status{text-align: center;}
.dealer-list-table .your_role_btns input{accent-color: #174580;margin-right: 15px;width: 20px;height: 20px;}
.btn-check:focus+.btn, .btn:focus{box-shadow: unset;}
.edit-delete span.edit1{padding-right: 3px;}
.container{max-width: 1613px;}
.raynor-application-form-middle-sec .drop-zone__prompt{color: #8A8A8A;}
.raynor-application-form-middle-sec .view-download-sec img{width: 41px;}
.new-dealer-registration .register-btn{text-decoration: underline;font-size: 18px;line-height: 23px;}
.forget-password-sec .forget-email-note{padding-top: 15px;}
.forgrt-password a{text-decoration: underline;}
.each-logo-box .logo-box-inner-sec h2{font-size: 20px; text-align: center;padding-top: 10px;}
#download img{cursor:pointer;}
.custom_title h3{color: #13498E;margin-bottom: 10px;}
.custom_title h3:before{ content: '';width: 90px;height: 2px;display: block;background-color: #F2A900;margin: 0px 0 10px 0;}
.margin-top_page{margin-top:50px}
.each-logo-box .logo-box-inner-sec .view-download-sec a{padding: 0}
.profile-page .profile-bio-details .form-group .input-field input:read-only {color: #8b8b8b;}
.main-dasbord-mobile-header .user-profile-dropdown{display: flex;align-items: baseline;}
.main-dasbord-mobile-header .card-shopping{margin-right: 32px;list-style: none;}
.user-profile-tab button span img{margin-left: 15px;}
.user-profile-tab .card-shopping{margin-right: 0;margin-left: 12px;}
.marketing-sales-aids-middle-sec .all-sales-aids .heading{font-weight: 600;font-size: 22px;line-height: 33px;color: #000000;margin-bottom: 20px;float:left;}
.marketing-sales-aids-middle-sec .all-sales-aids .serchbar{float:right;}
.marketing-sales-aids-middle-sec .all-sales-aids .heading::after{content: '';width: 90px;height: 2px;display: block;background-color: #F2A900;margin: 8px 0 0px 0;}
.marketing-sales-aids-middle-sec .all-sales-aids .more_view .image-wrapper img{width: 217px;}
.your-cart-aids-middle-sec .each-sales-aids .left-side-content figure img{width: 217px;}
.productVideo-middle-sec .each-product-video{margin-bottom: 40px;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul li{font-weight: 400;font-size: 16px;line-height: 24px;color: #000000;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul{margin-left: 40px;margin-bottom: 20px;list-style: disc;}
.raynorgram-input-section .search-button button:hover{background-color: transparent;color: #174580;border: 1px solid #174580;}
.raynorgram-input-section .search-button .clear-btn:hover{background-color: transparent;color: #174580;border: 1px solid #174580;}
.gallerySubmission-middle-sec .thambnail-sec{padding: 40px 35px;background-color: #FFFFFF;box-shadow: 0px 3px 10px rgb(0 0 0 / 8%);border-radius: 4px;}
.gallerySubmission-middle-sec .thambnail-sec label{width: 190px;padding: 8px 0;background-color: #014B85;border: 1px solid #014B85;text-align: center;color: #fff;}
.gallerySubmission-middle-sec .thambnail-sec img{margin-bottom: 20px;width: 200px;}
.projectGallery-middle-sec.gallerySubmission-middle-sec .project-title input{border: 1px solid #F2A900;background-color: #fff;width: 100%;padding: 10px 7px;margin-bottom: 25px;}
.register-content .dealer-profile figure{    position: relative;fill: rgba(255, 255, 255, 0.85);opacity: 1;width: 125px;height: 125px;border-radius: 50%;}
.register-content .dealer-profile figure #remove_image{position: absolute;top: 40%;right: 26px;font-size: 26px;color: #fff;padding: 0;}
.register-content .dealer-profile .image-edit{border: unset;font-weight: unset!important;line-height: unset!important;letter-spacing: unset;;
    margin: unset!important;width: unset !important;position: absolute;top: 34%;font-size: 26px!important;color: #fff!important;padding: 0;left: 24px;border-right: 1px solid #13498E;padding-right: 12px;}


.strategy-meetings-list-middle-sec .strategy-meetings-input .clear-btn img.clear-search-button{width: 15px;}
.strategy-meetings-list-middle-sec .strategy-meetings-input .clear-btn{height: 15px;}
.strategy-meetings-list-middle-sec .strategy-meetings-input .clear-btn img.clear-search-button{margin-top: -10px;}
/*Product Detail Popup*/

.importdata-modal .keyword-body .checkbox-container{display: flex ; align-items: center; position: relative; gap: 12px; padding-left: 0;}
.importdata-modal .keyword-body .checkbox-container .action-checkbox{width: 20px; height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #555; border-radius: 3px; background-color: white; cursor: pointer; margin-right: 8px; position: relative; margin: 0;}
.importdata-modal .keyword-body .checkbox-container .action-checkbox:checked::after{content: ""; position: absolute; width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; z-index: 1; background-image: url("../images/st-checkbox-icon.svg"); left: 50%; top: 50%; transform: translate(-50%, -50%);}
.importdata-modal .keyword-body .checkbox-container .action-text{margin-right: auto; font-size: 16px; line-height: 23px; color: #333333;}

.product_detail_popup .modal-dialog{max-width: 1340px;}
.product_detail_popup .product_detail_image img{width: unset;}
.product_detail_popup .product_detail_image{padding: 0;text-align: center;}
.product_detail_popup .qty-btn{justify-content: flex-start!important;}
.product_detail_popup .details-text p{font-size: 16px;line-height: 30px;padding-bottom: 4px;color: #13498E;}
.product_detail_popup .price{margin-top: 10px;}
.product_detail_popup .buy-now-btn{padding: 5px 20px;background-color: #13498E;border: 1px solid #13498E;font-weight: 600;font-size: 18px;line-height: 27px;color: #FFFFFF;display: inline-block;}
.product_detail_popup .buy-now-btn:hover{background-color: transparent;color: #13498E;}
.product_detail_popup .details-text .panel_line{display: flex;}
.product_detail_popup .details-text .other{display: flex;}
.product_detail_popup .btn-close{position: absolute;top: -64px;right: -62px;background-color: unset;border: none;font-size: 43px;color: #ffffff;background: unset;}
.product_detail_popup .details-text h3{font-weight: 400;font-size: 24px;line-height: 36px;color: #13498E;margin-bottom: 12px;}
.product_detail_popup .details-text p span{font-weight: 400;font-size: 16px;line-height: 24px;color: #000000;font-weight: 500;padding-right: 10px;}
.product_detail_popup .right-side-btn .price-sec{display: flex;margin: 10px 0;}
.product_detail_popup .right-side-btn .price{margin: 0!important;}
.product_detail_popup .right-side-btn .qty{padding: 10px;}
.product_detail_popup .btn-close:focus{box-shadow: unset;}
.product_detail_popup .modal-content figure img{width: unset;}

/*.all-sales-aids .left-side-content figure{position: relative;}
.all-sales-aids .left-side-content .view{position: absolute;right: 0;text-align: center;top: 42%;left: 45px;background-color: #13498e;color: #fff;width: 60%;}*/
/*---------- New Register Page ---------------- */

.new-register-page{padding: 100px 90px 80px 90px!important;background-image: url(../images/bg.svg)!important;}
.new-register-page h1{color: #000!important;font-size: 48px!important;font-weight: 600!important;line-height: 50px!important;padding-bottom: 30px;}
.new-register-page .dashbord-heading-content p{color: #000!important;font-size: 22px!important;font-weight: 400!important;line-height: 33px!important;padding-bottom: 20px!important;}
.new-register-page .dashbord-heading-content p span{color: #000;font-size: 18px;font-weight: 400;line-height: 28px;}
.new-register-page .dashbord-heading-content p b{color: #000;font-size: 18px;font-weight: 600;line-height: 28px;}
.new-register-page .raynor-application-form-middle-sec{padding: 60px 100px!important;}
.register-content p{color: #000!important;font-size: 18px!important;font-weight: 400!important;line-height: 28px!important;letter-spacing: -0.09px!important;padding-bottom: 40px!important;}
.register-content .all-radio-fields.security-level-field .each-radio-field .form-group{display: flex!important;margin-bottom: 0!important;}
.register-content .all-radio-fields.security-level-field .each-radio-field .form-check{margin-bottom: 0!important;margin-right: 20px!important;}
.register-content .all-radio-fields{margin-bottom: 40px!important;}
.register-content .dealer-profile{display: flex;align-items: center;padding-bottom: 30px!important;}
.register-content .dealer-profile label{border: 1px solid #002855;color:#002855!important;font-size: 16px!important;font-weight: 500!important;line-height: 26px!important;letter-spacing: 0.16px;padding: 14px 30px;margin: 0 0 0 30px!important;width: unset !important;}
.register-content .application-form-field input{border-radius: 2px;border: 1px solid #DCDCDC;background: #FEFEFE;border-bottom: 1px solid #DCDCDC !important;padding: 12px 15px!important;}
.register-content .application-form-field select{border-radius: 2px;border: 1px solid #DCDCDC;background: #FEFEFE;border-bottom: none!important;padding: 12px 15px!important;} 
.register-content .select2-container--default .select2-selection--single{border: none;padding: 12px 15px;}
.register-content .select2-container .select2-selection--single{height: unset;}
.register-content .select2-container--default .select2-selection--single .select2-selection__arrow{top: 12px;width: 35px;}
.register-content .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #000 transparent transparent transparent;}

/*------------------------ Product Details application form -----------------------*/
#other-sec .drop-down-arrow{display:none;}

.product-details-application-form p.note-text{ font-size: 21px; line-height: 24px;margin-bottom: 40px;}
.product-details-application-form p.note-text span{font-weight: 600;}
.product-details-application-form{padding: 50px 50px; background-color: #ECF0F5;}
.product-details-application-form .application-form-field .form-group input, .product-details-application-form .application-form-field .form-group textarea, .product-details-application-form .application-form-field .form-group select { padding: 10px 0; border-bottom: 1px solid #000; font-weight: 400; font-size: 16px; line-height: 24px; }
.product-details-application-form .application-form-field .form-group label,.product-details-application-form .application-form-field .radio-field label, .product-details-application-form  .select-2-multivalue-field label, .product-details-application-form .select-2-normal-dropdown label, .product-details-application-form .other-sec label{font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 5px;}
.product-details-application-form .application-form-field .form-group .upload{border: 1px solid #174580;width: 150px;text-align: center;padding: 6px 10px;}
.product-details-application-form .application-form-field .form-group .input-field1{border-bottom: 1px solid #000;padding: 0;}
.product-details-application-form .application-form-field .form-group .dropdown-select-field{position: relative;}
.product-details-application-form .application-form-field .form-group .link{position: absolute;top: 50%;left: 163px;}
.product-details-application-form .application-form-field .radio-field .form-check{padding: 0;    margin-right: 40px;}
.product-details-application-form .application-form-field .radio-field label{margin-bottom: 20px;}
.product-details-application-form .application-form-field .radio-field{display: inline-block;margin-right: 50px;}
.product-details-application-form .application-form-field .radio-field:last-child{margin-right: 0;}
.product-details-application-form .application-form-field .radio-field .form-check input{display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px;accent-color: #174580;}
.product-details-application-form .application-form-field .radio-field .form-check label{margin-bottom: 0;font-weight: 400;}
.product-details-application-form .select-2-multivalue-field select{width: 100%;}
.product-details-application-form .select-2-multivalue-field .select2-container--default .select2-selection--multiple{background: #FFFFFF; border: 1px solid #F2A900 !important; padding: 3px 12px 4px 6px;}
.product-details-application-form .select-2-multivalue-field label{display: block;margin-bottom: 20px;}
.product-details-application-form .select-2-multivalue-field .select2-container{width: 100% !important;}
.product-details-application-form .select-2-multivalue-field{position: relative;}
.product-details-application-form .drop-down-arrow{position: absolute;right: 25px; top: 60px;}
.product-details-application-form .select-2-multivalue-field .drop-down-arrow{display:none;}
.product-details-application-form .select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 12px; line-height: 17px; padding: 5px 10px 5px 25px; margin: 6px;}
.product-details-application-form .sub-heading h3{font-weight: 600;font-size: 22px;line-height: 33px;color: #000000;}
.product-details-application-form .sub-heading h3::after{content: '';width: 90px;height: 2px;display: block;background-color: #F2A900;margin: 8px 0 0px 0;}
.product-details-application-form .sub-heading{margin-top: 25px;margin-bottom: 30px;}
.product-details-application-form .select2-selection__choice__remove{float: right;margin: 0 0 0 18px;font-size: 16px; color: #000 !important;}
.product-details-application-form .application-form-field{margin-bottom: 30px;}
.product-details-application-form .form-group{margin: 0;}
.select-2-normal-dropdown .select2-container{width: 100% !important;padding: 20px 0; border-bottom: 1px solid;}
.select-2-normal-dropdown .select2-container--default .select2-selection--single{border: none; background: transparent;}
.select-2-normal-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{color: #000; font-size: 20px; line-height: 30px; padding: 0;}
.select-2-normal-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b{border-width: 9px 7px 0 7px !important;    border-color: #000 transparent transparent transparent !important;}
.select-2-normal-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow{top: 44%; right: 10px;height: auto;}
.product-details-application-form .select-2-normal-dropdown label{margin-bottom: 15px;}
.product-details-application-form .other-sec .add-icon{padding: 12px 16px;background-color: #174580; display: flex; align-items: center;}
.product-details-application-form .other-sec .remove-icon{padding: 12px 16px;background-color: #DF0000;  display: flex; align-items: center;}
.product-details-application-form .other-sec .form-group input{    padding: 15px 0 !important;}
.product-details-application-form .other-sec input::placeholder{color: #000;}
.product-details-application-form .other-sec .add-remove{display: flex;    margin-left: 10px;}
.product-details-application-form .other-sec .select-2-multivalue-field{display: flex;align-items: center;}
.product-details-application-form .other-sec .drop-down-arrow{right: 90px; top: 26%;}
.product-details-application-form .submit-btn { font-weight: 600; font-size: 16px; line-height: 24px; padding: 15px 0; width: 165px; background-color: #174580; color: #fff; margin-top: 30px; border: 1px solid #174580; }
.product-details-application-form .submit-btn:hover{background-color: transparent; color: #174580;}


.dashboard-content a.user_back.btn.btn-light{
    border: none;
    color: #342B2B;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
    background: white;
  }

/* -----------------shipping-address-page-------------- */

.billing-address-radio .form-group input{width: 20px;height: 15px; accent-color: #174580;}
.billing-address-radio .form-group label{padding-left: 8px;font-weight: 500;line-height: 24px;color: #13498E;font-weight: 600;}
.billing-address-radio .form-check{padding: 0;}
.dealership{margin: 30px 0 0 0;}
.dealership label{font-size: 24px;line-height: 36px;color: #174580;font-weight: 500;}
.dealership-col .dealership input{color:#000; border-bottom: 1px solid #000;padding-left: 0;}
.dealership input::placeholder{color: #000;font-size: 18px;line-height: 27px;}
.shipping-info-heading{font-size: 24px;line-height: 36px;color: #174580;font-weight: 500;}
.application-form-content{padding-top: 0;}
.application-form-content form{margin-top: 0;}
.application-form-content input::placeholder{color: #000;}
.shipping-info-submit-sec .submit-btn{font-weight: 600; font-size: 16px; line-height: 24px; padding: 15px 0; width: 165px; background-color: #174580; color: #fff; margin-top: 30px; border: 1px solid #174580;}
.application-form-content .application-form-field input::placeholder{color: #000;}
.dealership-col .dealership input::placeholder{color: #000;}
.shipping-information-middle-sec .shipping-info input{border-bottom: 1px solid #000; padding-left: 0;}
.shipping-information-middle-sec .shipping-info input::placeholder{color: #000;}
.field-right-part{padding-left: 50px;}

.shipping-info-submit-sec .submit-btn{font-weight: 600; font-size: 16px; line-height: 24px; padding: 15px 42px;  background-color: #174580; color: #fff; margin-top: 30px; border: 1px solid #174580;display: inline-block;}
.shipping-info-submit-sec .submit-btn:hover{background-color: transparent; color:#174580; border: 1px solid #174580;}
.checkout-table .dealer-list-data td{border-right: 1px solid transparent;}
.checkout-table tr:nth-child(even) {background-color: #f2f2f2;}


/*--------------------------- Your cart -------------------*/
.your-cart-aids-middle-sec .right-side-btn .price{border: none!important;text-align: right!important; width: auto!important;margin: 25px 0 0 25px!important;}
.your-cart-aids-middle-sec .plus-minus-btn {float: right;margin: 0px 0 0 15px;margin-right: 0 !important;}
.your-cart-aids-middle-sec .each-sales-aids .right-side-btn{display: flex;flex-direction: column;}
.your-cart-aids-middle-sec .each-sales-aids .price span {font-size: 32px;line-height: 48px;}
.your-cart-aids-middle-sec .each-sales-aids .price{font-size: 24px;line-height: 36px;}
.your-cart-aids-middle-sec .each-sales-aids h3{margin: 0 0 10px 0;}
.your-cart-aids-middle-sec .square-box h3{font-size: 24px; line-height: 36px; display: inline-block;float: left;font-weight: 600;}
.your-cart-aids-middle-sec .square-box .box-price{float: right;font-size: 24px;line-height: 36px;font-weight: 600;}
.your-cart-aids-middle-sec .square-box .shipping-cost-txt{float: left;font-size: 16px; line-height: 24px;color: #505050;font-weight: 500;}
.your-cart-aids-middle-sec .square-box .shipping-price{float:right;font-size: 16px; line-height: 24px; color: #505050;font-weight: 500;}
.your-cart-aids-middle-sec .square-box {background: #fff;display: grid;border: 1px solid #174580;padding: 40px 21px 44px 21px;}
.all-sales-aids-left{padding: 0;}
.all-sales-aids-right{margin: 0 0 0 85px;padding: 0;}
.all-sales-aids-right .square-box .sub-total{margin: 0 0 10px 0;}
.your-cart-aids-middle-sec .horizantal-line{margin: 15px 0 13px 0; color: #174580; height: 2px;}
.box-btn .proceed-checkout{display: inline-block; padding: 10px 55px; background-color: #13498E; color: #fff; font-size: 19px; line-height: 28px; margin: 25px 0 17px 0px;font-weight: 600; width: 100%;text-align: center;border: 1px solid #13498e;}
.box-btn .continue-shopping{display: inline-block; padding: 10px 55px; background-color: #fff; color: #13498E; font-size: 19px; line-height: 28px; font-weight: 600;border: 1px solid #13498E;width: 100%; text-align: center;}
.right-side-btn .delet-btn {padding: 0; border: none; position: absolute; top: 0px; right: 0px;}
.box-btn{text-align: center; margin: 0 auto;}
.your-cart-aids-middle-sec .qty-number{display: inline-block; padding: 0px 6px; font-size: 18px; line-height: 28px; color: #000; font-weight: 500; width: 46px; text-align: center; border: 1px solid #E0E3E8;}
.your-cart-aids-middle-sec .each-sales-aids {position: relative;}
.your-cart-aids-middle-sec .box-btn .continue-shopping:hover{background-color: #13498e;color: #fff;}
.your-cart-aids-middle-sec .box-btn .proceed-checkout:hover{color:#13498e;background-color: #fff;border:1px solid #13498e;}
.your-cart-aids-middle-sec .empty-card p{font-size: 20px;line-height: 30px;color: #000;font-weight: 500;padding-top: 20px;}


/*------------------------------ checkout----------------------- */
.checkout-middle-sec .checkout-table .checkout-list-data td:first-child{width: 70%;}
.checkout-middle-sec .checkout-table .checkout-list-data td {width: 10%;background-color:#ECF1F8;}
.checkout-middle-sec .checkout-table .checkout-list-data th, .checkout-table .checkout-list-data td{padding: 14px 12px!important;text-align: center;border-right: 1px solid #fff!important;}
.checkout-middle-sec .checkout-table .checkout-list-data .item-description{text-align: left;}
.checkout-middle-sec .checkout-table{margin: 0;}
.checkout-middle-sec .checkout-table .item-description-2-row td{background-color: #DFE9F4;}
.checkout-middle-sec .checkout-col .square-box h3{float: left;display: inline-block;font-size: 22px;line-height: 26px;}
.checkout-middle-sec .checkout-col .square-box .shipping-cost-txt{display: inline-block;}
.checkout-middle-sec .checkout-col .square-box .total .box-price-1{padding: 0 0 0 60px!important;}
.checkout-middle-sec .checkout-col .square-box .total .box-price{float: right;}
.checkout-middle-sec .checkout-col .square-box hr{color: #174580;}
.dollar-price{float: right;font-size: 22px;line-height: 27px;font-weight: 500;}
.checkout-middle-sec .checkout-col .square-box .shipping-price{float: right!important;}
.checkout-radio-col .form-group input{width: 20px;accent-color: #174580;}
.checkout-radio-col .form-group label{font-size: 18px;line-height: 26px;padding-left: 20px;}
.checkout-middle-sec .checkout-line{color: #174580;}
.form-check1{margin-top: 5px;}

.information-heading{font-size: 18px; line-height: 27px;font-weight: 600;padding-bottom: 12px;}
.raynor-act{font-size: 16px;line-height: 25px; font-weight: 600;padding-bottom: 7px;}
.checkout-address{font-size: 16px;line-height: 25px; font-weight: 400;}
.checkout-billing-info{padding: 0 0px 0 20px;}
.checkout-address-sec{padding-top: 38px;}
.checkout-shipping-info{padding: 0 0 0 100px;}
.complete-order-btn{font-size: 20px; line-height: 30px; display: inline-block; background: #13498E; padding: 10px 36px; color: #fff; margin-top: 50px; border: 1px solid #13498e;}
.checkout-middle-sec{padding: 50px 50px 50px 50px;}
.marketing-sales-aids-middle-sec .complete-order a:hover{background-color: transparent;color: #13498E;}

.checkout-middle-sec .checkout-col .square-box .shipping-cost{display: inline-flex;padding: 10px 0px 0px 0px;}
.checkout-col h3{font-size: 22px; line-height: 26px; float: left;}
.checkout-col .dollar-price{font-size: 22px; line-height: 26px; float:right;}
.checkout-col .horizantal-line{display: inline-block; width: 100%; height: 1px; color: #174580;}
.checkout-col .shipping-cost .shipping-cost-txt{font-size: 16px;line-height: 20px; float: left;}
.checkout-col .shipping-cost .shipping-price{font-size: 16px;line-height: 20px; float: right;}
.checkout-col .shipping-cost {margin-top: 30px;}
.checkout-address-sec .complete-order .complete-order-btn:hover{color: #13498e;background-color: transparent;border: 1px solid #13498e;}

/*Technical page*/
.technical_sec .technical_main label{color: #13498E!important;font-weight: 600!important;}
.technical_sec .technical_main .append_input input{background: transparent!important;border: none!important;}
.technical_sec .technical_main .append_input .dropdown-select-field{border-bottom: 1px solid #000!important;}
.technical_sec .technical_main .form-check-label{color: #000!important;font-weight: 300!important;}
.technical_sec .technical_main .input-field .contact_input{background: #FFFFFF;border: 1px solid #BFBFBF;padding: 10px;cursor: default;}
.technical_sec .technical_main .application-form-field h5{font-weight: 500;font-size: 16px;line-height: 24px;color: #000000;margin-bottom: 6px;}
.technical_sec .technical_main .radio-btn{display: flex;}
.technical_sec .technical_main .radio-btn .form-check{padding-right: 12px;}
.technical_sec .technical_main .radio-btn{padding-bottom: 20px;}
.technical_sec .technical_main .form_field .form-check label{font-weight: 300;}
.technical_sec .technical_main .upload-input{display: none;}
.technical_sec .technical_main .upload-btn{font-weight: 600;font-size: 16px;line-height: 24px;padding: 15px 0;background-color: #174580;color: #fff;border: 1px solid #174580;text-align: center;margin: 0;}
.technical_sec .technical_main .append-row{align-items: center;}
.technical_sec .technical_main .add_field{text-align: center;}
.technical_sec .technical_main .add_field .add_a_field{font-weight: 600;font-size: 16px;line-height: 24px;padding: 15px 10px;background-color: #174580;color: #fff;margin-top: 30px;border: 1px solid #174580;}
.technical_sec .techinal_list{height: 295px;overflow-y: scroll;margin-right: 0px;padding: 0 10px;}
.technical_sec .techinal_list .main-box{padding: 20px 25px 20px 25px;margin: 0;position: relative;top: 0;background-color: #fff;margin-bottom: 15px;}
.technical_sec .techinal_list .main-box .list_group h6{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;color: #000000;margin-bottom: 10px;cursor: pointer;}
.technical_sec .techinal_list .main-box .list_group ul{padding-left: 20px;list-style-type: disc;display: flex;flex-wrap: wrap;}
.technical_sec .techinal_list .main-box .list_group ul li{margin-bottom: 10px;font-size: 14px;font-weight: 400;line-height: 25px;font-family: 'Poppins';color: #000000;font-style: normal;width: 50%;float: left;padding-right: 32px;}
.technical_sec .techinal_list .main-box .icon_group{position: absolute;right: 0;top: 5px;}
.technical_sec .technical_main .append-subcategory-box{overflow: hidden;overflow-y: scroll;max-height: 309px;}
.technical_sec .technical_main .technical_inner{background-color: #fff;padding: 0;padding-left: 20px;margin-bottom: 33px;}
.technical_inner .append-subcategory-box .append_box{text-align: right;display: block;}
.technical_sec .technical_main .add_a_field img{width: unset;}
.technical_sec .technical_main #remove_field img{width: unset;}
.technical_sec .technical_main .plus-input{padding: 0;}
.technical_sec .technical_main .append_plus{margin-left: 4px;}
.technical_sec .technical_main .view-download-sec img{width: unset;}
.techinal_list .view-download-sec img{width: unset;}
.technical_sec .technical_main .append-plus{text-align: right;padding-bottom: 20px;}
.technical_sec .techinal_list .main-box .list_group h5{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 24px;line-height: 36px;color: #000000;margin-bottom: 10px;cursor: pointer;}
.technical_sec .left-side{margin-bottom: 20px;}
.technical_sec h3{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 24px;line-height: 36px;color: #000000;}

.commercial-middle-sec .all-catagory-logo-sec .upload-photo{display: flex;align-items: center;margin-bottom: 30px;padding-left: 15px;}
.commercial-middle-sec .all-catagory-logo-sec .upload-inner-box-photo{border: 1px dashed #000000;background-color: #F6F9FF;padding: 20px 40px 20px 20px;text-align: center;flex-shrink: 0;display: flex;}
.commercial-middle-sec .all-catagory-logo-sec .upload-inner-box-photo label{font-weight: 600;font-size: 16px;line-height: 24px;text-align: center;color: #FFFFFF;background-color: #13498E;border: 1px solid #13498E;border-radius: 0;display: inline-block;margin-left: 25px;padding: 20px 25px;}
.media-photo h3{font-weight: 600;font-size: 22px;line-height: 33px;color: #000000;margin-bottom: 20px;padding-left: 15px;}
.media-photo h3::before{content: '';width: 90px;height: 2px;display: block;background-color: #F2A900;margin: 0 0 10px 0;}
.media-logo .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 516px))!important;}
.media-logo h3{font-weight: 600;font-size: 22px;line-height: 33px;color: #000000;margin-bottom: 20px;padding-left: 15px;}
.media-logo h3::before{content: '';width: 90px;height: 2px;display: block;background-color: #F2A900;margin: 0 0 10px 0;}
.media-video .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 516px))!important;}
.media-video h3{font-weight: 600;font-size: 22px;line-height: 33px;color: #000000;margin-bottom: 20px;padding-left: 15px;}
.media-video h3::before{content: '';width: 90px;height: 2px;display: block;background-color: #F2A900;margin: 0 0 10px 0;}
.media-video .logo-box-inner-sec iframe{aspect-ratio: 15/9;}

.view-download-sec figure .white_logo{display: inline-block;}
.view-download-sec figure{display: inline-block;}
.view-download-sec .blue_logo{display: none;}
.view-download-sec figure:hover .white_logo{display: none;}
.view-download-sec figure:hover .blue_logo{display: inline-block;}

.project-gallery-popup .modal-dialog{max-width: 90%;width: 100%;}
.project-gallery-popup .popup-text{background-image: url(../images/popup-backgrounimage.svg);background-repeat: no-repeat;background-size: cover;padding: 70px 20px 0 20px;}
.project-gallery-popup .project-details{padding: 0;}
.project-gallery-popup .posted-by{font-family: 'Poppins';font-style: normal;font-weight: 500;font-size: 20px;line-height: 25px;color: #000000;padding-bottom: 5px;}
/*.project-gallery-popup .modal-content .inner-sec-popup span{font-family: 'Poppins';font-style: normal;font-weight: 500;font-size: 24px;line-height: 25px;color: #174580;}*/
.project-gallery-popup .modal-content .inner-sec-popup .owl-nav span{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 70px;
    display: inline-block;
    line-height: 40px;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    color: #174580;
    background-color: #e3e3e38f;
}

.project-gallery-popup .modal-content .inner-sec-popup .owl-nav button.owl-prev{
   margin-left:50px;
}

.project-gallery-popup .modal-content .inner-sec-popup .owl-nav button.owl-next{
   margin-right:50px;
}
.project-gallery-popup .modal-content .inner-sec-popup .owl-theme .owl-nav{
   margin-top:0px;
}

/*.project-gallery-popup .modal-content .inner-sec-popup .owl-carousel.owl-drag .owl-item.active, .project-gallery-popup .modal-content .inner-sec-popup .owl-carousel.owl-drag .owl-item{
    margin-right:0px !important;
}*/

.project-gallery-popup .modal-content .inner-sec-popup .details-text #description1{font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 14px;line-height: 25px;color: #000000;padding-bottom: 28px;}
.project-gallery-popup .modal-content .inner-sec-popup .details-line{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #174580;
    padding-left: 0px;
}
.project-gallery-popup .modal-content .inner-sec-popup .details-text td{width: 40%;}
.project-gallery-popup .modal-content{display: unset;background-color: unset;border: none;border-radius: unset;}
/*{position: absolute;top: -48px;right: -66px;background-color: unset;border: none;font-size: 43px;color: #ffffff;}*/
.project-gallery-popup .button-close
{
    position: absolute;
    top: -37px;
    right: -47px;
    background-color: unset;
    border: none;
    font-size: 43px;
    color: #ffffff;
}
.project-gallery-popup .modal-content figure img{aspect-ratio: 15/9;}

.edit-delete figure .white_logo{display: inline-block;}
.edit-delete figure{display: inline-block;}
.edit-delete .blue_logo{display: none;}
.edit-delete figure:hover .white_logo{display: none;}
.edit-delete figure:hover .blue_logo{display: inline-block;}

.for_employee.select-delear h4{padding-top: 12px;margin-right: 10px;}
.for_employee .select-delear label{font-size: 18px;line-height: 30px;font-weight: 500;}
.for_employee .select-delear .select2{padding: 2px 20px 2px 4px;}
.for_employee .select-delear .select2-container--default .select2-selection--single .select2-selection__arrow{top: 3px!important;}
.your_role_btns .each-radio-field .form-group{margin-bottom: 0;}
.is-data-export-button{cursor: pointer;}



.parsley-errors-list{margin: 0;padding: 0;padding-bottom: 10px;}
.parsley-errors-list .parsley-required, .parsley-errors-list .parsley-pattern{color: #d41a1a;font-size: 17px;list-style: none;}
.parsley-type{color: #d41a1a;font-size: 17px;list-style: none;}
.parsley-fileextension{color: #d41a1a;font-size: 17px;list-style: none;}
.parsley-fileextension1{color: #d41a1a;font-size: 17px;list-style: none;}
.parsley-fileextension2{color: #d41a1a;font-size: 17px;list-style: none;}
#extension{font-size: 15px;color: #d41a1a;}
.each-item-box img.das-box-left-icon{width: 20px;height: 20px; /* position: absolute; right: 20px; top: 20px;*/ margin: 3px; cursor: pointer;}
.sider-bar-accordion .accordion-item.selected{background: #ffffff;border-top-left-radius: 100px; border-bottom-left-radius: 100px;}
/*.sider-bar-accordion .accordion-item.selected::before {
    content: ''; 
    display: block;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    position: absolute; 
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1; 
}*/


/************************************ Sneha (30-09-2024) ************************************/



.sider-bar-accordion .accordion-item.selected .accordion-header a{    position: relative;}
.sider-bar-accordion .accordion-item.selected .accordion-header a::before{content: '' !important; position: absolute; top: -50px; right: 0; width: 50px; height: 50px; background: #001c3c; border-radius: 50%; box-shadow: 20px 20px 0 #ffffff; transition: all 0.5s; display: block !important; margin: 0;}
.sider-bar-accordion .accordion-item.selected .accordion-header a::after{content: ''; position: absolute; bottom: -50px; right: 0px; width: 50px; height: 50px; background: #001c3c; border-radius: 50%; box-shadow: 20px -20px 0 #ffffff; transition: all 0.5s; z-index: -111111; display: block !important;}
.sider-bar-accordion .accordion-item:hover{background-color: transparent !important;     border-radius: 50px;}
.sider-bar-accordion .accordion-item.selected:hover{background-color: #fff !important;}
.main-dasbord .sider-bar-accordion h4 a::before{display: none !important;}
.sider-bar-accordion .accordion-item a{padding: 12px 0 12px 20px !important;     border-radius: 50px !important; }
.sider-bar-accordion .accordion-item{padding: 0 !important;  margin-bottom: 10px;}
.sider-bar-accordion .accordion-item.selected{border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.main-header{    background-color: #001c3c;}
.sider-bar-accordion .accordion-item .accordion-header a{position: relative;    z-index: 11;}
.main-dasbord .sider-bar-accordion h4 a{outline: none;    position: relative;}
.main-dasbord{ font-family: "Red Hat Display", sans-serif;}
.dasbord-heading-sec .dashbord-heading-content p{font-family: 'AdihausDIN';}

.dashbord-side-bar .social-media-sec{margin-top: auto; display: flex; align-items: center; justify-content: center; border-top: 1px solid #FFFFFF33; padding-top: 24px;    padding-bottom: 24px;}
.dashbord-side-bar .social-media-sec li{margin: 0 7px;}

.dashbord-top-menu-sec ul li .user-login{width: 70px; box-shadow: 2px 4px 6px 0px #0000001A; border-radius: 50%; /* margin: 0; */ height: 70px;}
.dashbord-top-menu-sec ul li:first-child{margin-right: 0 !important;}
.sider-bar-accordion .accordion-item{position: relative; z-index: 11;     border-radius: 50px !important;}



.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text { visibility: hidden; width: 260px; background-color: #fff; border-radius: 9px; box-shadow: 0 0 27px rgba(0, 0, 0, 0.27); color: #333; text-align: center; padding: 10px; position: absolute; bottom: 200%; right: 0; transform: translateX(10%); margin-top: 0px; opacity: 0; transition: opacity 0.3s; z-index: 11; font-size: 14px;}
.all-item-outer-sec .each-item-box .info-tooltip.keyword-ranking .tooltip-text{ opacity: 1; width: auto; min-width: 160px; }
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip:hover .tooltip-text { visibility: visible; opacity: 1; }
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip{margin-left: 0; line-height: normal; position: absolute; top: 20px; right: 20px; font-size: 0;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text::after{content: ""; position: absolute; top: 100%; left: 82%; margin-left: 0px; border-width: 10px; border-style: solid; border-color: #ffffff transparent #ffffff00 transparent;}

.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip.left-icon{right: 45px;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip.left-icon.delete-icon{right: 70px;}
.dashbord-middle-all-items .all-item-outer-sec p.text-msg, .dashbord-middle-sec p.text-msg{color: #002855;background-color: #0066FF05; border: 1px solid #EBEBEB; padding: 15px;}
.dashbord-middle-sec.strategy-meetings-list-middle-sec .meeting-search-data p.text-msg{color: #002855;background-color: #0066FF05; border: 1px solid #EBEBEB; padding: 15px;}

.all-box-middle-sec{padding: 50px 38px 26px 38px; background-color: #FFFFFF;}
.all-box-middle-sec .all-item-outer-sec{display: flex;flex-wrap: wrap;}
.all-box-middle-sec .all-item-outer-sec .each-item-box{padding: 0px; margin-bottom: 40px; display: flex; position: relative; min-height: 170px; width: 20%;}
.all-box-middle-sec .all-item-outer-sec .each-item-box .black_logo{display: none;}
.all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover .blue_logo{display: none;}
.all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover .black_logo{display: inline-block;}
.all-box-middle-sec .all-item-outer-sec .each-item-box h3{font-weight: 600; font-size: 22px; line-height: 33px;color: #484848;padding: 28px 0 0;}
.all-box-middle-sec .all-item-outer-sec .each-item-box p{font-weight: 400; font-size: 14px; line-height: 21px;color: #666666;}
.all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{background: #FFFFFF;padding: 35px 24px;display: block;width: 100%;background-color: #0066FF05; border: 1px solid #EBEBEB; margin-right: 15px; margin-left: 15px; border-radius: 6px;position: relative;}
.all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover{ background:#FFFFFF; box-shadow: 4px 4px 15px 0px #0000000D;}
.all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover h3{color: #333333;/* font-weight: 700; */}
.all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover p{color: #fff;}
.all-box-middle-sec .all-box-middle-sec-top p{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 20px;padding-left: 12px;}


.mobile-header-heading-section{display: none;}

/************************************ end ************************************/

.sider-bar-accordion .accordion-item.selected h4 figure .blue_logo{display: inline-block;}
/*.sider-bar-accordion .accordion-item.selected h4 a::before{background-color: #174580;}*/
.sider-bar-accordion .accordion-item.selected h4 figure .white_logo{display: none;}
.sider-bar-accordion .accordion-item.selected h4 a{color: #0066ff; font-weight: 700;}
.each-item-box img{width: 50px;height: 50px;}
.manager-sec .upload{margin-bottom: 7px!important;}

.course-registration-sec .dropdown-select-field{flex-wrap: wrap;}
.course-registration-sec .dropdown-select-field label{width: 32%;}
.course-registration-sec select{width: 66%!important;}
.course-registration-sec .parsley-errors-list{width: 100%;text-align: center;}
.parsley-errors-list .parsley-required{font-size: 15px;}
.parsley-errors-list .parsley-pattern{font-size: 15px;}
#seokeywordRanking .parsley-errors-list .parsley-required { padding-left: 15px;}
#seokeywordRanking .parsley-errors-list .parsley-pattern{ padding-left: 15px;}
#updateSeoLinkForm .parsley-errors-list .parsley-pattern{ padding-left: 15px;}
#keywordRanking .parsley-errors-list .parsley-pattern{ padding-left: 15px;}
#updateModuleForm .parsley-errors-list .parsley-required{padding-left: 15px;}
#updateSeoLinkForm .parsley-errors-list .parsley-required{padding-left: 15px;}
.meadiacategory-middle-sec .category:checked + label {
  background-color: #F2A900;
}
#websiteAnalyticsForm .parsley-errors-list .parsley-required{ padding-left: 15px;}
#myEmailForm .parsley-errors-list .parsley-required{ padding-left: 15px;}
.electronoc-price-middle-sec .top-sec-content p{font-weight: 500;font-size: 16px;line-height: 24px;margin-bottom: 10px;}
table.dataTable>tbody>tr>td.select-checkbox:before, table.dataTable>tbody>tr>td.select-checkbox:after, table.dataTable>tbody>tr>th.select-checkbox:before, table.dataTable>tbody>tr>th.select-checkbox:after{top: 32px!important;}
table.dataTable>tbody>tr>td.select-checkbox:before, table.dataTable>tbody>tr>th.select-checkbox:before{border: 1px solid #13498e!important;}

.login-form input.parsley-error{color: #B94A48 !important;background-color: #F2DEDE !important;border: 1px solid #EED3D7 !important;}
.login-form .parsley-required{display: none;}
.table-list{margin: 0!important;}
.table-list .add-btn{text-align: right;}
/*.table-list .add-btn a{background-color: #001C3C;padding: 10px 15px;color: #fff;border: 1px solid #001C3C;}*/
.table-list .add-btn.add_btn_pad a{padding:15px 15px;}
/*.table-list .dealer-list-data td:first-child{width: 0% !important;}
.table-list .dealer-list-data td:last-child{width: 11% !important;text-align: center;}
.table-list .manager-list-table td:last-child{width: 9% !important;text-align: center;}*/
.label-heading label{font-size: 18px;color: #13498e;padding-top: 20px;font-weight: 700;}
.profile-page .delete:hover{color: #FE0000!important;}
/*.profile-page a:hover{color: #0070FF!important;}*/
.profile-page .laura-prange:hover{color: #13498E!important;}
/*.dealer-list-table th:first-child{min-width: 55px;}*/
.raynor-application-form-middle-sec .dropdown-select-field{position: relative;}
.application-form-content h3{font-size:22px;}
.raynor-application-form-middle-sec .input-field1{border-bottom: 1px solid #000;padding: 0;}
.raynor-application-form-middle-sec .upload{background-color: transparent;color: #174580;border: 1px solid #174580;width: 150px;text-align: center;padding: 6px 10px;}
.raynor-application-form-middle-sec .link{position: absolute;top: 50%;left: 163px;}
.pdf-sec{position: relative;}
.dealer-profile .profile-image #profileimages-upadate{display: none;}
.dealer-profile .profile-avtar{width: 100%;}
.dealer-profile .hover-icon{position: absolute;top: 50%;left: 131px;display: flex;justify-content: center;z-index: 1;}
/*.dealer-profile .hover-icon .hover-image{}*/
.dealer-profile{padding-bottom: 20px;}
.dealer-profile .profile-image{position: relative;overflow: hidden;}
/*.profile-image::after { content: ''; width: 100%; height: 100%; display: block; background-color: #ffffffad; position: absolute; top: 0; }*/
.profile-image:hover::after{ content: ''; width: 100%; height: 100%; display: block; background-color: #ffffffad; position: absolute; top: 0; }
.dealer-profile .hover-icon{position: absolute; top: 45%; left: 0; right: 0;}
.raynor-application-form-middle-sec .dealer-profile label{width: auto; display: inline-block; margin: 0 10px 0px 0;}

.meadiacategory-middle-sec .meadiacategory-right-sec h2{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 24px;line-height: 36px;color: #000000;padding: 15px 0 10px 15px;}

.project-gallery-submissions .dataTables_filter{margin-top: 0 !important;}
.project-gallery-submissions-popup .commercial-pop-up-content{padding: 50px 30px 20px 30px!important;}
.project-gallery-submissions .dataTables_info{display: none;}
.project-gallery-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color: #fff !important;border: none;background: #4c74a6;}
.project-gallery-submissions .table-list .dataTables_paginate span .paginate_button{background-color: #fff;}
.project-gallery-submissions .dataTables_wrapper .dataTables_paginate .paginate_button:hover{border: none;background-color: #4c74a6 !important;background: linear-gradient(to bottom, #4c74a6 0%, #4c74a6 100%);}
.project-gallery-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color: #fff !important;border: none!important;}
.project-gallery-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor: pointer;}
.project-gallery-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor: pointer;color: #fff!important;}
.project-gallery-submissions .sorting i{position: absolute;right: 20px;line-height: 24px;}
/* .project-gallery-submissions table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{display: none !important;} */
.project-gallery-submissions .table-list #myTable_filter{width: 100%;background-image: none;}
.project-gallery-submissions .table-list #myTable1_filter{width: 100%;}
.project-gallery-submissions .table-list #myTable2_filter{width: 100%;}
.project-gallery-submissions .table-list #myTable3_filter{width: 100%;}
.project-gallery-submissions .dataTables_wrapper .dataTables_filter{float: left;text-align: left;}
.project-gallery-submissions .dealer-list-table .dealer-list-data td{padding: 9px 15px;position: relative;}
.project-gallery-submissions .table-list .dataTables_wrapper .dataTables_filter input{padding-left: 20px;padding-right: 16px;}
.project-gallery-submissions .dealer-list-table .dealer-list-data a{font-weight: unset;font-size: unset;line-height: 24px;padding: unset;color: unset;text-align: unset;background: unset;border-radius: unset;cursor: pointer;position: absolute;right: 10px;}
.project-gallery-submissions .dealer-list-table .dealer-list-data a:hover{background-color: unset !important;}
.project-gallery-submissions .dealer-list-table .dealer-list-data{width: 100%;}
.project-gallery-submissions-popup .project-upload-content .form-group{margin-bottom: 0!important;}
.project-gallery-submissions #myTable_filter label{display: block;}
.project-gallery-submissions #myTable_filter input{width: 100%;}
.project-gallery-submissions #myTable1_filter label{display: block;}
.project-gallery-submissions #myTable1_filter input{width: 100%;}
.project-gallery-submissions #myTable2_filter label{display: block;}
.project-gallery-submissions #myTable2_filter input{width: 100%;}
.project-gallery-submissions #myTable3_filter label{display: block;}
.project-gallery-submissions #myTable3_filter input{width: 100%;}

.meadiacategory-middle-sec .meadiacategory-heading h4{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 22px;line-height: 33px;color: #000000;}

/*Custom select option*/
/*the container must be positioned relative:*/
.custom-select {position: relative;}
.custom-select select {display: none;}
.select-selected {background-color: transparent;border-bottom: 1px solid #000 !important;padding-left: 0 !important;position: relative;width: 50%;}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {color: #000;padding: 8px 16px;border: 1px solid transparent;cursor: pointer;}
/*style items (options):*/
.select-items {position: absolute;background-color: #fff;top: 100%;left: 0;right: 0;z-index: 99;overflow-y: scroll;max-height: 300px;min-height: auto;}
/*hide the items when the select box is closed:*/
.select-hide {display: none;}
.select-items div:hover,.same-as-selected {background-color: rgb(19 73 142);color: #fff !important;}
/*style the arrow inside the select element:*/
.select-selected:after {position: absolute;content: "";top: 14px;right: 10px;width: 0;height: 0;border: 6px solid transparent;border-color: #000 transparent transparent transparent;}
.select-selected .select-items .same-as-selected {background-color: #fff;}
.all-logo-images .each-logo-box .logo-box-inner-sec figure img { max-height: 165px; }
.video_section_admin .all-logo-images .each-logo-box .logo-box-inner-sec > figure{margin-bottom:0px}
.all-logo-images .each-logo-box .logo-box-inner-sec > figure{margin-bottom:25px}
.video_section_admin .view-download-delete{float:right; margin-top: -8px}
.video_section_admin .all-logo-images .each-logo-box .logo-box-inner-sec .view-download-sec figure:first-child{margin-right:0px;}
.video_section_admin .all-logo-images .each-logo-box .logo-box-inner-sec p{font-weight: 600;font-size: 18px;line-height: 22px;float: left;color: #174580;width: 80%;text-align: left;}

.all-logo-images .each-logo-box .logo-box-inner-sec .view-download-sec figure:first-child{margin-right:4px;}
.all-logo-images .each-logo-box .logo-box-inner-sec video { aspect-ratio: 15/9;position: relative; }
.play-button{position: absolute;top: 38%;right: 0;left: 0;color: #fff;font-size: 51px!important;}

.select-option .select-selected{border: 1px solid #F2A900;background-position-y: 24px;background-color: #fff;padding: 8px 33px;}
.select-option .select-selected{border-bottom: 1px solid #F2A900 !important;padding-left: 10px !important;}
.dasbord-footer-content .right-side{margin-left: 40px;}

.setting-page .each-box{display: flex; border: 1px dashed #000000; background-color: #F6F9FF; padding: 20px 20px; margin-top: auto;}
.setting-page .inner-box label{font-weight: 600;font-size: 16px;line-height: 24px;text-align: center;color: #FFFFFF;background-color: #13498E;width: 240px;padding: 20px 24px;border: 1px solid #13498E;margin-top: 0;cursor: pointer;margin-left: 27px;}
.setting-page .inner-box input{display: none;}
.setting-page .preview-image{margin-bottom: 25px;}
.setting-page .preview-image figure{width: 34%; text-align: center; margin: 0 auto;}
.setting-page .setting-content{background-color: #fff;padding: 40px 20px;}
.setting-page .setting-content h2{font-size: 22px;line-height: 33px;font-weight: 600;padding-bottom: 40px;margin: 0;}
.setting-page .first-row{margin-bottom: 30px;}
.setting-page input{background-color: #fff!important;}
.setting-page textarea{background-color: #fff!important;}
.setting-page label{font-size: 16px!important;line-height: 24px!important;font-weight: 500!important;}
.setting-page .disclaimer-submit-sec{margin-top: 30px;}
.setting-each{display: flex; flex-direction: column;}
.client-list .select2{border: 0;}
.select2{padding: 10px 20px;border: 1px solid #F2A900;background-color: #fff;}
.select2-container--default .select2-selection--single{border: none!important;}
.select2-container--default .select2-selection--single .select2-selection__clear{display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 10px!important; padding-right: 60px;}
.multi-select-dropdown .select2{padding: unset;border: unset;background-color: unset;}
.application-form-field .select2{padding: 8px 0;/*border-bottom: 1px solid #000!important;*/font-weight: 400;font-size: 16px;line-height: 4px;border: unset;background-color: unset;width: 100% !important;}
.application-form-field .select2-container--default .select2-selection--single{background-color: unset;}
.application-form-field .select2-container--default .select2-selection--single .select2-selection__rendered{color: #000;}

.each_side_div .select2{padding: 3px 0;border-bottom: 1px solid #000!important;font-weight: 400;font-size: 16px;line-height: 4px;border: unset;background-color: unset;width: 100% !important;}
.each_side_div .select2-container--default .select2-selection--single{background-color: unset;}
.each_side_div .select2-container--default .select2-selection--single .select2-selection__rendered{color: #000;}

.project-gallery.dropdown-select-field .select2{padding: 8px 0;border-bottom: 1px solid #000!important;font-weight: 400;font-size: 16px;line-height: 4px;border: unset;background-color: unset;}
.dropdown-select-field .select2-container--default .select2-selection--single{background-color: unset;}
.dropdown-select-field .select2-container--default .select2-selection--single .select2-selection__rendered{color: #000;}
/*.project-gallery.catagory-select-section .select2{border-bottom: none!important;}*/
.application-page-dropdown .select2{padding: 10px 0;border-bottom: 1px solid #000!important;font-weight: 400;font-size: 16px;line-height: 24px;border: none;}
.application-page-dropdown .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0;}
.meadiacategory-right-sec{height: 400px;overflow-y: scroll;background-color: #fff;margin-left: 12px;padding: 0 10px;}
.multi-select-dropdown .select2-container .select2-search--inline .select2-search__field{cursor: pointer;}
.dealer-list-table .table-responsive{padding-top: 20px;position: relative;}
.table-responsive .is-data-export-button{float: right;margin-right:20px}
.table-responsive .table-btn1{float: right;margin-right:20px}
.table-responsive td .table-btn1 {float: none;}
/*.dealer-list-table .table-responsive .table>:not(:last-child)>:last-child>*{min-width: 42px;}*/
.meadiacategory-left-sec.catagory-radio-sec.category:checked ~ label{color: #F2A900}
.meadiacategory-middle-sec .meadiacategory-right-sec{width: 487px;margin: 0 20px;padding: 0}
.meadiacategory-middle-sec .first-sec{margin-left: 10px;}
.meadiacategory-middle-sec .all-meadiacategory-section{margin-bottom: 25px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .media-input{display: flex;}
.dataTables_wrapper{position: unset!important;clear: unset!important;}

/* ========== register-page ========== */

.register-page .dashbord-heading-content h1{padding-bottom: 30px;}
.register-page .dashbord-heading-content p{padding-bottom: 20px;}
.register-page .dashbord-heading-content{padding: 50px 0;}
.register-content p{font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 22px;line-height: 33px;color: #000000;padding-bottom: 48px;}
.register-content .application-form-field label{font-size: 14px!important;}
.register-content .disclaimer-submit-sec p{padding: 0;}

.dealer-profile {
    padding-bottom: 20px;
    text-align: center;
}

.dealer-profile .profile-avtar {
   width: 100%;height: 400px;object-fit: cover;
}

/*.raynor-application-form-middle-sec .dealer-profile label {padding-right: 2px;}*/


body { width: 100%;min-height: 100vh;margin: 0; padding: 0;text-decoration: none; color: inherit;font-family: 'Poppins', sans-serif;}
.wrapper{ margin: 0; padding: 0;min-height: 100vh; width: 100%; overflow: hidden; }
.padding{ padding: 0; }

ul{list-style: none;margin: 0;padding: 0;}
p:last-child{margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6{margin: 0;}
a {text-decoration: none;}
figure{margin-bottom: 0;}




.scroll-down-button a {
    display: inline-block;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
  }
  
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }

  /*------------------------ Add New Dealer -----------------------*/

.add-new-dealer-middle-sec .all-radio-fields{display: flex; align-items: center;    margin-bottom: 10px;}
/*.add-new-dealer-middle-sec .all-radio-fields .each-radio-field{    margin-right: 100px;}*/
.add-new-dealer-middle-sec .all-radio-fields h4{font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 15px;width: 100%;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-group{display: flex; align-items: center;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check{display: flex; align-items: flex-start;padding: 0;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check:first-child{margin-right: 40px;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check input{accent-color: #174580;margin-right: 10px;width: 20px; height: 20px;margin-top:3px;}
.add-new-dealer-middle-sec .application-form-field textarea{height: 45px;}
/*.add-new-dealer-middle-sec .all-radio-fields.security-level-field .each-radio-field .form-group{display: block;}*/
.add-new-dealer-middle-sec .all-radio-fields.security-level-field .each-radio-field .form-check input{flex: initial;}
/*.add-new-dealer-middle-sec .all-radio-fields.security-level-field .each-radio-field .form-check{margin: 0 0 10px 0;}*/
.add-new-dealer-middle-sec .all-radio-fields.security-level-field .each-radio-field .form-check:last-child{margin-bottom: 0;}
.disclaimer-submit-sec .submit-btn{font-weight: 600; font-size: 16px; line-height: 24px; width: 165px; background-color: #002855; color: #fff; margin-top: 30px;border: 0; transition: padding 0.3s ease-out;    padding: 15px 15px 15px 30px;}
/*.disclaimer-submit-sec .submit-btn:hover{background-color: transparent;color:#002855;}*/

.disclaimer-submit-sec .submit-btn::after{content: '\f054'; font-family: 'fontawesome';margin-left: 6px; opacity: 0; margin-top: -1px; transition: margin-left 0.3s ease-out; font-size: 15px; font-weight: 100;}
.disclaimer-submit-sec .submit-btn:hover{background-color: #002855; color: #fff;padding-left: 25px; padding-right: 25px;}
.disclaimer-submit-sec .submit-btn:hover::after{opacity: 1;}

.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check label{margin-bottom: 0;font-weight: 400;}



















/*------------------------ Dealer List Page -----------------------*/

.dealer-list-middle-sec .inner-dealer-list-catagory-search{display: flex; align-items: center;justify-content: space-between;}
.dealer-list-middle-sec .dropdown-select-field { display: flex; align-items: center;width: 65%;}
.dealer-list-middle-sec .dropdown-select-field label{font-weight: 600; font-size: 16px; line-height: 20px; flex-shrink: 0; margin-right: 20px; width: 140px;}
.dealer-list-middle-sec .dropdown-select-field select { color: #6B6B6B; }
.dealer-list-middle-sec .dropdown-select-field select { font-weight: 500; font-size: 16px; line-height: 24px; width: 40%; padding: 12px 20px; border: 1px solid #F2A900; background-position-y: 19px; background-size: 12px; }
.dealer-list-middle-sec .dropdown-select-field select option {color: #000;}
.dealer-list-middle-sec{padding: 50px;}
.search-box .search-field{background-color: #fff; padding: 15px;}
.search-box .search-field span{margin-right: 5px;}
.search-box .search-field input{padding: 0 10px;border: none;}
.search-box .search-field input::placeholder{color: #c1c1c1;}
.search-box .search-field span i{font-size: 20px;}
.dealer-list-table{margin-top: 40px;}
.dealer-list-table .dealer-list-data{border-collapse: separate; border-spacing: 0 10px;}
/*.dealer-list-table .dealer-list-data td:first-child{width: 32%;}*/
.dealer-list-table .dealer-list-data td{border-right: 1px solid #ddd;}
.dealer-list-table .dealer-list-data th{background-color: #001C3C;color: #fff;border-bottom: none; border-right: 1px solid #ddd;}
.dealer-list-table .dealer-list-data th,.dealer-list-table .dealer-list-data td{padding: 15px 15px;font-weight: 600; font-size: 16px; line-height: 24px;}
.dealer-list-table .dealer-list-data td{color: #001C3C;border-bottom: none;background-color: #FFFFFF;vertical-align: middle;text-align: left;}
.dealer-list-table .dealer-list-data th:last-child,.dealer-list-table .dealer-list-data td:last-child{border: none;text-align: center;}
/*.dealer-list-table .dealer-list-data a{font-weight: 500; font-size: 14px; line-height: 21px;padding: 9px 15px;color: #000000;text-align: center;background: #ECF0F5; border-radius: 4px;cursor: pointer;}*/
.dealer-list-table .dealer-list-data a{cursor: pointer;}
/*.dealer-list-table .dealer-list-data a:first-child{margin-right: 12px;}*/
.dealer-list-table .dealer-list-data .delete{padding-right: 0!important;margin-left: 11px;}
/*.dealer-list-table .dealer-list-data a:hover{background-color: #F2A900;}*/


/*------------------------ Log in page -----------------------*/
.login-dashbord-sec .left-side-content h2.mobile-dashboard{display: none;}
.login-dashbord-sec .left-side-content h2{font-weight: 600; font-size: 48px; line-height: 72px;color: #002855;margin-bottom: 14px;}
.login-dashbord-sec .left-side-content h2::before{content: '';width: 220px;height: 2px;display: block;background-color: #F2A900;margin: 0 0 10px 0;}
.login-dashbord-sec .left-side-content h3{font-weight: 400; font-size: 48px; line-height: 60px;color: #333333;margin-bottom: 23px;}
.login-dashbord-sec .left-side-content p{font-weight: 400; font-size: 24px; line-height: 32px;color: #504C4C;}
.login-dashbord-sec .marketing-dash{justify-content: center;}
/*.login-dashbord-sec .left-side-content{display: flex;background-image: url("../images/login-left-side-bg-pt-lg.png");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 140px 100px; height: 100vh;justify-content: center;}*/
.login-dashbord-sec .left-side-content{display: flex;background-image: url("../images/login-left-side-bg-pt-lg.png");background-repeat: no-repeat;background-size: contain;background-position: center;padding: 140px 100px; height: 100vh;justify-content: center;}
/* .login-dashbord-sec .login-details article{} */
.login-dashbord-sec .login-details{text-align: center;height: 100vh;display: flex; align-items: center;justify-content: center;width: 530px;}
.login-dashbord-sec .login-details p{font-weight: 600; font-size: 20px; line-height: 26px; text-align: center;color: #333333;margin: 8px 0 66px;}
.new-dealer-registration h3{font-weight: 600; font-size: 26px; line-height: 34px;text-align: center;color: #333333;margin: 30px 0 10px 0;}
.login-dashbord-sec .login-details .login-form p{font-weight: 700;line-height: 34px;color: #333333;margin: 0 0 40px;}
.login-dashbord-sec .login-details .login-form .alert p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.new-dealer-registration button{padding: 14px 0px; font-size: 16px; line-height: 24px; font-weight: 600; width: 100%; background-color:transparent; color: #014B85; text-decoration: none; display: inline-block; border: 1px solid #014B85; margin-bottom:0px;}
.new-dealer-registration button:hover{ background-color: #014B85; color: #fff;}
.or-divider{    position: relative;height: 7px;}
.or-divider span{position: absolute; top: 0; transform: translate(0, -50%); text-align: center; display: block;font-weight: 400; font-size: 14px; line-height: 21px;color: #C2C2C2;width: 100%;}
.or-divider span text{padding: 0 20px; background-color: #fff;}
.or-divider hr{margin: 0;}
.form-group input, .form-group textarea, .form-group select{ width: 100%; border: none; background: #ECF0F5; padding: 15px 25px; color: #000; flex: 1 1 auto;}
.login-form .input-field{display: flex;background-color: #e8f0fe;}
.login-form .input-field span{padding: 0 20px; background-color: #002855;display: flex; align-items: center;border-radius: 0px 6px 6px 0px;}
.login-form .input-field span i{    font-size: 20px;color: #fff;}
.login-form .input-field .show-password{    padding: 0px 0px;    background-color: transparent;margin-right: 15px;display: flex;}
.form-group input::placeholder, .form-group textarea::placeholder{ font-size: 18px; line-height: 27px; font-weight: 400; color:#c1c1c1; }
.login-form .form-group label{font-weight: 400; font-size: 20px; line-height: 26px;color: #555555;margin-bottom: 3px;display: block;text-align: left;}
.login-form .forgrt-password{font-weight: 400; font-size: 15px; line-height: 22px;text-align: right;margin-top: 15px;display: block;}
/*.login-form .form-group input{background: #F7F7F7;}*/
/*.login-form .forgrt-password a{text-decoration-line: underline;color: #1E2772;display: inline-block;}*/
.form-group{margin-bottom: 30px;} 
input:focus-visible, textarea:focus-visible, select:focus-visible{ outline: none; } 
.btn-sec button.login-btn{font-size: 20px; line-height: 25px; align-items: center; border-radius: 6px;}
.btn-sec button{ padding: 14px 0px; font-size: 16px; line-height: 24px; font-weight: 600; width: 100%; background-color: #0066FF; color: #fff; text-decoration: none; display: inline-block; border: 1px solid #0066FF;    margin-bottom: 60px;} 
.btn-sec button:hover{ background-color:transparent; color: #0066FF;}
.scroll-down-button{display: none;}
.login-logo.mobile{display: none;}


/*------------------------ Register page -----------------------*/

.register-dashbord-sec .left-side-content h2{font-weight: 600; font-size: 48px; line-height: 72px;color: #000000;margin-bottom: 30px;}
.register-dashbord-sec .left-side-content h2::before{content: '';width: 220px;height: 2px;display: block;background-color: #F2A900;margin: 0 0 10px 0;}
.register-dashbord-sec .left-side-content p{font-weight: 400; font-size: 22px; line-height: 33px;color: #000000;margin-bottom: 50px;}
.register-dashbord-sec .left-side-content{display: flex;align-items: center;background-image: url("../images/login-left-side-bg.png");background-repeat: no-repeat;background-size: cover;background-position: center;    padding: 0 100px; height: 100vh;}
.register-dashbord-sec .register-details{padding: 80px 70px 60px 70px;height: 100vh; display: flex; align-items: center;}
.register-dashbord-sec .register-details .note{margin-bottom: 35px;font-weight: 600; font-size: 18px; line-height: 27px;color: #000;}
.register-dashbord-sec .register-details .register-form .input-field{    display: flex;align-items: center;}
.register-dashbord-sec .register-details .register-form .input-field label{display: inline-block; margin-right: 30px; width: 33%;font-weight: 500; font-size: 22px; line-height: 33px;color: #000000;}
.register-dashbord-sec .register-details .register-form .form-group{margin-bottom: 20px;}
.register-dashbord-sec .register-details .register-form .declaration-note{margin-top: 20px;}
.register-dashbord-sec .register-details .register-form .declaration-note p{font-weight: 400; font-size: 16px; line-height: 24px; color: #666666;margin-bottom: 30px;}
.register-dashbord-sec .register-details .register-form .declaration-note p:first-child{color: #000;margin-bottom: 10px;font-size: 18px; line-height: 27px;padding-right: 50px;}
.register-dashbord-sec .register-details .register-form .declaration-note p:first-child span{color: #D31C1C;}
.register-details .register-form .input-field p span{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;margin-top: 5px;display: inline-block;}
.register-details .register-form .terms-condition-note p{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;}
.register-details .register-form .terms-condition-note p span{font-weight: 500;}
.terms-condition-checkbox{display: flex;align-items: center;margin-top: 30px;}
.terms-condition-checkbox input{width: 25px; height: 25px; margin-right: 10px;flex: 0;}
.terms-condition-checkbox label{font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.register-details .register-form .btn-sec button{margin-bottom: 0;margin-top: 10px;}
.register-details .register-form .form_field{padding-right: 75px;}
.dropdown-select-field select{background-image: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png); background-repeat: no-repeat; appearance: none; -webkit-appearance: none; background-position-x: 96%; background-position-y: 20px;background-size: 14px;}
.register-dashbord-sec .register-details .register-form .input-field.register-email-input-field{align-items: flex-start;}
.register-dashbord-sec .register-details .register-form .input-field.register-email-input-field label{margin: 10px 0;}
.logo-vew-popup.show .popup-image img{max-height:90vh;}

/*------------------------  Forgot Password page -----------------------*/
.login-dashbord-sec.forget-password-sec .left-side-content{padding: 130px 100px;background-image: unset;}
.forget-logo{margin-bottom: 50px;}
.forget-password-sec .login-details h2{font-weight: 600; font-size: 48px; line-height: 72px;color: #002855;margin-bottom: 0px;}
.forget-password-sec .login-details p{font-weight: 400; font-size: 16px; line-height: 24px; text-align: center;color: #000000;margin: 30px 0 50px 0;}
.forget-password-sec .login-form .form-group label{font-weight: 500; font-size: 22px; line-height: 36px; color: #000;}
.forget-password-sec .login-form .form-group p{margin: 5px 0 0 0;text-align: left;}
.forget-password-sec .btn-sec button{margin-bottom: 0px;padding: 15px 0px; font-size: 20px; line-height: 30px;margin-top: 5px;}
.forget-password-sec .login-details .forget-email-note p{font-size: 20px; line-height: 30px;margin: 30px 0 40px 0;}
.forget-password-sec .login-details .forget-email-note p a{color: #0038FF;text-decoration: underline;}
.login-dashbord-sec.forget-password-sec .login-details{padding: 50px 0px;}
.forget-password-sec .login-form{    padding: 0 65px;}
.forget-password-sec .heading-content p{padding: 0 70px;}
.forget-email-note .back-login{font-weight: 400; font-size: 20px; line-height: 30px;color: #0038FF;display: inline-block;}
.forget-email-note .back-login:hover{text-decoration: underline;}


/*------------------------ Dealer-web-dashbord -----------------------*/

.breadcrumb li+li:before { padding: 0 7px; color: #000; content: "\203A"; font-size: 26px; vertical-align: text-top; font-weight: 400 !important; }

.main-dasbord-mobile-header{display: none;}

.main-dasbord-header{ padding: 40px 50px 10px 50px;background-color: #fff; /* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.03); */margin-top: 20px;border-top-left-radius: 40px;} 
.logo{ text-align: left; } 
.dashbord-top-menu-sec{ text-align: right; margin-top: 10px;} 
.dashbord-top-menu-sec ul li:first-child a{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;}
.dashbord-top-menu-sec ul li:first-child a::after{content: '';width: 0px;height: 1px;background-color: #13498E;display: block;margin: 3px auto 0 auto;}
.dashbord-top-menu-sec ul li:first-child a:hover::after{width: 50px;}
.dashbord-top-menu-sec ul li a:hover{color: #002855 !important;}
.dashbord-top-menu-sec ul li .v-separator{height: 20px;width: 1px;background-color: #000;opacity: 0.5;margin: 0 8px;    display: inline-block;margin-left: 15px;}
.dashbord-top-menu-sec ul{display: flex;justify-content: flex-end;}
.dashbord-top-menu-sec ul li:first-child{display: flex;align-items: center;margin-right: 15px;}
.dashbord-top-menu-sec ul li:last-child a{font-weight: 500; font-size: 16px; line-height: 20px;color: #002855;margin-left: 10px; width: 45px; height: 45px;}
.main-dasbord-header img.marketing-logo{padding-left: 35px;}
.main-dasbord{display: flex;}
.main-dasbord .dashbord-side-bar
{
max-height: 100vh;position: fixed; top: 0;overflow-y: auto; min-height: 100vh; width: 290px;
 flex-shrink: 0;background-color: #001C3C;display: flex;flex-direction: column;}
.main-dasbord main{background-color: #ffffff; overflow-x: hidden; width: 100%; margin-left: 290px; min-height: 100vh; display: flex; flex-direction: column;}

.dasbord-heading-sec{padding: 30px 50px 10px 50px; /* min-height: 180px; */align-items: center;display: flex;background: #FAFAFA;}
/*.register-page{padding: 30px 50px 0 50px;background-image: url("../images/register-image1.svg")!important;background-repeat: no-repeat;background-size: cover;min-height: 180px;align-items: center;display: flex;}*/
.register-page{padding: 30px 50px 0 50px;background-repeat: no-repeat;background-size: cover;min-height: 180px;align-items: center;display: flex;background: unset;}
.dasbord-heading-sec .row{align-items: flex-end;}
.dasbord-heading-sec h1 img.dashboard-icon{padding-right: 10px;}
.dasbord-heading-sec h1{font-weight: 600; font-size: 34px; line-height: 44px;color: rgba(0, 40, 85, 1);padding-bottom: 12px;display: flex;align-items: center;}
/*.dasbord-heading-sec h1::before{content: ''; width: 200px; height: 2px; display: block;}*/
.marketing-literature-middle-sec h2{font-weight: 600; font-size: 34px; line-height: 51px;color: #13498E;    margin-bottom: 5px;}
.marketing-literature-middle-sec h2::before{content: ''; width: 200px; height: 2px; display: block; background-color: #F2A900; margin: 0 0 10px 0;}
.dasbord-heading-sec .dashbord-heading-content p{font-weight: 500; font-size: 22px; line-height: 28px;color: rgba(51, 51, 51, 1);}
/*.dasbord-heading-sec .dashbord-heading-content p a{color: #13498E;text-decoration: underline;}*/
.dasbord-heading-sec .dashbord-heading-content p a:hover{color: #002855;}
/* .dasbord-heading-sec .dasbord-heading-right p{font-weight: 400; font-size: 14px; line-height: 21px;color: #000;margin-bottom: 10px;text-align: right;} */
.dasbord-heading-sec .dasbord-heading-right ul{    justify-content: flex-end;margin-bottom: 0;    margin-top: 5px;}
.dasbord-heading-sec .dasbord-heading-right ul li{font-weight: 400; font-size: 14px; line-height: 21px;color: #13498E;margin-bottom: 10px;text-align: right;}
.dasbord-heading-sec .dasbord-heading-right ul li a{color: #13498E;}
.dasbord-heading-sec .dasbord-heading-right ul li.active{color: #000;}
.dashbord-middle-sec .seo-list{padding-bottom: 20px;}
.dashbord-middle-sec .seo-list .plus-icon{text-align: right;}
.dashbord-middle-sec .seo-list .plus-icon a{margin-right: 15px;}
.dashbord-middle-sec .seo-list .plus-icon a img{width: 50px; height: 50px;}
.dashbord-middle-sec{padding: 50px 38px 26px 38px; background-color: #FFFFFF;}
.dashbord-middle-sec .all-item-outer-sec{display: flex;flex-wrap: wrap;}
/* .dashbord-middle-sec .all-item-outer-sec{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 314px));} */
/*.dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 20%;padding: 0 12px;margin-bottom: 24px;display: flex;}*/
.dashbord-middle-sec .all-item-outer-sec .each-item-box{padding: 0px; margin-bottom: 40px; display: flex; position: relative; min-height: 170px; width: 20%;}
/*.product-media-center-middle-sec .all-item-outer-sec .each-item-box{width: 33%;}*/
.dashbord-middle-sec .all-item-outer-sec .each-item-box .black_logo{display: none;}
.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover .blue_logo{display: none;}
.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover .black_logo{display: inline-block;}
.dasbord-footer-sec .dasbord-footer-content p{font-weight: 300; font-size: 14px; line-height: 18px;color: #FFFFFF;}
.dasbord-footer-sec .dasbord-footer-content p a{color: #FFFFFF;}
.dasbord-footer-sec .dasbord-footer-content p.terms-text br{display: none;}
.dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-weight: 600; font-size: 22px; line-height: 33px;color: #484848;padding: 28px 0 0;}
 .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}
.dashbord-middle-sec .all-item-outer-sec .each-item-box p{font-weight: 400; font-size: 14px; line-height: 21px;color: #666666;}
/*.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{background: #FFFFFF;padding: 53px 30px 35px;display: block;width: 100%;background-color: #FFFFFF; box-shadow: 4px 4px 12px #0000001c; border: 1px solid #EBEBEB; margin-right: 15px; margin-left: 15px; border-radius: 6px;position: relative;}*/
.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{background: #FFFFFF;padding: 35px 24px;display: block;width: 100%;background-color: #0066FF05; border: 1px solid #EBEBEB; margin-right: 15px; margin-left: 15px; border-radius: 6px;position: relative;}
/*.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover{ background: #002855;  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);}*/
.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover{ background:#FFFFFF; box-shadow: 4px 4px 15px 0px #0000000D;}
.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover h3{color: #333333;/* font-weight: 700; */}
.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner:hover p{color: #fff;}
.dashbord-middle-sec .dashbord-middle-sec-top p{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 20px;padding-left: 12px;}
.dasbord-footer-sec .dasbord-footer-content .center-side{padding-top: 67px;}
.dasbord-footer-sec{padding: 16px 115px;background-color: #0066FF;margin-top: auto;}
.dasbord-footer-sec .dasbord-footer-content article{display: flex;justify-content: space-between;}
.dasbord-footer-sec .dasbord-footer-content .person-detail-sec{display: flex;}
.dasbord-footer-sec .dasbord-footer-content .person-details{display: flex;align-items: center;}
.dasbord-footer-sec .dasbord-footer-content .person-details span.name{margin-right: 40px;}
.dasbord-footer-sec .dasbord-footer-content h4{font-weight: 700; font-size: 20px; line-height: 30px;color: #000000;}
.dasbord-footer-sec .dasbord-footer-content h4::after{content: ''; width: 115px; height: 2px; display: block; background-color: #F2A900; margin: 6px 0 30px 0;}
.dasbord-footer-sec .dasbord-footer-content .person-details .name h4::after{display: none;}
.dasbord-footer-sec .dasbord-footer-content .person-details .name h4{margin-bottom: 2px;}
.dasbord-footer-sec .dasbord-footer-content .person-details:first-child::after{content: ''; width: 1px; height:50px; display: block; background-color: #F2A900; margin: 0px 60px 0px 60px;}
.dasbord-footer-sec .dasbord-footer-content ul li {font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;display: flex;}
.dasbord-footer-sec .dasbord-footer-content ul li:first-child{margin-bottom: 5px;}
.dasbord-footer-sec .dasbord-footer-content ul li span:first-child{margin-right: 10px;}
.dasbord-footer-sec .dasbord-footer-content .person-details ul li a{color: #000000;}
.dasbord-footer-sec .dasbord-footer-content .person-details span h4.prson-name{color: #0066FF;}
.sider-bar-accordion .accordion-button{display: none !important;} /* sidebar dropdown button hide */

.sider-bar-accordion .accordion-button{display: inline-block; background: none; width: auto; padding:0;float: right;}
.sider-bar-accordion .accordion-button i{    vertical-align: middle;}
.sider-bar-accordion .accordion-button i{    vertical-align: middle;}
.sider-bar-accordion .accordion-item{background-color:#001C3C;border: none;border-radius: 0;padding: 12px 12px 12px 0px;}
/*.sider-bar-accordion .accordion-item:last-child{border-bottom: 6px solid;border-color: #002855;}*/

.sider-bar-accordion .accordion-item:hover{background: #002855;}
.sider-bar-accordion .accordion-item:hover a{color: #0066FF;}

.accordion-button:focus{border: none;box-shadow: none;}
.main-dasbord .sider-bar-accordion h4{display: flex; justify-content: space-between;}
.main-dasbord .sider-bar-accordion h4 a{font-weight: 600; font-size: 16px; line-height: 24px;color: #FFFFFF;display: flex; align-items: center;flex: 1;}
.main-dasbord .sider-bar-accordion h4 a::before{content: '';display: inline-block;width: 3px;height: 31px;background-color: transparent;    margin-right: 10px;border-radius: 5px;}
.sider-bar-accordion .accordion-item:hover h4 a::before{background-color: #174580; }
.main-dasbord .sider-bar-accordion h4 a figure{display: inline-block;    margin-right: 16px;}
.sider-bar-accordion .accordion-item h4 figure .blue_logo{display: none;}
.sider-bar-accordion .accordion-item:hover h4 figure .blue_logo{display: inline-block;}
.sider-bar-accordion .accordion-item:hover h4 figure .white_logo{display: none;}
.sider-bar-accordion .accordion-item button i{color: #fff;}
.sider-bar-accordion .collapse-sub-items li a{color: #fff;}
.dealer-user-profile{background: #001C3C; /* padding: 20px 0 25px 0; */ padding: 45px 0; text-align: center;    }
.dealer-user-profile figure img{width: 50px;height: 50px;border-radius: 50%;}
.dealer-user-profile p.clinic{font-size: 16px; line-height: 30px; color: #ffffff;padding-left: 15px;}
.dealer-user-profile figure span{display: flex;justify-content: center; align-items: center;}
/* .sider-bar-list{max-height: 60.7vh; overflow-y: scroll;} */
.dashbord-side-bar::-webkit-scrollbar {width: 0;}
.dashbord-side-bar::-webkit-scrollbar-track {border-radius: 10px;background-color: #13498e;}
.dashbord-side-bar::-webkit-scrollbar-thumb {border-radius: 20px;background-color: #ffffffd6;}

.user-profile-dropdown button{background-color: transparent; border: none;font-weight: 500; font-size: 20px; line-height: 30px;color: #EAAA00;margin-top: 5px;}
.user-profile-dropdown button span img{margin-left: 15px;}
.user-profile-dropdown .dropdown-toggle::after{display: none;}
/*.dealer-user-profile .user-profile-dropdown .dropdown-menu{width: 95%;transform: translate(2%, 40%) !important;}*/
.user-profile-dropdown .dropdown-menu li a{font-weight: 500; font-size: 16px; line-height: 24px;color: #13498E;}
.user-profile-dropdown .dropdown-item:focus, .user-profile-dropdown .dropdown-item:hover{background-color: #13498E;color: #fff;}
.user-profile-dropdown :focus-visible {outline: none;}
.user-profile-dropdown p{font-weight: 400; font-size: 16px; line-height: 24px;text-align: center;color: #FFFFFF;}

.siderbar-footer article{display: flex;    align-items: center;    justify-content: center;}
.siderbar-footer article a{font-weight: 600; font-size: 16px; line-height: 24px;color: #F2A900;}
.siderbar-footer article span.divider{display: inline-block; width: 1px; height: 28px; background-color: #fff; margin: 0 10px;}
.siderbar-footer .social-media-sec li{display: inline-block;/*margin-right: 20px;*/margin-right:5px}
/*.siderbar-footer .social-media-sec li:last-child{margin-left: 0;}*/
.siderbar-footer .social-media-sec{display: flex; justify-content: center;/*margin-top: 20px;*/margin-top: 0px;}
.siderbar-footer{padding: 32px 0; background-color: #002855;margin-top: auto;}

.mobile-socialmedia-footer-sec{display: none;}
.mobile-socialmedia-footer-sec{    padding: 15px 0;background-color: #002855;}
.mobile-socialmedia-footer-sec article { display: flex; align-items: center; justify-content: center; }
.mobile-socialmedia-footer-sec article a { font-weight: 600; font-size: 14px; line-height: 22px; color: #F2A900; }
.mobile-socialmedia-footer-sec article span.divider { display: inline-block; width: 1px; height: 21px; background-color: #fff; margin: 0 10px; }
.mobile-socialmedia-footer-sec .social-media-sec { display: flex; justify-content: center; margin-top: 15px; }
.mobile-socialmedia-footer-sec .social-media-sec li { display: inline-block; margin-right: 15px; }
.mobile-socialmedia-footer-sec .social-media-sec li:last-child{margin-right: 0;}


.social-media-sec li img.hover-logo{display: none;}
.social-media-sec li a:hover img.hover-logo{display: inline-block;}
.social-media-sec li a:hover img.normal-logo{display: none;}

/*------------------------ Raynor-Academy-dashbord -----------------------*/

.raynor-dealer-programs .logo-box-inner-sec{background: #fff!important;padding:25px 25px 0px 25px;}
.raynor-dealer-programs .each-logo-box{padding: 0 30px 0 0!important;}
.raynor-dealer-programs .all-catagory-logo-sec p{padding-bottom: 30px;font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #000000;}
.raynor-dealer-programs .program-qualification h3{color: #13498E;margin-bottom: 10px}
.raynor-dealer-programs .program-qualification p{margin-bottom: 20px}
/*.raynor-dealer-programs .program-qualification-content{background-color: #fff;display: flex;padding: 0;margin-bottom: 60px;}*/
.raynor-dealer-programs .program-qualification-content{display: flex;margin-bottom: 60px;}
.raynor-dealer-programs .program-qualification-content h4{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 22px;line-height: 33px;color: #fff;background-color: #4C74A6;padding: 22px 0 22px 30px;margin-bottom: 20px;}
.raynor-dealer-programs .program-qualification-content li{padding: 10px 0;padding-left: 30px;font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #000000;position: relative;padding-left: 38px;list-style: none;}
.raynor-dealer-programs .program-qualification-content li:before{content: "\A";width: 6px;height: 6px;border-radius: 49%;background: #000;left: 19px;top: 19px;position: absolute;}
.raynor-dealer-programs .program-qualification-content li:last-child{border-bottom: none;padding-bottom: 20px}
/*.raynor-dealer-programs .program-benefits-content{background-color: #fff;display: flex;padding-top: 0;margin-bottom: 30px;padding: 0;}*/
.raynor-dealer-programs .program-benefits-content{display: flex;padding-top: 0;margin-bottom: 30px;}
.raynor-dealer-programs .program-benefits-content h4{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 22px;line-height: 33px;color: #fff;background-color: #4C74A6;padding: 22px 0 22px 30px;}
.raynor-dealer-programs .program-benefits-content p{font-family: 'Poppins';font-style: normal;font-weight: 300;font-size: 18px;line-height: 27px;color: #000000;padding-bottom: 10px;padding: 0 25px;}
.raynor-dealer-programs .program-benefits-content .program-left{padding: 0;border-right: 1px solid #ECF0F5;background-color: #fff;}
.raynor-dealer-programs .program-benefits-content .program-right{padding: 0;border-right: 1px solid #ECF0F5;background-color: #fff;}
/*.raynor-dealer-programs .program-benefits-content .program-right{padding: 30px 25px;}*/
.raynor-dealer-programs .program-benefits h5{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 16px;line-height: 20px;text-transform: capitalize;color: #000000;padding-bottom: 15px;}
.raynor-dealer-programs .program-benefits .please-note{padding: 0 10px;}
.raynor-dealer-programs .program-benefits{padding-bottom: 50px}
.raynor-dealer-programs .program-qualification-content .program-qualification-left{border-right: 1px solid #ECF0F5;background-color: #fff;}
.raynor-dealer-programs .program-qualification-content .program-qualification-right{background-color: #fff;}
.raynor-dealer-programs .program-benefits-content li{border-bottom: 0.5px solid #ECF0F5;padding: 10px 0;padding-left: 30px;list-style: none;font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #000000;}
.raynor-dealer-programs .program-benefits-content .spacing{padding: 22px 0;padding-left: 30px;}
.raynor-dealer-programs .program-benefits-content .extra-li{margin-top: 24px;}
.raynor-dealer-programs .program-benefits-content li:last-child{border-bottom: none;}
.raynor-dealer-programs .all-catagory-logo-sec{margin-bottom: 30px;}

.raynor-academy-header-heading-sec .dashbord-heading-content{display: flex;align-items: center;}
.academy-image{margin-left: 50px;}
.dasbord-heading-sec.raynor-academy-header-heading-sec .dasbord-heading-right p{color: #13498E;}
.raynor-academy-dashbord-middle-sec{padding: 50px 50px;background-color: #ECF0F5;}

.raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box{background: #FFFFFF; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);padding: 26px 0 20px 20px;min-height:205px;}
.raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing{    position: relative;margin-bottom: 15px;}
.raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3{background-color: #00407E; color: #fff; font-weight: 600; font-size: 22px; line-height: 33px; padding: 5px 0; margin-left: 35px;}
.raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3 span{margin-left: 35px;}
.raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon{position: absolute; top: -10px; left: -5px;}
.raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box p{padding-right: 20px;font-size: 16px; line-height: 25px;color: #000000;}
.raynor-academy-sales-sec{margin-top: 50px;}
/*.raynor-academy-sales-sec .each-raynor-box{display: flex;}*/
.raynor-academy-sales-sec .each-raynor-box .content-sec{padding: 30px 30px 50px 30px;}
.raynor-academy-sales-sec .each-raynor-box .content-sec figure{text-align: center;margin-bottom: 0;}
.raynor-academy-sales-sec .content-sec1 .each-document{padding: 0 0 0 20px!important;}
.raynor-academy-sales-sec .each-raynor-box .content-sec p{font-weight: 400; font-size: 16px; line-height: 24px;color: #666666;text-align: center;padding: 0 20px;}
.raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec p{    padding: 0 20px;}
.raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .in_section_academy, .raynor-academy-sales-sec .each-raynor-box .content-sec .in_section_academy{min-height: 254px;}
.raynor-academy-sales-sec .each-raynor-box .inner-raynor-box{background-color: #FFFFFF;}
.raynor-academy-sales-sec .each-raynor-box .inner-raynor-box h3{background-color: #F2A900; border-radius: 4px 4px 0px 0px; padding: 15px 0; font-weight: 600; font-size: 34px; line-height: 51px; text-align: center;}
.raynor-academy-sales-sec .each-raynor-box .course-download-sec{margin-top: 30px;}
.raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec{ margin-bottom: 30px;display:flex;align-items: center;justify-content: space-between;}
.raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:last-child{font-weight: 600; font-size: 16px; line-height: 24px;color: #161616;}
.raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child{font-weight: 600; font-size: 22px; line-height: 33px;color: #000000;}
.raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child::after{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 8px 0 0px 0;}
.raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document{display: flex; justify-content: space-between;align-items: center; /*padding: 10px 10px 10px 20px;*/background-color: #ECF0F5;margin-bottom: 15px;}
.raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document h4{font-weight: 600; font-size: 16px; line-height: 24px;color: #13498E;}
/*.course-download-sec .view-download-sec a{padding: 10px 15px;background-color: #fff;border-radius: 4px;    display: inline-block;}
.course-download-sec .view-download-sec a:hover{background-color: #F2A900;}*/
.course-download-sec .view-download-sec a:first-child{margin-right: 4px;}
.course-download-sec .view-download-sec{flex-shrink: 0;}
.raynor-academy-sales-sec .content-sec .tuition-sec h4{font-weight: 600; font-size: 22px; line-height: 33px;color: #000000;}
.raynor-academy-sales-sec .content-sec .tuition-sec h4::after{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 10px 0 0px 0;}
.raynor-academy-sales-sec .content-sec .tuition-sec{margin-top: 30px;}
.tuition-sec .tuition-price-table{margin-top: 20px;/*padding-right: 110px;*/}
.tuition-sec .tuition-price-table th, .tuition-sec .tuition-price-table td{padding: 12px 10px 12px 0;font-size: 16px;line-height: 25px;color: #000000;font-weight: 300;}
.tuition-sec .tuition-price-table th{border: none;font-weight: 600;}
/*.tuition-sec .tuition-price-table .seat{width: 26%;}
.tuition-sec .tuition-price-table .seat-price{width: 48%;}
.tuition-sec .tuition-price-table .payment{width: 26%;}*/
.tuition-sec .tuition-price-table tbody tr:last-child td{border: none;}
.tuition-sec .tuition-price-table table{margin-bottom: 0;}
.raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .tuition-sec p{font-weight: 600; font-size: 22px; line-height: 33px;color: #000000;margin-top: 30px;text-align: left;padding: 0;}
.raynor-academy-sales-sec .appply-button a{font-weight: 600; font-size: 16px; line-height: 24px;padding: 15px;background-color: #174580;color: #fff;display: inline-block;border: 1px solid #174580;width: 295px;margin-top: 30px;}
.raynor-academy-sales-sec .appply-button .right-btn{margin-left: 20px;}
.raynor-academy-sales-sec .appply-button a:hover{background-color: transparent;color: #174580;}
.raynor-academy-sales-sec .appply-button{text-align: center;}
.raynor-academy-sales-sec .raynor-academy{padding-right: 15px;}
.raynor-academy-sales-sec .raynor-sales-academy{padding-left: 15px;}

/*------------------------ Raynor-Academy-Application-Form -----------------------*/

.raynor-application-form-middle-sec{padding: 50px 50px; /* background-color: #ECF0F5; */}
.raynor-application-form-middle-sec .application-form-field label{display: block;font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 5px;cursor: pointer;}
.raynor-application-form-middle-sec .application-form-field .form-group input, .raynor-application-form-middle-sec .application-form-field .form-group textarea, .raynor-application-form-middle-sec .application-form-field .form-group select , .application-form-field .select2{font-weight: 400; font-size: 14px; line-height: 24px; cursor: pointer; border-radius: 0; border: 0; border-bottom: 1px solid #ddd; padding: 5px 0 10px; box-shadow: unset; margin-bottom: 0;    background-color: transparent;}
.raynor-application-form-middle-sec p{font-weight: 400; font-size: 16px; line-height: 25px;color: #000000;}
.contact-information-heading h3{font-weight: 600; font-size: 22px; line-height: 33px;color: #13498E;}
.contact-information-heading h3::after{content: ''; width: 135px; height: 2px; display: block; background-color: #F2A900; margin: 10px 0 0px 0;}
/*.contact-information-heading p{margin-top: 20px;padding-right: 600px;margin-bottom: 30px;}*/
.contact-information-heading p{margin-top: 20px;margin-bottom: 30px;}
.raynor-application-form-middle-sec .application-form-field .first-top-border{padding-top: 10px;}
.contact-information-heading.your-contact-information{margin-top: 20px;}
.student-name-course-registration-sec{display: flex;}
.student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec{padding: 40px 30px;background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 8px;}
.student-name-course-registration-sec .student-name-sec{width: 37%;    margin-right: 60px;}
.student-name-course-registration-sec .course-registration-sec{width: 45%;}
.student-name-course-registration-sec h3{font-weight: 600; font-size: 22px; line-height: 33px; color: #13498E;}
.student-name-course-registration-sec h3::after{content: ''; width: 135px; height: 2px; display: block; background-color: #F2A900; margin: 10px 0 20px 0;}
.raynor-application-form-middle-sec .student-name-course-registration-sec label{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 5px;}
.raynor-application-form-middle-sec .student-name-course-registration-sec .form-group input, .raynor-application-form-middle-sec .student-name-course-registration-sec.form-group textarea, .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group select{padding: 10px 0;border-bottom: 1px solid #000;font-weight: 400; font-size: 16px; line-height: 24px;background-color: #fff;}
.raynor-application-form-middle-sec .student-name-course-registration-sec .dropdown-select-field select{background: none; appearance: auto;}
.raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field{display:flex;align-items: center;}
.raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field label{    flex-shrink: 0;padding-right: 55px;font-weight: 400; font-size: 22px; line-height: 33px;color: #13498E;margin-bottom: 0;}
.raynor-application-form-middle-sec .student-name-course-registration-sec p{margin-bottom: 20px;}
.student-name-course-registration-sec .enrolling-checkbox input{width: 25px;height: 25px;margin-right: 20px;}
.student-name-course-registration-sec .enrolling-checkbox label{margin: 0;    font-weight: 400;}
.student-name-course-registration-sec .enrolling-checkbox{display: flex; align-items: center;margin-bottom: 30px;}
.student-name-course-registration-sec .form-group{margin-bottom: 0;}
.raynor-application-form-middle-sec .thnk-you-content p{margin-bottom: 20px;}
.raynor-application-form-middle-sec .thnk-you-content{margin-top: 30px;padding-right: 200px;}
.raynor-application-form-middle-sec .document-download .each-document{display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 20px; background-color: #fff;}
.raynor-application-form-middle-sec .document-download .each-document h4{font-weight: 600; font-size: 16px; line-height: 24px; color: #13498E;}
.raynor-application-form-middle-sec .document-download .view-download-sec a:first-child{margin-right: 4px;}
/*.raynor-application-form-middle-sec .document-download .view-download-sec a{padding: 10px 15px; background-color: #ECF0F5; border-radius: 4px; display: inline-block;}
.raynor-application-form-middle-sec .document-download .view-download-sec a:hover{background-color: #F2A900;}*/
.confirmation-submit-sec{    margin-top: 20px;}
.confirmation-submit-sec input{width: 25px;height: 25px;margin-right: 25px;}
.confirmation-submit-sec label{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;}
.confirmation-submit-sec .submit-btn{font-weight: 600; font-size: 16px; line-height: 24px;padding: 15px 0;width: 165px;background-color: #174580;color: #fff;border: none; margin-top: 30px;border: 1px solid #174580;}
.confirmation-submit-sec .submit-btn:hover{background-color: transparent;color:#174580 ;}
.confirmation-submit-sec .confirmation-checkbox{display: flex;align-items: center;}


/*------------------------ Marketting Sales Tools page -----------------------*/
.dashbord-middle-sec.markettingSalestools-middle-sec .all-item-outer-sec .each-item-box h3{line-height: 28px;}

/*------------------------ Residential Sectional Doors page -----------------------*/

.residentialSectionalDoors-middle-sec h3{font-weight: 600; font-size: 22px; line-height: 33px;color: #000000;text-transform: capitalize;}
.residentialSectionalDoors-middle-sec h3::before{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 0px 0 10px 0;}
.residentialSectionalDoors-middle-sec p{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;text-transform: capitalize;margin-bottom: 10px;}
.residentialSectionalDoors-middle-sec .each-content-sec{margin-bottom: 30px;}
.dashbord-middle-sec.residentialSectionalDoors-middle-sec{padding: 50px 50px 30px 50px;}
.residentialSectionalDoors-middle-sec .left-side-details{padding-right: 20px;}
.residentialSectionalDoors-middle-sec .right-side-details{padding-right: 20px;}
.residentialSectionalDoors-middle-sec .each-content-sec p{margin-top: 20px;}
.stack-charts h3, .other-resaurces h3{margin-bottom: 20px;}
/*------------------------ Document-view-download-box-sec -----------------------*/
.document-view-download-box{display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 20px; background-color: #FFFFFF; margin-bottom: 10px;}
.document-view-download-box h4 { font-weight: 600; font-size: 16px; line-height: 24px; color: #13498E;margin-right: 10px; }
.document-view-download-box .view-download-sec { flex-shrink: 0;    line-height: 0; }
/*.document-view-download-box .view-download-sec a { padding: 10px 15px; background-color: #ECF0F5; border-radius: 4px; display: inline-block; }*/
.document-view-download-box .view-download-sec a:first-child{margin-right: 4px;}
.open-btn .view-download-sec a{margin-right: 0!important;}
/*.document-view-download-box .view-download-sec a:hover { background-color: #F2A900; }*/

/*------------------------ Commercia page -----------------------*/

.commercial-middle-sec .each-catagory-logo-sec h4{font-weight: 600; font-size: 22px; line-height: 33px;color: #000000;margin-bottom: 20px;padding-left: 15px;}
/*.commercial-middle-sec .each-catagory-logo-sec{background-color: #fff;padding: 50px 15px 20px 15px;margin-bottom: 50px;}*/
/*.commercial-middle-sec .each-catagory-logo-sec{background-color: #fff;padding: 50px 15px 20px 15px;margin-bottom: 50px;}*/
.media-photo .each-catagory-logo-sec{background-color: unset;padding: 0;margin-bottom: 0;}
.media-photo .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 715px))!important;}
.media-photo .all-logo-images .each-logo-box .logo-box-inner-sec figure img{max-height: unset;aspect-ratio: 15/9;}
.media-photo .logo-box-inner-sec{text-align: unset!important;padding: unset!important; background: unset!important; height: unset!important;margin-bottom:0px;}
.media-photo .logo-box-inner-sec{}
.logo-image-upload-box label{font-weight: 600; font-size: 22px; line-height: 33px; text-align: center;color: #FFFFFF;background-color: #13498E;width: 240px;padding: 15px 0;border: 1px solid #13498E;margin-top: 20px;cursor: pointer;}
.logo-image-upload-box label:hover{background-color: transparent;color:#13498E;}
.logo-image-upload-box input{display: none;}
/*.commercial-middle-sec .each-logo-box{width: 25%; padding: 0 15px; position: relative;    margin-bottom: 30px;}*/
.commercial-middle-sec .each-logo-box{padding: 0 15px; position: relative;    margin-bottom: 40px;text-align: center;}
.commercial-middle-sec .all-logo-images{display: flex;flex-wrap: wrap;}
/*.commercial-middle-sec .logo-box-inner-sec{text-align: center; padding: 0px 35px 0 35px; background: #ECF0F5; height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center;}*/
.commercial-middle-sec .logo-image-upload-box .logo-box-inner-sec{border: 1px dashed #000000;background-color: #F6F9FF;}
.commercial-middle-sec .view-download-delete { /*position: absolute; bottom: 39px;display: flex;*/}
/*.commercial-middle-sec .view-download-delete a{padding: 16px 10px;background-color: #d4e1f0;font-weight: 400; font-size: 14px; line-height: 21px;color: #13498E;border-right: 0.5px solid #000;display: inline-block;cursor: pointer;}*/
/*.commercial-middle-sec .view-download-delete a{border-right: 0.5px solid #000;cursor: pointer;}*/
.commercial-middle-sec .view-download-delete a{padding-left: 4px;}
.media-photo .view-download-delete a{padding: 0;cursor: pointer;}
/*.commercial-middle-sec .view-download-delete a:hover{background-color: #13498e;color: white;}*/
.commercial-middle-sec .view-download-delete a:last-child{border:none}

.commercial-middle-sec .catagory-select-section{ margin-bottom: 30px;}
.commercial-middle-sec .catagory-select-section p{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 30px;}
.commercial-middle-sec .dropdown-select-field select{font-weight: 400; font-size: 20px; line-height: 27px; color: #000000; width: 25%; padding: 12px 20px;border: 1px solid #F2A900;background-position-y: 16px;}
.commercial-middle-sec .dropdown-select-field{display: flex;align-items: center;padding-left: 15px;}
.commercial-middle-sec .dropdown-select-field label{font-weight: 600; font-size: 16px; line-height: 20px;flex-shrink: 0;margin-right: 20px;}
.dashbord-middle-sec.commercial-middle-sec{padding: 50px 50px 20px 50px;}
.all-project-section .view-delete-download img{width: 47%;}
.view-delete-download .download{cursor: pointer;padding-right: 8px;}
.view-delete-download .download{padding-right: 8px;}
.commercial-middle-sec .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 290px));display: grid;}

.commercial-middle-sec .logo-vew-popup{background-color: #0006;}
.commercial-middle-sec .logo-vew-popup .modal-dialog{ max-width: 900px;margin: auto; height: 100%; display: flex; align-items: center; background: none; }

/*.commercial-middle-sec .logo-vew-popup .btn-close{height: auto; position: absolute; right: 15px; top: 20px; z-index: 2; background: none;}*/
.commercial-middle-sec .logo-vew-popup .btn-close{
    height: auto;
    position: absolute;
    right: -25px;
    top: -8px;
    z-index: 2;
    background: none;
}
.commercial-middle-sec .logo-vew-popup .btn-close span{font-size: 42px; color: #000 !important; line-height: 0px;}

.commercial-middle-sec .logo-vew-popup .btn-close:focus-visible {outline: none !important;}
.commercial-middle-sec .logo-vew-popup .btn-close:focus{box-shadow: none;}

/*------------------------ Raynor Architect Page -----------------------*/

.dashbord-middle-sec.raynor-architect-dashbord-middle-sec{padding: 50px 50px 50px 50px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec{padding-right: 60px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec p{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 17px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec{padding-bottom: 35px;}
.raynor-architect-dashbord-middle-sec .app-download-sec{background-color: #FFFFFF; padding: 30px 60px; display: flex; align-items: center; justify-content: space-between;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content{    width: 48%;}
.raynor-architect-dashbord-middle-sec .app-download-sec .right-side-download-option-sec{display: flex; align-items: center; justify-content: flex-end;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3{font-weight: 600; font-size: 22px; line-height: 33px; text-transform: capitalize;color: #000000;    padding-right: 100px;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3::before{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 0 0 10px 0;}
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a{display: inline-block;margin-top: 30px;}
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download{text-align: center;}
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child{margin-right: 70px;}


/*------------------------ Project Gallery Page -----------------------*/

.projectGallery-middle-sec{padding: 50px 50px 20px 50px;}
.projectGallery-middle-sec .catagory-select-section { margin-bottom: 50px; }
.projectGallery-middle-sec .dropdown-select-field { display: flex;align-items: center;}
.multi-select-dropdown{margin-top: 15px;}
.multi-select-dropdown .select2-selection{font-weight: 400; font-size: 20px; line-height: 27px; color: #000000; width: 100%; padding: 10px 20px 5px 20px; border: 1px solid #F2A900; background-position-y: 18px; background-size: 12px;background-image: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png); background-repeat: no-repeat;background-position-x: 98%;border-radius: 0;}
.multi-select-dropdown .select2-selection .select2-selection__choice{padding: 9px 15px 9px 10px;background-color: #D9D9D9;font-weight: 400; font-size: 16px; line-height: 20px;color: #353535;text-transform: capitalize;margin: 0 10px 10px 0; display: flex; align-items: center;}
.multi-select-dropdown .select2-selection .select2-selection__choice__remove{font-size: 33px; font-weight: 300; margin-right: 15px;color: #000;}
.multi-select-dropdown .select2-selection .select2-selection__clear{margin: 6px 15px 0 0;font-size: 33px; font-weight: 300;}
.multi-select-dropdown .select2{    width: 100% !important;}
.projectGallery-middle-sec .dropdown-select-field.multi-select-dropdown{display: block; width: 100%;}
.slider-gallery-sec .carousel-indicators button{width: 12px; height: 12px;background-color: #fff;border-radius: 50%;opacity: 1;}
.slider-gallery-sec .carousel-indicators .active{background-color: #F2A900 !important;opacity: 1;}
.multi-select-dropdown .select2-container .select2-search--inline .select2-search__field{margin-top: 0;}

.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{ font-weight: 600; font-size: 16px; line-height: 20px; flex-shrink: 0; margin-right: 20px;width: 140px;}
.projectGallery-middle-sec .dropdown-select-field select{font-weight: 400; font-size: 20px; line-height: 27px; color: #000000; width: 25%; padding: 12px 20px; border: 1px solid #F2A900; background-position-y: 19px;background-size: 12px; }
.projectGallery-middle-sec.gallerySubmission-middle-sec .dropdown-select-field select{width: 100%;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box {border: 1px dashed #000000; background-color: #F6F9FF; padding: 20px 40px 20px 20px; text-align: center;    flex-shrink: 0;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box a {font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF; background-color: #13498E; border: 1px solid #13498E; border-radius: 0; display: inline-block; margin-left: 25px; padding: 20px 25px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box a:hover{background-color: transparent;color: #13498E;}
.projret-photo-upload-sec .upload-content-sec{display: flex;align-items: center;margin-bottom: 50px;}
.projectGallery-middle-sec .projret-photo-upload-sec .right-content{margin-left: 40px;}
.projectGallery-middle-sec .projret-photo-upload-sec .right-content p{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;    padding-right: 100px;}
.projectGallery-middle-sec .projret-photo-upload-sec h3{font-weight: 600; font-size: 22px; line-height: 33px;margin-bottom: 20px;}
.all-project-section .each-project .inner-sec{width: 100%;}
/*.all-project-section .each-project .project-details{padding: 20px 20px 0 20px;}*/
/*.all-project-section .each-project figure{margin-bottom: 10px;}*/
.all-project-section .each-project figure img{width: 100%;object-fit: cover;aspect-ratio: 15/9;}
.all-project-section .each-project a#download figure img.blue_logo{display:none}
.all-project-section .each-project a#download figure:hover .white_logo{display: none;}
.all-project-section .each-project a#download figure:hover .blue_logo{display: inline-block;}
.all-project-section .each-project a#download figure img{max-width:56px}
.all-project-section .view-delete-download figure img{object-fit: unset;aspect-ratio: unset;}
.all-project-section .each-project .inner-sec p{font-weight: 500; font-size: 16px; line-height: 25px;color: #000000;}
.all-project-section .each-project .inner-sec p span{margin-right: 10px;}
.all-project-section .each-project .inner-sec h3{font-weight: 600;font-size: 18px;line-height: 20px;color: #174580;margin-top: 10px;}
/*.all-project-section .each-project .inner-sec h3::after{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 5px 0 10px 0;}*/
.all-project-section .each-project .details-text p{font-weight: 400; font-size: 14px; line-height: 21px;margin-bottom: 5px;}
.all-project-section .each-project .details-text p span{font-weight: 500;margin-right: 30px;display: inline-block; width: 13%;font-size: 16px;line-height: 24px;}
.all-project-section .each-project .view-delete-download{ display: flex; justify-content: flex-end;}
/*.all-project-section .each-project .view-delete-download a{background-color: #F5F5F5; display: inline-block; width: 32px; text-align: center;}
.all-project-section .each-project .view-delete-download a:hover{background: #F2A900;}*/
.all-project-section .each-project{margin-bottom: 30px;display: flex;width: clamp(23ch, 60%, 77ch);}
.project-details article{display: flex;justify-content: space-between;}



.projectGallery-middle-sec .project-upload-popup .project-upload-content h3{font-weight: 600; font-size: 34px; line-height: 51px;color: #174580;margin-bottom: 35px;text-align: center;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content h4{font-weight: 600; font-size: 22px; line-height: 33px;color: #174580;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content input{padding: 5px 0; border-bottom: 1px solid #000; font-weight: 400; font-size: 16px; line-height: 24px;background-color: #fff;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields h4{margin-bottom: 10px;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields input[name="category"] {width: auto; margin-right: 5px; vertical-align: middle;  accent-color: #000;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content .form-group{margin-bottom: 20px;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields{display: flex;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields .form-group:first-child{width: 50%;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields .photo-upload-field input{padding: 0;border: none;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields label{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 10px;}
.project-upload-popup .modal-dialog{    max-width: 750px;display: flex; align-items: center; background: none; height: auto; margin: auto;}
.project-upload-popup .modal-body{padding: 0;}
.project-upload-popup .btn-close{position: absolute; right: 15px; padding: 0; opacity: 1; background-size: 22px; width: 27px; height: 27px;z-index: 1;}
.project-upload-popup .modal-content{padding: 35px 40px;}
.project-upload-popup .btn-sec .submit-btn{padding: 14px 35px;margin: 20px 0 0 0;width: auto;}
.project-upload-popup .note{font-weight: 500; font-size: 14px; line-height: 21px;color: #000000;}

.project-upload-popup .photo-upload-field input::file-selector-button {margin-right: 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;background: #F1F1F1; border: 0.8px solid #727272; background-image: url("../images/upload-icon.svg"); background-repeat: no-repeat; background-position: 15px 7px; padding: 7px 15px 7px 46px; cursor: pointer;}

.project-upload-popup.thankYou-popup .btn-close{width: 20px; height: 20px;top: 8px;background-size: 16px;}
.project-upload-popup.thankYou-popup .thank-you-content h3{font-weight: 500; font-size: 24px; line-height: 36px;color: #174580;margin-bottom: 15px;text-align: center;}
.project-upload-popup.thankYou-popup .thank-you-content p{font-weight: 400; font-size: 16px; line-height: 24px; text-align: center;color: #000000;}
.project-upload-popup.thankYou-popup .modal-content { padding: 65px 40px; }


/*------------------------ Marketing Literature Page -----------------------*/

.dashbord-middle-sec.marketing-literature-middle-sec{padding: 20px 38px 40px 38px;}
.dashbord-middle-sec.marketing-literature-middle-sec .all-item-outer-sec .each-item-box{    width: 25%;}
.marketing-literature-middle-sec h3 { font-weight: 600; font-size: 22px; line-height: 33px; color: #13498E; text-transform: capitalize;margin-bottom: 15px;}
.marketing-literature-middle-sec .new-features-sec h3::before { content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 0px 0 10px 0; }
.marketing-literature-middle-sec .new-features-sec{padding: 0 24px;margin-top: 26px;}

/*------------------------ Warranty Support Page -----------------------*/
.dashbord-middle-sec.warranty-support-middle-sec{    padding: 50px;}
.warranty-support-middle-sec h3{font-weight: 600; font-size: 22px; line-height: 33px;color: #000000;margin-bottom: 25px;}
.warranty-support-middle-sec h3::before{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 0px 0 10px 0;}

/*------------------------ Product Video Page -----------------------*/

.categarory-search-sec{display: flex;justify-content: space-between;}
.categarory-search-sec .dropdown-select-field{display: flex; align-items: center;width: 50%;}
.categarory-search-sec .dropdown-select-field label { font-weight: 600; font-size: 16px; line-height: 20px; flex-shrink: 0; margin-right: 20px; }
.categarory-search-sec .dropdown-select-field select{font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; width: 51%; padding: 10px 20px; border: 1px solid #F2A900; background-position-y: 19px; background-size: 12px;}
.categarory-search-sec .search-field-box .search-field{display: flex; background-color: #fff;padding: 7px 15px;width: 250px;}
.categarory-search-sec .search-field-box .search-field input{width: 100%; border: none; background: #fff; color: #000; flex: 1 1 auto;padding: 0;}
.categarory-search-sec .search-field-box .search-field span{margin-right: 20px;}
.productVideo-middle-sec{padding: 30px;}
/*.productVideo-middle-sec .each-product-video .inner-sec{padding: 20px 15px; background-color: #fff;display: flex; flex-direction: column; width: 100%;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08); border-radius: 4px;}*/
/*.productVideo-middle-sec .each-product-video{display: flex;width: 527px}*/
.productVideo-middle-sec .each-product-video .inner-sec iframe{aspect-ratio: 15/9;}
.video-details{margin: 10px 0 20px 0;}
.all-video-section h2 {padding-bottom: 20px;padding-left: 20px;font-weight: 600;font-size: 22px;line-height: 33px;}
/*.productVideo-middle-sec .all-video-section {margin-top: 30px;background-color: #fff;padding: 30px 24px;}*/
.video-details p{font-weight: 600;font-size: 18px;line-height: 22px;color: #174580;}
.categarory-search-sec .select-option{width: 50%;}
.select-option .select-items{left: unset;width: 77%;overflow-y: unset;}
.productVideo-middle-sec.inner-sec figure{position: relative;}
.productVideo-middle-sec.inner-sec .play-button{text-align: center;}
/*.productVideo-middle-sec .each-product-video .inner-sec{margin-bottom: 30px;}*/

.productphoto-middle-sec{padding: 30px 50px 20px 50px;}
.productphoto-middle-sec .categarory-search-sec .search-field-box .search-field{width: 270px;align-items: center;}
/*.productphoto-middle-sec .all-productPhoto-section{margin-top: 0px;background-color: #fff;padding: 30px 20px 0 20px;margin-bottom: 30px;}*/
.productphoto-middle-sec .each-product-photo figure img{width: 100%;object-fit: cover;aspect-ratio: 15/9;}
.productphoto-middle-sec .each-product-photo h3{font-weight: 500; font-size: 18px; line-height: 21px;text-align: center; text-transform: capitalize;padding: 12px 0;}

.productphoto-middle-sec .each-product-photo{margin-bottom: 30px;}
.productphoto-middle-sec .each-product-photo .inner-sec{width: 100%;color: #000;}
/*.productphoto-middle-sec .each-product-photo{display: flex;width: 389px;}*/
/*.productphoto-middle-sec .each-product-photo .inner-sec:hover h3{background: #F2A900;color: #000000;}*/
.all-productPhoto-section h2 {padding-bottom: 20px;padding-left: 20px;font-weight: 600;font-size: 22px;line-height: 33px;}


/*------------------------ Technical Resources Page -----------------------*/

.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 760px; margin-bottom: 0;}
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-all-items{margin-top: 20px;}
.dashbord-middle-sec.all-item-outer-sec .each-item-box{    width: 33.33%;}
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box p{padding: 0 10px;}

/*------------------------ Product Media Center Page -----------------------*/

.dashbord-middle-sec.product-media-center-middle-sec{padding-bottom: 100px;}
.dashbord-middle-sec.technical-resources-middle-sec.product-media-center-middle-sec .dashbord-middle-sec-top p{padding-right: 0px;}
.product-media-center-middle-sec .media-catagories-btn-sec{margin-top: 25px;padding-left: 24px;}
.product-media-center-middle-sec .media-catagories-btn-sec a{width: 170px; padding: 15px 0;background-color: #174580;font-weight: 600; font-size: 16px; line-height: 24px;color: #FFFFFF;text-align: center;margin-top: 20px;display: inline-block;border: 1px solid #174580;}
.product-media-center-middle-sec .media-catagories-btn-sec a:hover{background-color: transparent;color: #174580;}
.product-media-center-middle-sec .media-catagories-btn-sec p{font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}




/* ================== FAQ ====== */

.faq-middle-sec{padding: 50px 50px;}
.faq-sec-content{background-color: #fff; padding: 20px 0;}

.faq-sec-content .accordion-button::after {background-image: url("../images/faq-plus.svg");}
.faq-sec-content .accordion-button:not(.collapsed)::after {background-image: url("../images/faq-minus.svg");}
.faq-sec-content .accordion-button{ background-color: #fff; padding: 0; margin-bottom: 0px; font-weight: 600; font-size: 22px; line-height: 33px; color: #000000  ; }
.faq-sec-content .accordion-item{ border: none; border-bottom: 1px solid #939393; margin-bottom: 0px; padding: 20px 40px;}
.faq-sec-content .accordion-button:focus{ border: none; box-shadow: none; }
.faq-sec-content .accordion-button:not(.collapsed), .faq-sec-content .accordion-collapse{ background-color: #fff; border: none; box-shadow: none; }
.faq-sec-content .accordion-button:not(.collapsed){color: #00234B;}
.faq-sec-content .accordion-item:first-of-type .accordion-button{border-radius: unset;}
.faq-sec-content .card-body {padding: 0 50px 0px 0;}
.faq-sec-content .card-body p{color: #5B5B5B;font-weight: 500; font-size: 16px; line-height: 24px;text-align: left;margin-top: 4px;}
/*.faq-sec-content .card-body p a{color: #0085FF;}*/
/*.faq-sec-content .card-body p a:hover{text-decoration: underline;}*/
.faq-sec-content .accordion-button.collapsed{margin-bottom: 0px;}
.faq-sec-content .accordion-item:last-child{border-bottom: none;}

/* ================== Web Print ====== */

.web-print-middle-sec{padding: 50px;}
.dashbord-middle-sec.web-print-middle-sec .dashbord-middle-sec-top p{padding-left: 0;}
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p{    padding-right: 720px;}
.web-print-content-sec .content-inner-sec{display: flex; background-color: #FFFFFF;    justify-content: space-between; align-items: flex-end;}
.web-print-content-sec .content-inner-sec .left-side-content{padding: 30px 55px 30px 30px;}
.web-print-content-sec .content-inner-sec .right-side-image{flex-shrink: 0;}
.web-print-content-sec .content-inner-sec .left-side-content ul li{width: 50%;float: left;font-weight: 400; font-size: 20px; line-height: 30px;color: #000000;background-image: url("../images/list-dot.svg"); background-repeat: no-repeat; background-position: 0 12px;padding: 0 0px 10px 15px;}
.web-print-content-sec .content-inner-sec .left-side-content ul{    width: 100%;overflow: auto;}
.web-print-content-sec .content-inner-sec .left-side-content p{font-weight: 400; font-size: 13px; line-height: 20px;color: #000000;}
.web-print-content-sec .left-side-content .login-sec h4{font-weight: 500; font-size: 20px; line-height: 30px;color: #13498E;}
.web-print-content-sec .left-side-content .login-sec a{font-weight: 600; font-size: 16px; line-height: 24px;color: #FFFFFF;padding: 8px 20px;background-color: #13498E;display: inline-block;margin-top: 10px;border: 1px solid #13498E;}
.web-print-content-sec .left-side-content .login-sec a:hover{background-color: transparent;color:#13498E;}
.web-print-content-sec .left-side-content .login-sec{    margin-top: 25px;}
.web-print-content-sec .left-side-content .short-disclaimer{margin-top: 60px;}
.web-print-content-sec .left-side-content .short-disclaimer p a{text-decoration: underline;}

/* ================== Contact Directory ====== */

.contact-directory-middle-sec{padding: 50px 50px 20px 50px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p{padding-left: 0px;margin-bottom: 50px;}
.dasbord-heading-sec.contact-page-heading-sec .dashbord-middle-sec-top p a{color: #13498E;font-weight: 500;}
.dasbord-heading-sec.contact-page-heading-sec .dashbord-middle-sec-top p a:hover{text-decoration: underline;}
.contact-directory-content-sec .each-dept-contact{background-color: #FFFFFF; margin-bottom: 30px;}
.contact-directory-content-sec .each-dept-contact .heading{padding: 20px 50px;background-color: #D9D9D9;font-weight: 600; font-size: 22px; line-height: 33px;display: flex; justify-content: space-between;}
.contact-directory-content-sec .each-dept-contact .heading span.dept-name{width: 85%; display: inline-block;}
.contact-directory-content-sec .each-dept-contact .heading span.extension{width: 15%;display: inline-block;text-align: right;}
.contact-directory-content-sec .each-dept-contact .all-contact-details{padding: 20px 50px 20px 50px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 18px;display: flex; justify-content: space-between;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p span.name{width: 50%; display: inline-block;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p span.code{width: 50%;display: inline-block;text-align: right;font-family: "Courier New", monospace;font-weight:bold;}
.contact-directory-content-sec .each-dept-contact h4{font-weight: 600; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 15px;text-transform: capitalize;    margin-top: 25px;}

.contact-directory-content-sec .each-dept-contact h4:first-child{margin-top: 0px;}

.contact-directory-content-sec .each-dept-contact .all-contact-details p a{color: inherit;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p a:hover{text-decoration: underline;}

.contact-directory-content-sec .each-dept-contact.regional-managers p span.name {width: 50%;}
.contact-directory-content-sec .each-dept-contact.regional-managers p span.code {width: 50%;}
.contact-directory-content-sec .each-dept-contact.domestic-customer-service p span.name {width: 50%;}
.contact-directory-content-sec .each-dept-contact.domestic-customer-service p span.code {width: 50%;}

.contact-directory-content-sec .each-dept-contact.technical-support p span.name {width: 65%;}
.contact-directory-content-sec .each-dept-contact.technical-support p span.code {width: 35%;}

.contact-directory-content-sec .each-dept-contact.int-sales p span.name {width: 30%;}
.contact-directory-content-sec .each-dept-contact.int-sales p span.code {width: 70%;}

.contact-directory-content-sec .each-dept-contact.national-account p span.name {width: 30%;}
.contact-directory-content-sec .each-dept-contact.national-account p span.code {width: 70%;}

.contact-directory-content-sec .each-dept-contact.architec-sales p span.name {width: 30%;}
.contact-directory-content-sec .each-dept-contact.architec-sales p span.code {width: 70%;}

.contact-directory-content-sec .each-dept-contact .all-contact-details p.search{margin-bottom: 10px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p:last-child{margin-bottom: 0;}

/* ================== comparison 2 page ====== */

.comparison-item-select-middle-sec{padding: 50px;}
.dashbord-middle-sec.comparison-item-select-middle-sec .dashbord-middle-sec-top p{padding-left: 0px;margin-bottom: 40px;}
.comparison-item-select-middle-sec .comparison-items-sec h4{font-weight: 600; font-size: 22px; line-height: 33px; color: #000000; margin-bottom: 20px;}
.comparison-item-select-middle-sec .comparison-items-sec h4::before{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 0 0 10px 0;}
.comparison-items-sec .item-check-box{width: 40%;}
.comparison-items-sec .item-details{width: 60%;color: #000000;font-weight: 400;}
.comparison-items-sec .each-item{display: flex;display: flex; background-color: #fff; padding: 10px 10px; margin-bottom: 10px;}
.comparison-items-sec .comparison-items-box{margin-bottom: 30px;}
.comparison-items-sec .each-item{font-size: 16px; line-height: 24px;}
.comparison-items-sec .item-check-box label{font-weight: 600;color: #13498E;margin-left: 5px;}
.comparison-items-sec .item-check-box input{vertical-align: middle;}
.compare-btn-sec{margin-top: 10px;}
.comparison-items-sec .compare-btn{font-weight: 600; font-size: 16px; line-height: 24px; color: #FFFFFF; padding: 8px 20px; background-color: #13498E; display: inline-block; margin-top: 10px; border: 1px solid #13498E;}
.comparison-items-sec .compare-btn:hover{background-color: transparent;color:#13498E;}

/* ================== Electronoc Price Page ====== */

.electronoc-price-middle-sec{padding: 50px 50px 40px 50px;}
.electronoc-price-middle-sec .top-sec-content{margin-bottom: 20px;}
.electronoc-price-middle-sec .top-sec-content ul{padding: 0 0px 0 15px;}
.electronoc-price-middle-sec .top-sec-content ul li{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 10px;list-style: disc;}
.electronoc-price-middle-sec .top-sec-left-side p, .electronoc-price-middle-sec .top-sec-right-side p{font-weight: 500; font-size: 16px; line-height: 24px;margin-bottom: 10px;}
.electronoc-price-middle-sec hr{width: 98.7%; margin: 30px auto 40px auto; background-color: #4C74A6; height: 1px;}
.electronoc-price-middle-sec h3{font-weight: 600; font-size: 22px; line-height: 33px; color: #000000; margin-bottom: 20px;}
.electronoc-price-middle-sec h3::before{content: ''; width: 90px; height: 2px; display: block; background-color: #F2A900; margin: 0 0 10px 0;}

/* ================== comparison 1 page ====== */
/*.dashbord-middle-sec.comparison-first-middle-sec .all-item-outer-sec .each-item-box{width: 33.33%;}*/
/*.master-panel.comparison-first-middle-sec .all-item-outer-sec .each-item-box{width: 20%;}*/
.dashbord-middle-sec.comparison-first-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{width: 100%;}

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{    padding-right: 550px;}


/* ================== Profile page ====== */

.profile-account-details .profile-image .profile-avtar { width: 120px; height: 120px; border-radius: 50%; border: 4px solid #002855; position: relative; z-index: 0; display: block; margin: 0 auto;object-fit: cover;}
.profile-account-details .profile-image-edit #profileimages-upadate{display: none;}
.profile-page{    padding: 50px 50px;}
.profile-account-details .profile-image h4{font-weight: 600; font-size: 22px; line-height: 33px;color: #000000;margin-top: 15px;}
.profile-page .profile-account-details{background-color: #fff; padding: 65px 12px;display: flex; margin-bottom: 50px; }
.profile-page .profile-account-details .profile-image-sec{padding: 0 100px; width: auto;    text-align: center;}
.profile-page .profile-account-details .profile-image{    position: relative;width: 200px; margin: 0 auto;}
.profile-page .profile-account-details .profile-image-edit{position: absolute; right: 30px;z-index:3}
.profile-page .profile-account-details .bg-circle{position: absolute; right: 13px; top: -17px;}
.profile-image-edit label{cursor: pointer;}
.profile-bio-details .input-field span{cursor: pointer;}
.profile-page .account-details{padding-left: 75px; border-left: 1px solid #00000059;}
.profile-page .account-details .admin-membership-category{padding-top: 60px;}
.profile-page .account-details .membership-category .text{display: block; padding: 15px 0px; background-color: #F2A900; font-weight: 600; font-size: 22px; line-height: 33px; color: #000000;width: 315px;text-align: center;}
.profile-page .account-details .membership-category .crown-logo{display: inline-block; margin-left: 60px; position: absolute; top: -25px;}
.profile-page .account-details .membership-category .premimum{position: relative;}
.profile-page .account-details .membership-category .authorized .text{background-color: #13498E;color: #fff;}
.profile-page .account-details .acNo_dealership h4{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 10px;}
.profile-page .account-details .acNo_dealership p{font-weight: 600; font-size: 22px; line-height: 33px;color: #174580;}
.profile-page .account-details .acNo_dealership{    display: flex;    margin-top: 25px;}
.profile-page .account-details .acNo_dealership .account-no{margin-right: 50px;}
.profile-page .profile-bio-details{padding: 35px 40px; background-color: #fff;}
.profile-page .profile-bio-details .form-group .input-field{border-bottom: 1px solid #000000; display: flex; align-items: center;padding: 5px 0;}
.profile-page .profile-bio-details .form-group .input-field input{padding: 0;background: #fff;}
.profile-page .profile-bio-details .form-group label{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 10px;}
.profile-page .save-btn-sec{text-align: left;}
.profile-page .save-btn-sec button{font-weight: 600; font-size: 16px; line-height: 24px; padding: 15px 0; width: 170px; background-color: #002855; color: #fff; border: none; margin-top: 10px; border: 1px solid #002855;}
.profile-page .save-btn-sec button:hover{background-color: transparent;color:#174580;}
.profile-page .bottom-sec span{font-weight: 400; font-size: 16px; line-height: 24px;color: #FE0000;}
.profile-page .bottom-sec p{font-weight: 400; font-size: 16px; line-height: 24px;color: #13498E;text-align: right;}
.profile-page .bottom-sec p a{color: #0070FF;}
.profile-page .password-uppdate-sec{margin: 20px 0 15px 0;}
.profile-page .password-uppdate-sec input::placeholder{color:#c1c1c1;}
.profile-page .password-uppdate-sec .save-btn-sec button{width: 205px;margin-top: 0;}
.profile-page .password-uppdate-sec .password-sec-heading h3{font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 20px;}
.profile-page .each-side{padding: 0 25px;}
.profile-page .profile-bio-details .each-side:first-child{padding-left: 12px;}
.profile-page .profile-image-sec h4{font-weight: 600; font-size: 22px; line-height: 33px;margin-bottom: 0;margin-top: 15px;}

/* ================== Marketing Sales Aids Page ====== */

.marketing-sales-aids-middle-sec{padding: 50px 50px;}
.marketing-sales-aids-middle-sec .each-sales-aids{padding: 20px 30px 20px 20px; background-color: #fff;display: flex; align-items: center;flex-wrap: wrap;margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 72%;display: flex; align-items: center;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{flex-shrink: 0;    margin-right: 40px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 28%;    text-align: right;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{padding: 5px 20px; background-color: #13498E; border: 1px solid #13498E; font-weight: 600; font-size: 18px; line-height: 27px; color: #FFFFFF;display: inline-block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn:hover{background-color: transparent; color: #13498E;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-weight: 400; font-size: 24px; line-height: 36px;color: #13498E;margin-bottom: 12px;cursor: pointer;}
.marketing-sales-aids-middle-sec .each-sales-aids p{font-weight: 400; font-size: 16px; line-height: 24px;color: #000000;}
.marketing-sales-aids-middle-sec .each-sales-aids p span{font-weight: 500; font-size: 20px; line-height: 30px;color: #13498E;margin-left: 10px;}
.marketing-sales-aids-middle-sec .qty-btn{display: flex; align-items: center; justify-content: flex-end;}
.marketing-sales-aids-middle-sec .right-side-btn .price{border: 1px solid #F2A900; text-align: center;padding: 5px 0px;width: 260px;margin-bottom: 23px;    display: inline-block;}
.marketing-sales-aids-middle-sec .qty-btn button {padding: 0; border: none;}
.marketing-sales-aids-middle-sec .plus-minus-btn { display: flex; align-items: center; margin-right: 20px; }
.marketing-sales-aids-middle-sec .plus-minus-btn span{color: #6B7076;font-size: 14px;}
.marketing-sales-aids-middle-sec .qty-number{display: inline-block; padding: 0px 6px; font-size: 18px; line-height: 28px; color: #000; font-weight: 500; width: 60px; text-align: center; border: 1px solid #E0E3E8;}
.marketing-sales-aids-middle-sec .qty-btn span.qty{color: #6B7076;font-size: 16px; line-height: 24px; color: #6B7076; font-weight: 500;margin-right: 17px;}
.marketing-sales-aids-middle-sec .plus-minus-btn span img{cursor: pointer;}


/* ================== Comparisons 3 Page ====== */

.comparison-table table {position: relative;max-width: 100%; table-layout: fixed;overflow: hidden;border-collapse: collapse;margin-bottom: 0;}
.comparison-table thead {position: relative;display: block;overflow: visible;width: 100%;}
.comparison-table thead th {min-width: 340px;max-width: 340px; position: relative;background-color:#DFE9F4; padding: 15px 20px;border-bottom: 0;font-weight: 400; font-size: 20px; line-height: 30px;}
.comparison-table thead th:first-child{background-color: #4C74A6; z-index: 9;}
.comparison-table thead th:nth-child(1) {min-width: 190px;max-width: 190px;}
.comparison-table tbody {position: relative;display: block;height: 750px;overflow: scroll;width: fit-content; max-width: 100%;}
.comparison-table tbody td {min-width: 340px;max-width: 340px;position: relative;padding: 10px 20px;font-weight: 400; font-size: 16px; line-height: 24px;}
.comparison-table tbody tr td:nth-child(1) {min-width: 190px;max-width: 190px;color: #13498E;font-weight: 600;padding: 10px 10px;background-color: #DFE9F4;z-index: 9;}
.comparison-table .table-striped tbody tr:nth-of-type(odd){background-color: #fff;--bs-table-accent-bg: transparent}
.comparison-table .table-striped tbody tr:nth-of-type(even){background-color: #FFF;}
.comparison-table .table-striped tbody tr:nth-of-type(odd) td:nth-child(odd){background-color: #fff;}
.comparison-table table th,.comparison-table table td{border-right: 1px solid #4C74A6;color: #000000;}

   /*------------------------ Project Gallery Submission page -----------------------*/
.projectGallery-middle-sec .dropdown-select-field select {color: #6B6B6B;}
.projectGallery-middle-sec .dropdown-select-field select:focus {color: #000;}
.projectGallery-middle-sec .dropdown-select-field select option {color: #000;}
.projectGallery-middle-sec .dropdown-select-field select option:first-of-type {color: #6B6B6B;}
.catagory-select-section .catagory-radio-field, .catagory-select-section .project-descrip-field{    display: flex;}
.projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea{font-weight: 400; font-size: 16px; line-height: 27px; color: #000000;padding: 12px 20px; border: 1px solid #F2A900; background-position-y: 19px; background-size: 12px;width: 100%;    height: 150px;}
.gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-bottom: 25px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side .input-field:last-child{margin-bottom:0px;}
.gallerySubmission-middle-sec .catagory-select-section .catagory-radio-field{    margin-bottom: 90px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side{padding-left: 40px;}
.gallerySubmission-middle-sec .catagory-select-section .left-side{padding-right: 40px;}
.catagory-select-section .catagory-radio-field input{ accent-color:#000;    margin-right: 15px;    margin-right: 15px;}
.catagory-select-section .catagory-radio-field label{font-weight: 400; font-size: 16px; line-height: 25px;}
.end-disclaimer-submit-sec .confirmation-checkbox { display: flex; align-items: center; }
.end-disclaimer-submit-sec input { width: 25px; height: 25px; margin-right: 25px; }
.end-disclaimer-submit-sec label { font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; }
.end-disclaimer-submit-sec{margin-top: 40px;}
.end-disclaimer-submit-sec p{font-weight: 500; font-size: 16px; line-height: 24px;color: #000000;margin-bottom: 20px;}
.end-disclaimer-submit-sec .submit-btn{font-weight: 600; font-size: 16px; line-height: 24px; padding: 15px 15px; background-color: #174580; color: #fff; border: 1px solid #174580; margin-top: 30px; border: 1px solid #174580;border-radius: unset;}
.end-disclaimer-submit-sec .submit-btn:hover{background-color: transparent;color:#174580;}
.projectGallery-middle-sec.gallerySubmission-middle-sec{padding: 50px;}
.end-disclaimer-submit-sec p span{margin-right: 5px;font-weight: bold;}
.checkbox-errors .parsley-errors-list{padding-bottom: 0;}
/*.table-list .add-btn a:hover{background-color: transparent;color: #001C3C;border: 1px solid #001C3C;}*/

.image-upload-preview-sec .img-bg { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; padding-bottom: 100%; }
.image-upload-preview-sec .upload-img-box { width: 250px; padding: 0 10px; margin-bottom: 20px; position: relative; }
.image-upload-preview-sec .upload-img-close { width: 24px; height: 24px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 10px; text-align: center; line-height: 24px; z-index: 1; cursor: pointer;opacity: 0; }
.image-upload-preview-sec .upload-img-close:after { content: "✖"; font-size: 14px; color: white; }
.image-upload-preview-sec .upload-image-preview-sec { display: flex; flex-wrap: wrap; margin: 0 0px; min-height: 200px; align-items: center; border: none; background-color: #fff; }
.image-upload-preview-sec .upload-btn-box { margin-bottom: 10px; }
.image-upload-preview-sec .ui-icon{width: auto;height: auto;display: block;vertical-align: middle;margin-top: auto;text-indent: unset;overflow: unset;}
.image-upload-preview-sec{padding: 40px 35px; background-color: #FFFFFF; box-shadow: 0px 3px 10px rgb(0 0 0 / 8%); border-radius: 4px;position: relative;}
.drag-photo-sec{width: 100%!important; text-align: center;}
.drag-photo-sec p{font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;margin-top: 20px;}
.image-upload-sec span{font-weight: 600; font-size: 16px; line-height: 20px;margin-right: 25px;}
.image-upload-sec label{width: 160px; padding: 8px 0; background-color: #014B85; border: 1px solid #014B85; text-align: center;color: #fff;}
#images{opacity: 0;}
.image-sorting-text p{font-weight: 600; font-size: 16px; line-height: 20px;color: #000000;margin-top: 20px;margin-left: 10px;}

/*************************Media Category Page***********************************/

.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 30px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 20px;width: 42%;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {width: 33.33%;background-color: #ECF0F5;padding: 20px 0;
  border: 1px solid #BFBFBF;text-align: center;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);cursor: pointer;}
.meadiacategory-middle-sec .meadiacategory-left-sec .catagory-radio-sec {display: flex;flex-wrap: wrap;padding-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .category {display: none;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory label {font-family: 'Poppins';font-style: normal;font-weight: 400;
  font-size: 16px;line-height: 24px;color: #000000;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory:hover {background-color: #F2A900;} 
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory.active{background-color: #F2A900;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp {background-color: #fff;padding: 20px 23px;margin-bottom: 30px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label{font-size: 16px; font-weight: 600; 
  line-height: 24px; color: #13498E;}

.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field input {background-color: #ECF0F5;border: 1px solid #BFBFBF;
  padding: 10px;width: 100%;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);} 
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .plus_icon_sec input {border: 0;background-color: transparent;} 
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .plus_icon_sec a {position: absolute;top: -1px;right: 0;
  background-color: #13498E;padding: 9px 15px;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 44px; height: 44px; background: #13498E; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0;cursor: pointer;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field{position: relative;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 p {background-color: #13498E;padding: 10px 15px;margin: 10px 10px 10px 0px;
  border-radius: 5px;color: #fff;font-size: 14px;font-weight: 400;line-height: 24px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 p a {margin-left: 10px;cursor: pointer;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 p a i {color: #000;font-size: 16px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 30px;width: 16%;background-color: #13498E;
  border: 1px solid #BFBFBF;text-align: center;padding: 10px 10px;font-size: 16px;font-weight: 600;line-height: 24px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save .save_btn {color: #fff;padding: 0;width: 100%;}
.meadiacategory-left-sec .input2{padding-left: 25px;}

.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 {display: flex;flex-wrap: wrap;background-color: #ECF0F5;width: 84%;
  padding: 10px 10px 30px 10px;border: 1px solid #BFBFBF;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);margin-top: 20px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {background-color: #fff;padding: 0 15px 20px 15px;margin:0;position: relative;
  top: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 {position: relative;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 16px;
  line-height: 24px;color: #000000;margin-bottom: 10px;cursor: pointer;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {margin-bottom: 10px;font-size: 14px;font-weight: 400;
  line-height: 25px;font-family: 'Poppins';color: #000000;font-style: normal;width: 50%;float: left;padding-right: 32px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-left: 20px;list-style-type: disc;display: flex;flex-wrap: wrap;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .icon_group {position: absolute;right: 0;top: 5px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .icon_group a {background-color: #F5F5F5;padding: 5px 9px;color: #13498E;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .icon_group a:hover {background-color: #F2A900;color: #000;}
/* .meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 120px;list-style-type: disc;} */

.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {background-color: #fff;padding: 20px 30px;margin: 0 0 30px 0;position:relative;top: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 {position: relative;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 16px;
  line-height: 24px;color: #000000;margin-bottom: 20px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul {padding-left: 20px;display: flex;flex-wrap: wrap;list-style: disc;display: flex;flex-wrap: wrap;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {margin-bottom: 10px;font-size: 14px;font-weight: 400;
  line-height: 25px;font-family: 'Poppins';color: #000000;font-style: normal;width: 33.33%;float: left;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .icon_group1 a {background-color: #F5F5F5;padding: 5px 8px;color: #13498E;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .icon_group1 a:hover {background-color: #F2A900;color: #000;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .icon_group1 {position: absolute;right: 0;top: 5px;}

/*************************New-pop-up start***********************************/


.logo-box-inner-sec .upload-btn {font-weight: 600;font-size: 22px;line-height: 33px;text-align: center;
  color: #FFFFFF;background-color: #13498E;width: 240px;padding: 15px 0;border: 1px solid #13498E;margin-top: 20px;border-radius: 0;}
.photo-upload-field input{padding: 0;border: none;display: block;background: transparent;}
.project-upload-popup .photo-upload-field input::file-selector-button {margin-right: 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;background: #F1F1F1; border: 0.8px solid #727272; background-image: url("../images/upload-icon.svg"); background-repeat: no-repeat; background-position: 15px 7px; padding: 7px 15px 7px 46px; cursor: pointer;}
.project-upload-popup .project-upload-content .form-group h4 {font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 25px;color: #174580;padding-left: 0;padding-bottom: 10px;}
.project-upload-popup .project-upload-content .form-group .btn-sec .submit-btn {padding: 11px 18px;
  margin: 20px 0 0 0;
  width: auto;}
/*.project-upload-popup .commercial-pop-up {max-width: 425px;}*/
.project-upload-popup .commercial-pop-up-content {padding: 70px 0 70px 50px;}
.project-upload-popup .commercial-pop-up .modal-content {padding: 0;}
.project-upload-popup .commercial-pop-up .modal-content .btn-close {top: 11px;}
.project-upload-popup .project-upload-content .form-group {margin-bottom: 35px;}

/*===================== popup css ====================*/

.modal-dialog{min-height: calc(103vh - 60px);display: flex;flex-direction: column;justify-content: center;}
.modal-content  figure img{width: 100%;}
.modal-content .inner-sec-popup{background-color: #fff; border: 0.2px solid #000;}
.modal-content .inner-sec-popup h3{font-weight: 600; font-size: 22px; line-height: 33px;color: #174580;margin-top: 25px;padding-bottom: 12px;}
.modal-content .inner-sec-popup .button-close{ color: #fff; align-items: right; position: absolute;top: 0px;right: 0px; background: rgba(0, 0, 0, 0.6);border-radius: 0px 0px 0px 6px; border: 0; padding-left: 8px;}
.modal-content .inner-sec-popup .button-close span{font-size: 22px;}



.catagory-select-section .option-select-sec{align-items: end; margin-top: 25px;}
.catagory-select-section .option-select-sec .each-option .select2{    padding: 6px 7px;}
.catagory-select-section .option-select-sec .end-disclaimer-submit-sec .submit-btn{ margin-top: 0px;padding: 8px 20px;}
.catagory-select-section .option-select-sec .end-disclaimer-submit-sec{margin-top: 0;}
.catagory-select-section .option-select-sec .select2-container--default .select2-selection--single .select2-selection__arrow{    top: 6px;}
.catagory-select-section .select2{    padding: 10px 7px;}

.dealer-list-table .dataTables_length select{background-color: #fff !important;}
.table-list .add-btn a{display: inline-block;}
.table-list .dataTables_paginate span .paginate_button{padding: 5px 12px !important; line-height: 17px; font-size: 17px; min-width: auto !important;    margin: 0 8px !important;}
.table-list .dataTables_paginate .paginate_button{     padding: 0 !important;cursor: pointer!important;border: none!important;}

.dataTables_wrapper .dataTables_filter {background-image: url(../images/search-icon.svg); background-repeat: no-repeat; background-color: #fff; background-position: 10px 9px !important; background-size: 20px; padding: 3px 0px;}
.dataTables_wrapper .dataTables_filter input{padding-left: 35px !important; border: none; border-bottom: 1px solid #e0e0e0; outline: none;}

/********************RaynorGram Page**********************************/
.raynorgram-input-section{padding: 0px 0 30px 0;}
.raynorgram-input-section .search-input{background-color: #fff; padding: 15px 20px;}
.raynorgram-input-section .search-input i{color: #666666;}
.raynorgram-input-section .search-input input{border: 0; padding-left: 10px;    width: 90%;}
.raynorgram-input-section .search-button button{background-color: #164682; border-radius: 0; padding: 15px 50px; color: #fff;}
.select-input{ background-color: #fff;    padding: 0 14px; }
.appearance-none{border: 0;background-color: #fff; width: 100%; padding: 17px 0;}
.appearance-none option{width: 100%;}

.all-raynorgram-section{background-color: #ecf0f5; overflow-y: scroll;overflow-x: hidden; padding:0; max-height: 550px;}
.all-raynorgram-section::-webkit-scrollbar {width: 15px;}
.all-raynorgram-section::-webkit-scrollbar-track {background-color: #E9E9E9;}
.all-raynorgram-section::-webkit-scrollbar-thumb {background-color: #ffffffd6;} 
.raynorgram-contant article{background-color: #fff; padding: 20px 30px; margin: 10px;padding-top: 0;margin-top: 0;padding-right: 0}
/*.raynorgram-contant .edit-delete{padding-bottom: 20px;margin-bottom: 10px;text-align: right;}*/
.raynorgram-contant .edit-delete .edit{background-color: #F2A900;padding: 6px;margin: 0;color: #000}
.raynorgram-contant .edit-delete .delete1{background-color: #F5F5F5;padding: 6px;margin: 0;color: #000}
.heading_1 h5{color: #164682; font-weight:600; font-size: 18px; line-height: 27px; margin-bottom: 10px;}
.heading_1 p{font-size: 20px; line-height: 30px; font-weight: 400; color: #164682; margin-bottom: 15px;}
.raynorgram-contant article .pra{font-size: 14px; line-height: 21px;padding-right: 30px} 
.heading_2{display: flex;justify-content: end;}
.heading_2 p{font-size: 14px; line-height: 21px; font-weight: 400; color: #4C74A6;}
.heading_2 .toggle_check p{padding-top: 2px;text-align: left;}
.heading_2 .download_sec span{
    background-color: #4C74A6;
    padding: 13px 10px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-right: 15px;
    min-width: 120px;
    display: block;
    text-align: center;
}
.heading_2 .download_sec span a{background-color: #F2A900; padding: 8px; margin-left: 10px;}
.heading_2 .download_sec{display: flex;}
.heading_2 .download_sec .toggle_check{padding-right: 10px}
.heading_1{padding-top: 20px;}
.user_back.btn.btn-light .img-fluid{
    margin-right: 5px;
}
/* ============ Upload-Category ============ */

.upload-category-sec .form-grp .input-group-field label{font-size: 16px;font-weight: 600;line-height: 24px;color: #13498E;margin-bottom: 3px}
.upload-category-sec .form-grp .input-group-field input{background-color: #ECF0F5;border: 1px solid #BFBFBF;padding: 10px;width: 100%;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);}
.upload-category-sec .input-group-field{padding-bottom: 20px;width: 100%;}
.upload-category-sec .form-grp{background-color: #fff;padding: 20px 23px;margin-bottom: 30px;}
.upload-category-sec .button-save{margin-top: 30px;width: 100%;background-color: #13498E;border: 1px solid #BFBFBF;text-align: center;padding: 10px 10px;font-size: 16px;font-weight: 600;line-height: 24px;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);}
.upload-category-sec .button-save .save_btn{color: #fff;padding: 0;width: 100%;}
.upload-category-sec .media-input{display: flex;}
.upload-category-sec .media-input .input-group-field{width: 50%;}
.upload-category-sec .media-input .input2{padding-left: 20px;}
.upload-category-sec .textarea{background-color: #ECF0F5;border: 1px solid #BFBFBF;padding: 10px;width: 100%;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);}
.upload-category-sec .select2{background-color: #ECF0F5;border: 1px solid #BFBFBF;padding: 10px;width: 100%!important;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);}
.upload-category-sec .select2-container--default .select2-selection--single{background-color: #ECF0F5;}
.upload-category-sec .input-field1 label{background-color: #efefef;color: #000 !important;border: 1px solid #000;width: 150px;text-align: center;padding: 6px 10px;font-weight: 400 !important;cursor: pointer;}
.upload-category-sec .dropdown-select-field{position: relative;}
.upload-category-sec .dropdown-select-field .link{position: absolute;top: 39%;left: 174px;}
.upload-category-sec .input-field1{background-color: #ecf0f5;padding: 10px;}


/* =========== Desktop popup ============== */

.dashbord-top-menu-sec ul li:first-child a:hover::after{width: 0px;}
.main-deskop-popup .deskop-popup{width: 380px; height: 303px; border-radius: 15px; background: #E9EEF6; box-shadow: 2px 4px 18px 0px #00000026;padding: 20px 25px;margin-right: 0px;position: relative;top: 130px;right: 50px;}
.main-deskop-popup{display: flex;justify-content: end;}
.deskop-popup .my-clinic{text-align: center; font-size: 16px; line-height: 21px; font-weight: 600; color: #1F1F1F;}
.dr-brown{text-align: center;}
.dr-brown img{padding: 10px 0 10px 0; width: 80px; height: auto; border-radius: 50%; object-fit: contain;}
.dr-brown p{font-size: 20px; line-height: 26px; font-weight: 500; color:#333333;}
.manage-logout .manage-logout-profile{padding: 13px 20px 13px 18px;display: flex; align-items: center; line-height: 16px; font-weight: 500; color: #1F1F1F;font-size: 14px; border-right: 1px solid #E9EEF6;    width: 50%; }
.manage-logout .manage-logout-logout{    padding: 13px 20px;font-size: 14px; line-height: 16px; font-weight: 500; color: #1F1F1F;    width: 50%;}
.manage-logout a img{padding-right: 6px;}
.manage-logout-logout  img{padding-top:2px;padding-bottom:2px;}
.manage-logout{margin: 18px 0 16px 0;background-color: #fff; border-radius: 50px; display: flex; align-items: center;    flex-wrap: wrap;}
.support-service p{font-size: 14px;line-height: 19px;font-weight: 400;color: #434344;}
.support-service{display: flex;justify-content: center;align-items: center;}
.support-service .dot{width: 4px; height: 4px; background: #434344; border-radius: 25px; margin: 0 16px;}
.close-btn a{position: absolute;top: 16px;right: 15px;}


.get-a-free-quote-popup .modal-content{width: auto;border: none;background-color: transparent;}
.modal-content .modal-header{padding: 0;border: 0;}
.get-a-free-quote-popup .modal-body{padding: 0;}
.get-a-free-quote-popup .modal-dialog{max-width: 350px;margin: 0;display: unset !important;}

.modal-backdrop { background-color: transparent !important; }
.dasbord-heading-sec{display: none;}
.dashboard-content .welcome-text img{padding-right:10px; width: 44px; }
.dashboard-content .welcome-text{font-weight: 600; font-size: 34px; line-height: 44px; color: rgba(0, 40, 85, 1); padding-bottom: 12px; display: flex;}
.dashboard-content .web-text{font-size: 22px; line-height: 28px; font-weight: 400; color: #333333;font-family: 'AdihausDIN';}


/* =========== Keyword Ranking popup ============== */

.keyword-ranking-popup.show{background: rgba(0, 0, 0, 0.6);}
.keyword-ranking-popup .modal-content{width: auto;border: none;background-color: transparent;}
.keyword-ranking-popup .modal-body{padding: 0;}
.keyword-ranking-popup .main-deskop-popup .deskop-popup{width: 470px; height: auto; border-radius: 15px; background: #E9EEF6; box-shadow: 2px 4px 18px 0px #00000026;padding: 20px 25px;margin-right: 0px;position: relative;top: 0;right: 0;}
.keyword-ranking-popup .main-deskop-popup .key-item-popup{width: 1000px;}
.deskop-popup .new-report { text-align: center; font-size: 22px; line-height: 29px; font-weight: 600; color: #1F1F1F; padding-bottom: 29px;}
.keyword-ranking-popup .keyword-body .form-group input{background: #FFFFFF;border-radius: 25px;padding: 13px 25px;}
.keyword-ranking-popup .keyword-body .form-group textarea{background: #FFFFFF;border-radius: 25px;padding: 13px 25px;}
.keyword-ranking-popup .keyword-body .form-group select{background: #FFFFFF;border-radius: 25px; color: rgba(80, 76, 76, 0.7);padding: 13px 25px;}
.keyword-ranking-popup .keyword-body .form-group label{color: #333333; padding-bottom: 10px;}
.keyword-ranking-popup .keyword-body .form-group{margin-bottom: 21px;}
.keyword-ranking-popup .keyword-body .form-group.last-form-group{margin-bottom: 0;}
.keyword-submit-sec .submit-btn{font-weight: 600; font-size: 16px; line-height: 24px; border-radius: 5px;     padding: 10px 15px 10px 30px;
    line-height: 20px; text-transform: uppercase; width: 165px; background-color: #0066FF; color: #fff; margin-top: 30px; border: 0; transition: padding 0.3s ease-out;}
.keyword-submit-sec .submit-btn:hover{background-color: transparent;color:#0066ff;}
.keyword-submit-sec{margin-bottom: 20px;}
.keyword-ranking-popup .close-btn a{top: 21px; right: 28px;}
.keyword-ranking-popup .select-dropdown::after{content: ''; position: absolute; top: 28%; right: 45px; transform: translateY(-50%); border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; width: 0; height: 0; pointer-events: none;}
.keyword-ranking-popup .select-dropdown .contact_input{ 
  appearance: none;        
  -webkit-appearance: none;    
   -moz-appearance: none;
  }
.keyword-ranking-popup .meeting-content h5.share-meeting-title{color: #001C3C; line-height: 26px;}
.keyword-ranking-popup .meeting-content p{padding-top: 10px;}






/* Sneha (10/04/2024) */
.referral-program-middle-sec .dashbord-middle-all-items h3{font-weight: 600; font-size: 28px; line-height: 42px; color: rgb(0 102 255); padding-bottom: 12px;}
.referral-program-middle-sec .dashbord-middle-all-items p{font-size: 18px; line-height: 24px; font-weight: 400; color: #333333; font-family: 'AdihausDIN'; padding-right: 590px;}
.referral-program-middle-sec .dashbord-middle-all-items a.btn-referral{font-size: 18px; font-weight: 600; line-height: 20px; background-color: #0066FF; color: #fff; padding: 15px 15px 15px 35px; display: inline-block; position: relative; text-align: center; border-radius: 4px; margin-top: 30px; transition: padding 0.3s ease-out;}
.referral-program-middle-sec .dashbord-middle-all-items a.btn-referral:hover{background-color: #002855; color: #fff; padding-left: 25px; padding-right: 25px;    cursor: pointer;}
.referral-program-middle-sec .dashbord-middle-all-items a.btn-referral::after{content: '\f054'; margin-left: 6px; opacity: 0; margin-top: -1px; transition: margin-left 0.3s ease-out; font-family: 'FontAwesome'; font-size: 14px; font-weight: 100; }
.referral-program-middle-sec .dashbord-middle-all-items a.btn-referral:hover::after{opacity: 1;}



.referral-program-form{margin-top: 50px;}
.referral-program-form .modal-dialog{    max-width: 800px;}
.referral-program-form .modal-header .btn-close{position: absolute; right: 20px; top: 20px; padding: 0; font-size: 20px; opacity: 1;    z-index: 11;}
.referral-program-form h3{font-weight: 600; font-size: 28px; line-height: 42px; color: rgb(0 28 60); padding-bottom: 50px;/* text-align: center;*/}
.referral-program-form .modal-body{padding: 40px;}
.referral-program-form form label{font-size: 18px; line-height: 24px; font-weight: 400; color: #333333; font-family: 'AdihausDIN';}
.referral-program-form form input.form-control{border-radius: 0; border: 0; border-bottom: 1px solid #ddd; padding: 10px 0; box-shadow: unset;}
.referral-program-form form input.form-control:focus{box-shadow: unset;}
/* .referral-program-form form .form-input-radio-sec .second{margin-left: 50px;} */
.referral-program-form form .form-input-radio-sec span{font-size: 18px; line-height: 24px; font-weight: 400; color: #333333; font-family: 'AdihausDIN';margin-top: 0; display: inline-block;    margin-left: 50px;}
.referral-program-form form .form-input-radio-sec span .form-check-input{margin-top: 0;}
.referral-program-form form .form-check-input:checked , .form-check-input:focus{box-shadow: unset;}
.referral-program-form form .submit-form{font-size: 18px; font-weight: 600; line-height: 20px; background-color: #0066FF; color: #fff; padding: 15px 30px; display: inline-block; position: relative; text-align: center; border-radius: 4px; margin-top: 30px; transition: padding 0.3s ease-out; display: inline-block; width: fit-content; border: 0;}
.referral-program-form form .submit-form:hover{background-color: #002855;}
.referral-program-form form .form-input-radio-sec span{display: flex; align-items: center;}
.referral-program-form form .form-input-radio-sec{display: flex; align-items: center;}
.referral-program-form form .form-input-radio-sec span input{margin-right: 10px;}
.referral-program-form form .form-input-sec{margin-bottom: 20px;}
.dashbord-middle-sec.referral-program-middle-sec{padding-left: 50px;}
.dashbord-middle-sec.dealer-list-middle-sec{padding-left: 50px; padding-right: 50px;}

.dealer-list-table .dataTables_length select{margin: 0 4px;}
table.dataTable{border-collapse: collapse !important;}
table.dataTable.no-footer{border-bottom: none !important;}
table.dataTable tr td{ border-bottom: 1px solid #ddd !important;}
table.dataTable thead>tr>th.sorting:before{opacity: 0.3 !important;bottom: 43% !important;}
.dealer-list-table .dealer-list-data a.delete1{margin-left: 11px !important; }
table.dataTable .sorting-check{padding-right: 15px !important;}
.dataTables_length{margin-bottom: 30px !important;}
table.dataTable .dataTables_wrapper .dataTables_info{    padding-top: 20px !important;}
.table-list .dataTables_wrapper .dataTables_paginate .paginate_button{    font-size: 23px !important;width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #000 !important; background: transparent !important; color: #000 !important;    margin: 0 8px !important;}
.table-list .dataTables_wrapper .dataTables_paginate .paginate_button.current{background: #001C3C !important; color: #fff  !important;}
.dataTables_wrapper .dataTables_paginate{display: flex; align-items: center;    margin-top: 20px;}
.dataTables_wrapper .dataTables_paginate span{display: flex; align-items: center;}
.table-list .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color: #001C3C !important;} 

.drop-zone__thumb{background-position: center;}
.raynor-application-form-middle-sec{background-color: #fff;}

.profile-page .save-btn-sec button , .referral-program-form form .submit-form{font-size: 20px; font-weight: 600; line-height: 20px;  border: 0;  background-color: #0066FF; color: #fff; padding: 16px 15px 16px 35px; display: inline-block; position: relative; text-align: center; border-radius: 4px; margin-top: 30px; transition: padding 0.3s ease-out;width: auto !important;}
.profile-page .save-btn-sec button::after , .referral-program-form form .submit-form::after{content: '\f054'; font-family: 'fontawesome';margin-left: 6px; opacity: 0; margin-top: -1px; transition: margin-left 0.3s ease-out; font-size: 15px; font-weight: 100;}
.profile-page .save-btn-sec button:hover , .referral-program-form form .submit-form:hover{background-color: #002855; color: #fff;padding-left: 25px; padding-right: 25px;}
.profile-page .save-btn-sec button:hover::after , .referral-program-form form .submit-form:hover::after{opacity: 1;}

.strategy-meetings-list-middle-sec .seo-list .search-btn button::after , .strategy-submit-sec .submit-btn::after{content: '\f054'; font-family: 'fontawesome';margin-left: 6px; opacity: 0; margin-top: -1px; transition: margin-left 0.3s ease-out; font-size: 15px; font-weight: 100;}
.strategy-meetings-list-middle-sec .seo-list .search-btn button:hover , .strategy-submit-sec .submit-btn:hover{background-color: #002855; color: #fff;padding-left: 25px; padding-right: 25px;}
.strategy-meetings-list-middle-sec .seo-list .search-btn button:hover::after , .strategy-submit-sec .submit-btn:hover::after{opacity: 1;}

.keyword-submit-sec .submit-btn::after{content: '\f054'; font-family: 'fontawesome';margin-left: 6px; opacity: 0; margin-top: -1px; transition: margin-left 0.3s ease-out; font-size: 15px; font-weight: 100;}
.keyword-submit-sec .submit-btn:hover{background-color: #002855; color: #fff;padding-left: 25px; padding-right: 25px;}
.keyword-submit-sec .submit-btn:hover::after{opacity: 1;}

@media (min-width: 1200px) and (max-width: 1299px) {
    .prduct_logoes_list .all-logo-images .each-logo-box article > a{width:50% !important;}
    .commercial-middle-sec .prduct_logoes_list .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 430px))!important;}
}
@media (min-width: 1300px) and (max-width: 1399px) {
.commercial-middle-sec .prduct_logoes_list .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 480px))!important;}
}
@media (max-width: 1398px) and (min-width: 1200px) {
  .past-strategymeetings .card-body .meeting-title{max-width: 90%;}
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .dashbord-middle-sec .all-item-outer-sec{ grid-template-columns: repeat(auto-fill, minmax(150px, 264px));}
  /* .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 25%;} */
  .referral-program-middle-sec .dashbord-middle-all-items p{    padding-right: 120px !important;}
  .referral-program-form form .form-input-radio-sec span{margin-left: 30px;}

  /* prince new css  */
  .past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo {
    width: 40px;
    height: 35px;
}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo {
  width: 40px;
  height: 35px;
}
.dashbord-middle-sec .seo-list .plus-icon a img {
  width: 40px;
  height: 40px;
}
  /* prince new css  */
}

@media (min-width: 1500px) and (max-width: 1599px) {
  .dashbord-middle-sec .all-item-outer-sec{ grid-template-columns: repeat(auto-fill, minmax(150px, 281px));}
  /* .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 25%;} */
  .referral-program-middle-sec .dashbord-middle-all-items p{    padding-right: 120px !important;}
  .referral-program-form form .form-input-radio-sec span{margin-left: 30px;}
}

@media (min-width: 1600px) and (max-width: 1699px) {
  .dashbord-middle-sec .all-item-outer-sec{ grid-template-columns: repeat(auto-fill, minmax(150px, 251px));}
}

@media (min-width: 1700px) and (max-width: 1799px) {
  .dashbord-middle-sec .all-item-outer-sec{ grid-template-columns: repeat(auto-fill, minmax(150px, 273px));}
}

@media (min-width: 1800px) and (max-width: 1900px) {
  .dashbord-middle-sec .all-item-outer-sec{ grid-template-columns: repeat(auto-fill, minmax(150px, 290px));}
}

@media (min-width: 1685px) and (max-width: 1902px) {
  .meadiacategory-middle-sec .meadiacategory-right-sec{width: 446px;margin: 0 5px;}
}

@media (min-width: 320px) and (max-width: 400px) {
  .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-left: 0px !important;}
.table-responsive .is-data-export-button{right: 71px;}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
.dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-left-side-content{padding-right: 15px;}
  .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 25%;}

    /*---------- New Register Page ---------------- */
  .new-register-page{padding: 20px 40px !important;background-position: unset;}
  .new-register-page h1{font-size: 33px!important;line-height: 43px!important;padding-bottom: 22px;}
  .new-register-page .dashbord-heading-content p{font-size: 19px!important;line-height: 29px!important;padding-bottom: 18px!important;}
  .register-content{padding: 30px 40px!important;}
  .register-content p{font-size: 15px !important;line-height: 22px !important;}
  .register-content .dealer-profile label{font-size: 14px!important;padding: 10px 20px;}

/*---------------------------- your cart ----------------------- */

.your-cart-aids-middle-sec .each-sales-aids .price {width: auto;border: none;}
.your-cart-aids-middle-sec .each-sales-aids .price span{font-size: 23px;line-height: 28px;}
.box-btn .proceed-checkout{padding: 6px 10px;margin: 10px 0 10px 0px; width: 100%;text-align: center;font-size: 14px;line-height: 20px;}
.box-btn .continue-shopping{padding: 6px 10px;margin: 0px 0 0px 0px; width: 100%;text-align: center;font-size: 14px;line-height: 20px;}
.your-cart-aids-middle-sec .plus-minus-btn span img{cursor: pointer;}
.your-cart-aids-middle-sec .plus-minus-btn{margin: 0 0px 0 0;}
.your-cart-aids-middle-sec .right-side-btn .price{text-align: right; margin: 5px 0 0 25px;font-size: 20px;line-height: 32px;}
.each-sales-aids .right-side-btn .delet-btn{width: 35px;height: 35px;}
.your-cart-aids-middle-sec .each-sales-aids p span {font-size: 18px;line-height: 26px;}
.your-cart-aids-middle-sec .qty-btn span.qty {font-size: 12px;line-height: 20px;margin-right: 5px;}
.your-cart-aids-middle-sec .qty-number{font-size: 14px; line-height: 28px; width: 40px;}
.your-cart-aids-middle-sec .all-sales-aids-right {margin: 0 0 0 0px;  padding: 0 0 0 40px;}
.your-cart-aids-middle-sec .square-box {padding: 22px 20px;}
.all-sales-aids-right .square-box .sub-total {margin: 0 0 5px 0;}
.your-cart-aids-middle-sec .square-box h3 {font-size: 18px;line-height: 26px;}
.your-cart-aids-middle-sec .square-box .box-price {font-size: 18px;line-height: 26px;}
.your-cart-aids-middle-sec .square-box .shipping-cost-txt {font-size: 15px; line-height: 22px;}
.your-cart-aids-middle-sec .square-box .shipping-price {font-size: 15px; line-height: 22px;}

/* ================== Marketing Sales Aids Page ====== */

.marketing-sales-aids-middle-sec{    padding: 40px 30px;}
.marketing-sales-aids-middle-sec .each-sales-aids{    padding: 20px 20px 20px 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure img{width: 150px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 25px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 20px; line-height: 28px;margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span{font-size: 22px; line-height: 28px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{padding: 6px 5px; font-size: 13px; line-height: 22px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 30%;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 70%;}
.marketing-sales-aids-middle-sec .right-side-btn .price{border: 1px solid #F2A900;text-align: center;width: 235px;}
.marketing-sales-aids-middle-sec .qty-btn span.qty {font-size: 14px; line-height: 22px; margin-right: 14px;}
.marketing-sales-aids-middle-sec .qty-number {font-size: 15px; line-height: 28px;width: 53px;}
.marketing-sales-aids-middle-sec .plus-minus-btn{margin: 0 15px 0 0;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .qty-btn{display: block;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .plus-minus-btn{margin: 0;margin-bottom: 20px;justify-content: flex-end;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .add-cart-btn{justify-content: flex-end;}

  /*------------------------ Product Details application form -----------------------*/

.product-details-application-form{    padding: 35px;}
.product-details-application-form .application-form-field .radio-field .form-check input {width: 22px; height: 22px;}
.product-details-application-form .application-form-field { margin-bottom: 35px; }
.product-details-application-form p.note-text { font-size: 22px; line-height: 34px;}
.product-details-application-form .application-form-field .form-group label, .product-details-application-form .application-form-field .radio-field label, .product-details-application-form .select-2-multivalue-field label, .product-details-application-form .select-2-normal-dropdown label, .product-details-application-form .other-sec label{font-size: 18px; line-height: 28px;}
.product-details-application-form .select2-container--default .select2-selection--multiple .select2-selection__choice {    padding: 5px 10px 5px 20px;}
.product-details-application-form .drop-down-arrow img{    width: 12px;}
.product-details-application-form .other-sec .add-icon img, .product-details-application-form .other-sec .remove-icon img{width: 15px;}
.product-details-application-form .other-sec .add-icon, .product-details-application-form .other-sec .remove-icon{padding: 15px 16px;}
  .commercial-middle-sec .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 422px))!important;}
  .media-photo h3{font-size: 25px;line-height: 40px;}
  .commercial-middle-sec .all-catagory-logo-sec .upload-inner-box-photo label{padding: 15px 20px;}
  .media-photo .upload-photo .upload-inner-box-photo img{width: 64px;}
  .dashbord-middle-sec .all-item-outer-sec .each-item-box{min-height: unset;}
  .dashbord-middle-sec .all-item-outer-sec{grid-template-columns: repeat(auto-fill, minmax(150px, 295px));}
  .raynor-dealer-programs .program-qualification-content h4{font-size: 18px;}
  .raynor-dealer-programs .program-qualification-content{margin-bottom: 40px;}
  .raynor-dealer-programs .program-benefits-content .program-left{padding: 0;}
  .raynor-dealer-programs .program-benefits-content .program-right{padding: 0;}
  .raynor-dealer-programs .program-benefits-content p{padding: 0 10PX;font-size: 17px;line-height: 26px;}
  .raynor-dealer-programs .program-benefits{padding-bottom: 30px;}
  .raynor-dealer-programs{padding-bottom: 20PX!important;}
  .raynor-dealer-programs .program-benefits-content h4{padding-left: 8px;}
  .dealer-list-table .dealer-list-data .table-btn1 img{width: 29px;}
  .dealer-list-table .dealer-list-data a:first-child{margin-right: 4px;}
  .dealer-list-table .toggle +label, .toggle1 +label{height: 24px;width: 48px;}
  .dealer-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 23px;}
  .dealer-list-table .toggle + label::before, .toggle1 + label::before{height: 20px;width: 20px;}
  .dealer-list-table .dealer-list-data .delete{margin-left: 6px;}
  .dealer-status a img{width: 29px !important;}
  .order-list-table .toggle +label, .toggle1 +label{height: 31px;width: 136px;}
  .order-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 99px;}
  .order-list-table .toggle + label::before, .toggle1 + label::before{height: 26px;width: 26px;}
    /*------------------------ Log in page -----------------------*/
    .login-dashbord-sec .left-side-content {padding: 90px 50px;}

    .login-dashbord-sec.forget-password-sec .left-side-content {padding: 60px 50px;}
    .login-dashbord-sec.forget-password-sec .login-details{padding: 60px 55px;}
    .login-dashbord-sec .left-side-content h2{ font-size: 32px;line-height: 69px; margin-bottom: 6px;}
    .login-dashbord-sec .left-side-content h3{font-size: 32px; line-height: 40px;}
    .login-dashbord-sec .left-side-content p{font-size: 18px; line-height: 26px;    padding-right: 30px;}
/*    .login-dashbord-sec .login-details{padding: 90px 50px;}*/
/*    .login-dashbord-sec .login-details p {font-size: 22px; line-height: 27px;    margin: 25px 0;}*/
    .form-group { margin-bottom: 20px; }
    .login-form .form-group label{font-size: 18px; line-height: 24px;}
    .login-form .forgrt-password{font-size: 13px; line-height: 20px;}
    .new-dealer-registration h3{font-size: 12px; line-height: 4px;margin: 8px 0 10px 0;}
    .btn-sec button{margin-bottom: 40px;font-size: 15px; line-height: 20px;    padding: 12px 0px;}
    .login-logo img{width: 70%;}
    .new-dealer-registration button{font-size: 15px; line-height: 20px;}
    .form-group input, .form-group textarea, .form-group select {padding: 8px 20px;font-size: 13px;}
    .profile-page .profile-bio-details .form-group .input-field input{font-size:16px;}
    .form-group input::placeholder, .form-group textarea::placeholder{ font-size: 14px; line-height: 22px;color: #c1c1c1;}

    /*------------------------  Forgot Password page -----------------------*/
    .forget-logo img{width: 32%;}
    .forget-logo{    margin-bottom: 40px;}
    .forget-password-sec .login-details h2 {font-size: 32px; line-height: 48px;}
    .forget-password-sec .heading-content p {padding: 0 30px;}
    .forget-password-sec .login-details p {font-size: 16px; line-height: 24px;}
    .forget-password-sec .login-form { padding: 0 20px; }
/*    .login-dashbord-sec.forget-password-sec .login-details { padding: 50px 40px; }*/
    .forget-password-sec .login-form .form-group label {font-size: 18px; line-height: 34px;}
    .forget-password-sec .login-details .forget-email-note p { font-size: 18px; line-height: 28px; margin: 25px 0 30px 0; }
    .forget-email-note .back-login { font-weight: 400; font-size: 18px; line-height: 26px;}

    /*------------------------ Register page -----------------------*/

    .register-dashbord-sec .left-side-content p{font-size: 18px; line-height: 29px;margin-bottom: 40px;padding-right: 20px;}
    .register-dashbord-sec .left-side-content h2{font-size: 35px; line-height: 55px;margin-bottom: 25px;}
    .register-dashbord-sec .left-side-content h2::before{width: 150px;}
    .register-dashbord-sec .left-side-content{padding: 0 50px;}
    .register-dashbord-sec .register-details{padding: 30px 20px;}
    .register-dashbord-sec .register-details .note{font-size: 16px;line-height: 23px;margin-bottom: 20px;}
    .register-details .register-form .form_field { padding-right: 35px; }
    .dropdown-select-field select{background-size: 11px;    background-position-y: 15px;}
    .register-dashbord-sec .register-details .register-form .input-field label{font-size: 18px; line-height: 26px;width: 40%;margin-right: 25px;}
    .register-dashbord-sec .register-details .register-form .declaration-note { margin-top: 5px; }
    .register-dashbord-sec .register-details .register-form .declaration-note p{margin-bottom: 15px;font-size: 14px; line-height: 23px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p:first-child{font-size: 15px; line-height: 21px; padding-right: 10px;margin-bottom: 8px;}
    .register-details .register-form .input-field p span {font-size: 13px; line-height: 22px;}
    .register-dashbord-sec .register-details .register-form .input-field.register-email-input-field label{    margin: 6px 0;}
    .register-details .register-form .terms-condition-note p{font-size: 14px; line-height: 22px;}
    .register-dashbord-sec .register-details .register-form .form-group { margin-bottom: 15px; }
    .terms-condition-checkbox label{font-size: 14px;}
    .terms-condition-checkbox {margin-top: 15px;}
    .register-content .select2-container--default .select2-selection--single{background-color: #fff;border: 1px solid #DCDCDC !important;}
    .register-content .application-form-field .select2{border-bottom: unset!important;}
    .register-content .select2-container--default .select2-selection--single .select2-selection__arrow{top: 14px!important;}
    .register-content .application-form-field .select2{border-bottom: unset!important;}
    .register-content .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent #000 transparent;}

    /*------------------------ Dealer-web-dashbord -----------------------*/

    .main-dasbord .dashbord-side-bar{width: 260px;}
    .main-dasbord main{margin-left: 260px;}
/*    .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 33.33%;}*/
    .main-dasbord .sider-bar-accordion h4 a {font-size: 14px; line-height: 21px;}
    .user-profile-dropdown button{font-size: 18px; line-height: 28px;}
    .user-profile-dropdown p{font-size: 14px; line-height: 22px;}
    .dealer-user-profile figure img{width: 75px;height: 75px;}
    .dashbord-top-menu-sec ul li:first-child a{    font-size: 15px;}
    .dashbord-top-menu-sec ul li:first-child{margin-right: 25px;}
    .dashbord-top-menu-sec ul li:last-child a{font-size: 18px;}
    .dasbord-heading-sec h1 {font-size: 32px; line-height: 48px;}
    .marketing-literature-middle-sec h2{font-size: 32px; line-height: 48px;}
    .dasbord-heading-sec .dashbord-heading-content p {font-size: 20px; line-height: 31px;}
    .dashbord-middle-sec .dashbord-middle-sec-top p{    font-size: 14px;line-height: 21px;padding-left: 10px;}
    .dasbord-heading-sec {    padding: 30px 35px 0 35px;min-height: 130px;}
    .main-dasbord-header{padding: 20px 30px;}
    .dashbord-middle-sec.referral-program-middle-sec , .dashbord-middle-sec.dealer-list-middle-sec{padding: 20px 30px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box{    padding: 0 10px;}
    .dashbord-middle-sec{padding: 50px 25px 26px 25px;}
    .user-profile-details .user-name{font-size: 18px; line-height: 28px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box figure img{width: 45px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box h3 {font-size: 20px; line-height: 28px;}
     .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}

    /* .dasbord-footer-sec{padding: 31px 50px;} */
    .dasbord-footer-sec .dasbord-footer-content ul li span:first-child{flex-shrink: 0;}
    .dasbord-footer-sec .dasbord-footer-content h4{font-size: 14px; line-height: 23px;}
    .dasbord-footer-sec .dasbord-footer-content .person-details:first-child::after {margin: 0px 30px 0px 30px;}
    .dasbord-footer-sec .dasbord-footer-content p{font-size: 12px; line-height: 18px;}
    .dasbord-footer-sec .dasbord-footer-content .person-details span.name{    margin-right: 5px;}
    .dasbord-footer-sec .dasbord-footer-content ul li span img{width: 12px;}
    .dasbord-footer-sec .dasbord-footer-content ul li{font-size: 12px; line-height: 22px;}
    .dasbord-footer-sec .dasbord-footer-content h4::after {margin: 6px 0 25px 0;}
    .sider-bar-accordion .accordion-item {padding: 8px 10px 8px 0px;}
    .siderbar-footer{padding: 21px 0;}
    .siderbar-footer article a{font-size: 15px; line-height: 20px;}
    .dealer-user-profile{padding: 25px 0;}
    .main-dasbord .sider-bar-accordion h4 a::before {height: 27px;}
/*    .sider-bar-accordion .accordion-item{border-top: 2px solid; border-bottom: 2px solid; border-color: #E9E9E9;}*/
/*    .sider-bar-accordion .accordion-item:last-child{border-bottom: 4px solid; border-color: #E9E9E9;}*/
    .dasbord-footer-content .right-side{margin-left: 10px;}
    .project-gallery-popup .modal-dialog{max-width: 90%;}


    .strategy-meetings-view-middle-sec .meeting-left-side-content .meeting-date{font-size: 20px!important;line-height: 30px;}
    .strategy-meetings-view-middle-sec .meeting-left-side-content .meeting-time{font-size: 16px;line-height: 25px;}
    .strategy-meetings-view-middle-sec .sidebar-form .upload-files .upload-container{padding: 0;}
    .sidebar-form .key-action-items .action-item-content .action-item .action-text{font-size: 17px; line-height: 20px;}
    .strategy-meetings-view-middle-sec .referral-program-form .upload-container.user-meeting{padding: 8px 0px !important;}
    /*------------------------ Raynor-Academy-dashbord -----------------------*/

    .dasbord-heading-sec.raynor-academy-header-heading-sec h1{font-size: 30px; line-height: 47px;}
    .academy-image img{    width: 70%;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon img{    width: 55px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3{font-size: 20px; line-height: 28px; padding: 5px 0; margin-left: 25px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon{top: -8px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box p{font-size: 14px; line-height: 21px;}
    .raynor-academy-sales-sec .each-raynor-box .inner-raynor-box h3{font-size: 30px; line-height: 40px;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec figure img{    width: 48%;}
    .raynor-academy-dashbord-middle-sec {padding: 45px 35px;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec { padding: 20px 20px 40px 20px; }
    .raynor-academy-sales-sec .each-raynor-box .content-sec p{font-size: 14px; line-height: 21px;padding: 0 20px;}
    .raynor-academy-sales-sec .raynor-academy { padding-right: 12px; }
    .raynor-academy-sales-sec .raynor-sales-academy{    padding-left: 12px;}
    .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec p {    padding: 0 15px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec {margin-bottom: 25px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child{font-size: 20px; line-height: 29px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:last-child{font-size: 15px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document {    padding: 8px 8px 8px 10px;}
    .raynor-academy-sales-sec .content-sec1 .each-document{padding: 0 0 0 10px!important;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document h4 {font-size: 14px; line-height: 22px;}
/*    .course-download-sec .view-download-sec a {    padding: 8px 10px;    line-height: 0px;}*/
    .course-download-sec .view-download-sec a img{width: 35px!important;}
    .raynor-academy-sales-sec .content-sec .tuition-sec { margin-top: 25px; }
    .raynor-academy-sales-sec .content-sec .tuition-sec h4 {font-size: 20px; line-height: 29px;}
    .raynor-academy-sales-sec .content-sec .tuition-sec h4::after {width: 75px; height: 2px;}
    .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .tuition-sec p {font-size: 20px; line-height: 31px;}
    .tuition-sec .tuition-price-table {padding-right: 20px;}
    .tuition-sec .tuition-price-table th, .tuition-sec .tuition-price-table td {padding: 8px 7px 8px 0; font-size: 14px; line-height: 25px;}
    .raynor-academy-sales-sec .appply-button a {width: 290px;margin-top: 25px;font-size: 15px;line-height: 25px;padding: 9px 10px;}
    .raynor-academy-sales-sec .appply-button .right-btn{margin-left: 0;margin-top: 15px;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec figure{margin-bottom: 0;}

/*------------------------ Raynor-Academy-Application-Form -----------------------*/

    .contact-information-heading h3{font-size: 28px; line-height: 36px;}
    .contact-information-heading p {padding-right: 260px;}
    .raynor-application-form-middle-sec .application-form-field .first-top-border{padding-top: 5px;}
    .raynor-application-form-middle-sec{padding: 35px 35px;}
    .student-name-course-registration-sec h3{font-size: 28px; line-height: 38px;}
    .student-name-course-registration-sec .student-name-sec { width: 44%; }
    .student-name-course-registration-sec .course-registration-sec { width: 49%; }
    .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec{    padding: 35px 25px;}
    .raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field label {font-size: 20px;padding-right: 20px;}
    .raynor-application-form-middle-sec p {font-size: 15px; line-height: 23px;}
    .confirmation-submit-sec label{font-size: 15px; line-height: 20px;}
.confirmation-submit-sec input { width: 22px; height: 22px; margin-right: 20px; }
.student-name-course-registration-sec .enrolling-checkbox input { width: 22px; height: 22px; margin-right: 15px; }
.raynor-application-form-middle-sec .student-name-course-registration-sec label{font-size: 15px; line-height: 20px;}
.confirmation-submit-sec .submit-btn {padding: 12px 0;}
.raynor-application-form-middle-sec .thnk-you-content{padding-right: 0px;}
.raynor-application-form-middle-sec .view-download-sec img{width: 34px;}
.sidebar-form .upload-files .upload-container .upload-text{font-size: 14px;}
.sidebar-form .upload-files .upload-container .upload-text.share-email{padding-left: 6px;}
.sidebar-form .key-action-items .key-action-header h4{font-size: 19px;}
.strategy-meetings-create-middle-sec .sidebar-form .form-group label{font-size: 15px;line-height: 20px;}
.strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .form-label{font-size: 15px;line-height: 20px;}
/*------------------------ Residential Sectional Doors page -----------------------*/
.residentialSectionalDoors-middle-sec .each-content-sec{margin-bottom: 20px;}
.dashbord-middle-sec.residentialSectionalDoors-middle-sec{padding: 35px 35px 15px 35px;}
.residentialSectionalDoors-middle-sec h3{font-size: 20px; line-height: 31px;}
.residentialSectionalDoors-middle-sec p{font-size: 14px; line-height: 18px;}
/*------------------------ Document-view-download-box-sec -----------------------*/
.document-view-download-box h4{font-size: 14px; line-height: 21px;}
.document-view-download-box .view-download-sec img{width: 42px;}
/*.document-view-download-box .view-download-sec a{padding: 9px 13px;}*/
.document-view-download-box .view-download-sec a:first-child { margin-right: 10px; }
.document-view-download-box{    padding: 0 0 0 15px;}

/*------------------------ Commercia page -----------------------*/
.dashbord-middle-sec.commercial-middle-sec{padding: 50px 35px 0px 35px}
.commercial-middle-sec .dropdown-select-field select{font-size: 16px; line-height: 14px;}
.commercial-middle-sec .dropdown-select-field label {font-size: 14px; line-height: 17px;}
.commercial-middle-sec .catagory-select-section p{font-weight: 400; font-size: 14px; line-height: 21px; margin-bottom: 20px;}
/*.commercial-middle-sec .each-logo-box{    width: 33.33%;}*/
.logo-image-upload-box label{width: 200px; padding: 12px 0;font-size: 18px; line-height: 26px;    margin-top: 20px;}
.commercial-middle-sec .logo-box-inner-sec {}
/*.commercial-middle-sec .each-catagory-logo-sec { background-color: #fff; padding: 30px 10px 0px 10px; margin-bottom: 30px; }*/
.commercial-middle-sec .each-catagory-logo-sec h4{    padding-left: 15px;font-size: 18px; line-height: 19px;}

.projectGallery-middle-sec .dropdown-select-field select{font-size: 16px; line-height: 20px;width: 27%; padding: 10px 20px;}





/*------------------------ Project Gallery Page -----------------------*/
.projectGallery-middle-sec {padding: 30px 40px 0px 40px;}
.project-upload-popup .btn-close{background-size: 20px; width: 24px; height: 24px;}
.project-upload-popup .modal-content { padding: 35px 40px; }
.projectGallery-middle-sec .project-upload-popup .project-upload-content h3{font-size: 30px; line-height: 40px;    margin-bottom: 30px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content h4{font-size: 20px; line-height: 28px;}
.projectGallery-middle-sec .projret-photo-upload-sec h3{font-size: 20px; line-height: 28px;}
.projectGallery-middle-sec .projret-photo-upload-sec .right-content p{font-size: 14px; line-height: 21px;padding-right: 40px;}
.projectGallery-middle-sec .dropdown-select-field select{width: 30%; padding: 10px 20px;font-size: 16px; line-height: 22px;background-position-y: 16px;background-size: 11px;}
.all-project-section .each-project .inner-sec p {font-size: 14px; line-height: 21px;}
.all-project-section .each-project .inner-sec h3{font-size: 18px; line-height: 20px;margin-top: 0;}
.projectGallery-middle-sec .projret-photo-upload-sec .right-content{margin-left: 30px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box a {    padding: 15px 20px;}
.multi-select-dropdown .select2-selection{padding: 10px 20px 5px 20px; font-size: 16px; line-height: 22px; background-position-y: 16px; background-size: 11px;}
.multi-select-dropdown .select2-selection .select2-selection__choice{font-size: 14px; line-height: 17px;}
.multi-select-dropdown .select2-selection .select2-selection__choice__remove {font-size: 30px;}
.slider-gallery-sec .carousel-indicators{margin-bottom: 5px;}
.all-project-section .each-project{width: clamp(23ch, 60%, 43ch);}
.project-details .view-delete-download img{width: 40px!important;}


/*------------------------ Raynor Architect Page -----------------------*/

.raynor-architect-dashbord-middle-sec .app-download-sec {padding: 25px 40px;}
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child { margin-right: 30px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec { padding-right: 30px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec p{font-size: 14px; line-height: 22px;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3 { font-size: 20px; line-height: 27px; padding-right: 20px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content { width: 53%; }
.raynor-architect-dashbord-middle-sec .app-download figure img.img-fluid { width: auto; height: 90px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a { display: inline-block; margin-top: 25px; }
.app-download a img.img-fluid { width: 100px; }
.raynor-architect-dashbord-middle-sec .top-content-sec ul li{font-size: 14px;line-height: 22px;}

/*------------------------ Marketing Literature Page -----------------------*/
.dashbord-middle-sec.marketing-literature-middle-sec .all-item-outer-sec .each-item-box{    width: 33.33%;}
.marketing-literature-middle-sec h3{font-size: 20px; line-height: 31px;}

/*------------------------ Product Video Page -----------------------*/
.productVideo-middle-sec { padding: 40px 35px; }
.categarory-search-sec .dropdown-select-field select{background-position-y: 15px; background-size: 9px;font-size: 14px; line-height: 19px;}
.categarory-search-sec .search-field-box .search-field{padding: 12px 13px; width: 250px;}
.categarory-search-sec .search-field-box .search-field input::placeholder{font-size: 14px;color:#c1c1c1;}
.productVideo-middle-sec .each-product-video .inner-sec iframe{    height: 190px;}
.video-details p{font-size: 15px; line-height: 21px;}
.video-details {margin: 15px 0 0px 0;}
.productVideo-middle-sec .each-product-video{width: 432px;margin-bottom: 15px;}
.productVideo-middle-sec .all-video-section{padding: 10px 15px;}
.all-video-section h2{font-size: 20px;line-height: 33px;padding-bottom: 10px;}
.all-productPhoto-section h2{font-size: 20px;line-height: 33px;padding-bottom: 10px;}

/*------------------------ Product Video Page -----------------------*/
.productphoto-middle-sec{padding: 40px 35px 20px 35px;}
.productphoto-middle-sec .each-product-photo h3{font-size: 12px; line-height: 16px;padding: 10px 0;}
.productphoto-middle-sec .each-product-photo { margin-bottom: 20px;width: 286px; }

/*------------------------ Technical Resources Page -----------------------*/
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 300px;}
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-all-items { margin-top: 40px; }
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box p{padding: 0 10px;}


/* ================== FAQ ====== */

.faq-middle-sec { padding: 40px 35px; }
.faq-sec-content .accordion-button{font-size: 20px; line-height: 28px;}
.faq-sec-content {padding: 15px 0;}
.faq-sec-content .accordion-item{    padding: 15px 30px;}
.faq-sec-content .card-body p{font-size: 14px; line-height: 22px;}

/* ================== Web Print ====== */
.web-print-content-sec .content-inner-sec .right-side-image img{width: 275px;}
.web-print-content-sec .content-inner-sec .left-side-content { padding: 25px 35px 25px 25px; }
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p { padding-right: 265px; }
.web-print-content-sec .content-inner-sec .left-side-content ul li{padding: 0 0px 10px 13px;font-size: 18px; line-height: 28px;}
.web-print-content-sec .left-side-content .login-sec h4{font-size: 18px; line-height: 25px;}

/* ================== Contact Directory ====== */

.contact-directory-middle-sec{padding: 50px 35px 20px 35px;}

.contact-directory-content-sec .each-dept-contact .heading{font-size: 16px; line-height: 24px;padding: 15px 25px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details {padding: 20px 25px 20px 25px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p { padding-left: 0px; margin-bottom: 30px; }
.contact-directory-content-sec .each-dept-contact h4{font-size: 15px; line-height: 22px;}
.contact-directory-content-sec .each-dept-contact .heading span.extension{    width: 20%;}
.contact-directory-content-sec .each-dept-contact .heading span.dept-name{width: 76%;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p{font-size: 14px; line-height: 19px;}

/* ================== comparison 2 page ====== */

.comparison-item-select-middle-sec{padding: 50px 35px;}
.comparison-items-sec .item-check-box{width: 30%;}
.comparison-items-sec .item-details{width: 70%;padding-left: 10px;}
.comparison-items-sec{    width: 100%;}
.comparison-items-sec .each-item {font-size: 15px; line-height: 22px;}
.comparison-item-select-middle-sec .comparison-items-sec h4{font-size: 20px; line-height: 28px;}
.dashbord-middle-sec.comparison-item-select-middle-sec .dashbord-middle-sec-top p {margin-bottom: 30px;}

/* ================== Electronoc Price Page ====== */
.electronoc-price-middle-sec{padding: 50px 35px 40px 35px;}
.electronoc-price-middle-sec .top-sec-content ul li{font-size: 15px; line-height: 22px;}
.electronoc-price-middle-sec .top-sec-left-side p, .electronoc-price-middle-sec .top-sec-right-side p{font-size: 15px; line-height: 22px;}
.electronoc-price-middle-sec .top-sec-content p{font-size: 15px; line-height: 22px;}
.electronoc-price-middle-sec h3{font-size: 20px; line-height: 28px;}
.electronoc-price-middle-sec hr{width: 97.7%; margin: 20px auto 30px auto;}

/* ================== comparison 1 page ====== */
.dashbord-middle-sec .all-item-outer-sec .each-item-box h3 { font-size: 18px; line-height: 25px; }
 .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important; margin-top: 5px;}

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{    padding-right: 70px;}

/*------------------------ Product Media Center Page -----------------------*/
.product-media-center-middle-sec .media-catagories-btn-sec p{font-size: 14px; line-height: 17px;}
.product-media-center-middle-sec .media-catagories-btn-sec a{padding: 12px 0;line-height: 22px;}

/* ================== Profile page ====== */
.profile-page { padding: 35px 35px; }
.profile-page .profile-account-details{    padding: 55px 12px;margin-bottom: 40px;}
.profile-page .profile-account-details .profile-image-sec{padding: 0 80px;}
.profile-account-details .profile-image .profile-avtar{width: 110px; height: 110px;}
.profile-account-details .profile-image h4{font-size: 20px; line-height: 25px;margin-top: 15px;}
.profile-page .account-details { padding-left: 65px;}
.profile-page .account-details .membership-category .text{width: 300px;font-size: 20px; line-height: 26px;padding: 13px 0px;}
.profile-page .account-details .membership-category .crown-logo{    top: -25px;}
.profile-page .account-details .membership-category .crown-logo img{    width: 45px;}
.profile-page .account-details .acNo_dealership p{font-size: 20px; line-height: 29px;}
.profile-page .profile-bio-details { padding: 40px 30px;}
.profile-page .profile-bio-details .form-group .input-field span img{    width: 17px;}
.profile-page .save-btn-sec button{line-height: 22px; padding: 12px 0; width: 160px;}
.profile-page .profile-account-details .profile-image-edit img{width: 20px;}
.profile-page .profile-account-details .profile-image-edit{right: 35px;}
.profile-page .account-details .acNo_dealership h4{font-size: 14px; line-height: 17px;}
.profile-page .bottom-sec p {font-size: 14px; line-height: 21px;}
.profile-page .bottom-sec span {font-size: 14px; line-height: 22px;}
.profile-page .each-side { padding: 0 15px; }
.profile-page .password-uppdate-sec .save-btn-sec button {width: 195px;}
.profile-page .profile-image-sec h4{font-size: 20px; line-height: 23px; margin-bottom: 0; margin-top: 12px;}
.profile-page .profile-account-details .bg-circle{    right: 23px;}


/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids{    padding: 20px 40px 20px 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure img{width: 150px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 25px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 20px; line-height: 28px;margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span{font-size: 16px; line-height: 25px;}
.marketing-sales-aids-middle-sec{    padding: 40px 40px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{padding: 6px 18px;font-size: 15px; line-height: 22px;}


/* ================== Comparisons 3 Page ====== */
.comparison-table tbody td{font-size: 14px; line-height: 18px;padding: 10px 12px;min-width: 260px;max-width: 260px; word-break: break-word;}
.comparison-table tbody tr td:nth-child(1){min-width: 155px; max-width: 155px;   padding: 8px 8px;}
.comparison-table thead th{min-width: 260px; max-width: 260px;font-size: 16px; line-height: 21px;padding: 12px 15px;}
.comparison-table thead th:nth-child(1){min-width: 155px;max-width: 155px;}

   /*------------------------ Project Gallery Submission page -----------------------*/
   .gallerySubmission-middle-sec .catagory-select-section .left-side { padding-right: 20px; }
   .gallerySubmission-middle-sec .catagory-select-section .right-side { padding-left: 20px; }
   .projectGallery-middle-sec.gallerySubmission-middle-sec { padding: 35px; }
   .gallerySubmission-middle-sec .catagory-select-section .catagory-radio-field { margin-bottom: 40px; }
   .projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea{padding: 10px 20px; font-size: 16px; line-height: 22px;}
   .projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{font-size: 15px;}
   .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors { margin-bottom: 20px; }
   .projectGallery-middle-sec .catagory-select-section { margin-bottom: 40px; }
   .image-upload-preview-sec { padding: 30px 30px;}
   .image-upload-sec span {font-size: 15px;}
   .image-sorting-text p {font-size: 15px;}
   .end-disclaimer-submit-sec p{font-size: 15px;}
   .end-disclaimer-submit-sec .submit-btn {padding: 12px 15px;}

   /*------------------------ Dealer List Page -----------------------*/
  .dealer-list-table .dealer-list-data th, .dealer-list-table .dealer-list-data td {    padding: 12px 12px;font-size: 14px; line-height: 21px;}
  .dealer-list-middle-sec .dropdown-select-field label {font-size: 15px;line-height: 17px;}
  .dealer-list-middle-sec { padding: 35px;}
  .dealer-list-middle-sec .dropdown-select-field select{font-size: 14px; line-height: 24px;    padding: 10px 15px;background-position-y: 16px;}
  .search-box .search-field{padding: 13px;}
  .dealer-list-table { margin-top: 30px; }

  /*------------------------ Add New Dealer -----------------------*/

  .continent-dropdown.dropdown-select-field select{margin-top: 24px;}
  .raynor-application-form-middle-sec .link{top: 32%;}

  /*************************New-pop-up start***********************************/

  .logo-box-inner-sec .upload-btn {width: 200px;padding: 12px 0;font-size: 18px;line-height: 26px;margin-top: 20px;}
  .project-upload-popup .project-upload-content .form-group {margin-bottom: 25px;}
  .dealer-status .text-reject{width: 80%!important;padding: 7px 0!important;}
  /*.dealer-status{margin-bottom: 13px!important;}
  .dealer-status .approved{margin-bottom: 10px;}*/
  .setting-page .inner-image-sec{padding-bottom: 20px;text-align: center;}
  .setting-page .inner-box label{margin: 0;width: 209px;padding: 9px 10px;}
  .setting-page .each-box{display: block;}

  .raynor-application-form-middle-sec .dealer-profile label {width: 260px;margin: 0 auto;}
  .dealer-profile .profile-avtar { width: 260px; }
.all-meadiacategory-section .meadiacategory-left-sec{padding: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec {padding: 0;margin-bottom: 0;width: 31%;height: auto;margin-left: 0;}
.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 20px;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 10px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 10px;width: 100%;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 20px;width: 50%;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {padding: 20px 20px;margin-bottom: 15px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {padding: 20px 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 37px;height: 45px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {padding-right: 0;width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {width: 100%;margin-bottom: 3px;padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec h2{font-size: 20px;line-height: 30px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp{margin-bottom: 15px;padding: 15px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .media-input{display: block;}
.meadiacategory-left-sec .input2{padding-left: 0;}
.meadiacategory-middle-sec .all-meadiacategory-section{margin-bottom: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1{width: 100%;}

/*------------------------------RaynorGram page-----------------------*/

.raynorgram-input-section{padding: 0; width: 100%; display: inline-flex;}

    .raynorgram-input-section .search-input{padding: 7px 8px; margin-bottom: 10px;}
    .raynorgram-input-section .select2{padding: 6px 8px}
    .raynorgram-input-section .search-button button{padding: 8px 60px;}
    .appearance-none{padding: 7px 8px;}
    .select-input {margin-bottom: 10px;display: flex;justify-content: center;}

    .all-raynorgram-section{padding:0px 0px; max-height: 680px;}

    .all-raynorgram-section::-webkit-scrollbar {width: 8px;}

    .raynorgram-contant article{padding: 25px 20px; margin: 15px 15px 0 15px;padding-top: 0;padding-right: 0;}
    .heading_1 h5{ font-size: 20px; line-height: 29px; margin-bottom: 10px;}
    .heading_1 p{font-size: 19px; line-height: 22px; margin-bottom: 20px;}
    .raynorgram-contant article .pra{font-size: 16px; line-height: 25px;} 
    .heading_2{text-align: right;padding-right: 14px;}
/*    .heading_1{width: 60%;}*/
    .heading_2 p{font-size: 16px; line-height: 23px; margin-bottom: 10px;}
    .download_sec{margin-bottom: 10px; font-size: 16px;}
    .heading_2 .download_sec span{padding: 3px 8px;font-size: 16px;min-width: 90px;}
    .heading_2 .download_sec span a{padding: 6px; margin-left: 5px; }
    .heading_2 .edit-delete img{width: 39px;}
    .heading_2 .download_sec .toggle:not(:checked)+label, .toggle1:not(:checked)+label{top: 7px;right: 7px;}
    .heading_2 .download_sec .toggle:checked+label, .toggle1:checked+label{top: 7px;right: 7px;}
    .heading_2 .download_sec .toggle_check{padding-right: 5px;}

    /*.raynorgram-input-sec{width: 50%;}
    .raynorgram-select-section{width: 30%;}
    .raynorgram-button-section{width: 20%;}*/
    #publish{margin-top:10px !important}
    .table-list .add-btn.add_btn_pad a{padding:11px 15px;}


    /* Sneha */
    .main-dasbord .dashbord-side-bar{width: 260px;}
    .main-dasbord main{margin-left: 260px;}
    .sider-bar-accordion .accordion-item{margin-bottom: 6px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box{    margin-bottom: 20px;min-height: auto;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{    padding: 30px 15px;    margin-left: 0;    margin-right: 0;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{    padding: 30px 15px;    margin-left: 0;    margin-right: 0;}
    .each-item-box img { width: 40px; height: 40px; }
    .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 20px; line-height: 24px;padding: 20px 0 0;}
     .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important; word-wrap: break-word;}
    .dashbord-middle-sec { padding: 30px 22px 26px 22px; }
    .dealer-user-profile img {width: 190px;}
    .main-deskop-popup .deskop-popup{top: 130px;}
    .dashboard-content .welcome-text img { width: 40px; padding-right: 10px; height: 40px; }
    .dashboard-content .welcome-text{font-size: 30px;}
    .dashboard-content .web-text { font-size: 20px; line-height: 26px;}
    .all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 180px; font-size: 13px;}
    .all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text::after{    border-width: 8px;}

    .referral-program-middle-sec .dashbord-middle-all-items p{padding-right: 0;}
    .referral-program-form { margin-top: 30px; }
    .referral-program-form form .form-input-radio-sec span{margin-left: 20px;}
    .referral-program-form form input.form-control{padding: 7px 0; box-shadow: unset; margin-bottom: 15px; line-height: 0; font-size: 14px;}
    .referral-program-form form label { font-size: 16px; line-height: 20px;}

    .sider-bar-accordion .accordion-item a { padding: 10px 0 10px 20px !important;}
    .referral-program-middle-sec .dashbord-middle-all-items h3{font-size: 26px; line-height: 36px;padding-bottom: 10px;}
    .dealer-list-table .dealer-list-data tr td:last-child{padding-left: 9px !important; padding-right: 9px !important;}
    .table-list .dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 21px !important; width: 37px !important; height: 37px !important;}
    .dealer-list-table .toggle:checked + label::before, .toggle1:checked + label::before{        left: 25px !important;}

    .add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check:first-child { margin-right: 10px; }
    .add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check { margin-right: 10px; }
    .raynor-application-form-middle-sec .application-form-field .form-group input, .raynor-application-form-middle-sec .application-form-field .form-group textarea, .raynor-application-form-middle-sec .application-form-field .form-group select, .application-form-field .select2{padding: 5px 0;}
    .raynor-application-form-middle-sec .application-form-field label{font-size: 15px;}

    .profile-page .save-btn-sec button , .referral-program-form form .submit-form{font-size: 18px; line-height: 18px; padding: 14px 12px 14px 32px;}
    .profile-page .save-btn-sec button::after , .referral-program-form form .submit-form::after{ font-size: 13px;}
    .profile-page .save-btn-sec button:hover , .referral-program-form form .submit-form:hover{padding-left: 22px; padding-right: 22px;}

}

@media all and (min-width: 1400px) and (max-width: 1685px){
.dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-left-side-content{padding-right: 15px;}
.meeting-right-side-content .email-content .popup-gallery figure a .view-img{height: 150px;}  

    /*---------- New Register Page ---------------- */
  .new-register-page{padding: 40px 60px !important;background-position: unset;}
  .new-register-page h1{font-size: 33px!important;line-height: 43px!important;padding-bottom: 22px;}
  .new-register-page .dashbord-heading-content p{font-size: 19px!important;line-height: 29px!important;padding-bottom: 18px!important;}
  .register-content{padding: 30px 60px!important;}
  .register-content p{font-size: 15px !important;line-height: 22px !important;}
  .register-content .dealer-profile label{font-size: 14px!important;padding: 10px 20px;}

    /*------------------------------ your cart ----------------------*/
.your-cart-aids-middle-sec .plus-minus-btn{margin: 0 0px 0 0;}
.each-sales-aids .right-side-btn .delet-btn{width: 40px;height: 40px;}
.your-cart-aids-middle-sec .each-sales-aids .price span {font-size: 26px;line-height: 40px;}
.your-cart-aids-middle-sec .each-sales-aids .price {font-size: 22px;line-height: 34px;margin: 5px 0 0 25px;}
.your-cart-aids-middle-sec .qty-btn span.qty {font-size: 14px;line-height: 22px; margin-right: 8px;}
.box-btn .proceed-checkout {padding: 8px 30px;font-size: 16px;line-height: 24px;margin: 10px 0 9px 0px;width: 303px;}
.box-btn .continue-shopping{padding: 8px 30px;font-size: 16px;line-height: 24px;margin: 10px 0 9px 0px;width: 303px;}
.your-cart-aids-middle-sec .square-box h3 {font-size: 22px;line-height: 34px;}
.your-cart-aids-middle-sec .square-box .box-price {font-size: 22px;line-height: 34px;}
.all-sales-aids-right{margin: 0 0 0 85px;padding: 0;}
.your-cart-aids-middle-sec .square-box {padding: 20px 18px;}
.your-cart-aids-middle-sec .square-box .shipping-cost-txt {font-size: 15px;line-height: 22px;}
.your-cart-aids-middle-sec .square-box .shipping-price {font-size: 15px;line-height: 22px;}

  .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .in_section_academy, .raynor-academy-sales-sec .each-raynor-box .content-sec .in_section_academy{min-height: 302px;}
  .raynor-application-form-middle-sec .drop-zone{height: 264px;}
  .project-gallery-popup .popup-text{padding: 10px 5px 0 12px;}
  .project-gallery-popup .modal-content .inner-sec-popup span{font-size: 17px;line-height: 16px;}
  .project-gallery-popup .posted-by{padding-bottom: 0;}
     .commercial-middle-sec .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 498px))!important;}

     /* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 22px; line-height: 30px;margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{margin-right: 25px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure img{width: 160px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span{font-size: 18px; line-height: 30px;}
.marketing-sales-aids-middle-sec .each-sales-aids p{font-size: 15px; line-height: 20px;}
.marketing-sales-aids-middle-sec .plus-minus-btn{margin: 0 10px 0 0;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 25px;    padding: 5px 9px;}
.marketing-sales-aids-middle-sec .qty-btn span.qty{font-size: 15px; line-height: 24px;    margin-right: 15px;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .qty-btn{display: block;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .plus-minus-btn{margin: 0;margin-bottom: 20px;justify-content: flex-end;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .add-cart-btn{justify-content: flex-end;}
    /*------------------------ Log in page -----------------------*/
/*    .login-dashbord-sec .login-details{padding: 50px 60px;}*/
    .login-dashbord-sec.forget-password-sec .left-side-content{padding: 90px 100px;}
    .login-dashbord-sec.forget-password-sec .login-details{padding: 90px 55px;}
/*    .login-dashbord-sec .login-details{padding: 100px 100px;}*/
    .login-dashbord-sec .left-side-content{padding: 100px 100px;}
    .login-dashbord-sec .left-side-content h2 {font-size: 36px; line-height: 72px;}
    .login-dashbord-sec .left-side-content h3 { font-size: 32px; line-height: 42px; margin-bottom: 23px; }
    .login-dashbord-sec .left-side-content p {font-size: 20px; line-height: 30px;padding-right: 60px; }
/*    .login-dashbord-sec .login-details p{margin: 25px 0;font-size: 22px;line-height: 36px;}*/
    .form-group { margin-bottom: 20px; }
    .btn-sec button {margin-bottom: 50px;}
    .new-dealer-registration h3 {margin: 10px 0 10px 0;}
    .login-logo img{width: 85%;}
    .form-group input::placeholder, .form-group textarea::placeholder{ font-size: 14px; line-height: 22px;color:#c1c1c1;}
    .dealer-list-table .dealer-list-data .table-btn1 img{width:35px!important;}
    .dealer-status a img {width: 32px !important;}
    .dealer-list-table .dealer-list-data .delete{margin-left: 7px;}
    .dealer-status a img{width: 35px !important;}
    .dealer-list-table .toggle +label, .toggle1 +label{height: 31px;width: 52px;}
    .dealer-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 23px;}
    .order-list-table .toggle +label, .toggle1 +label{height: 31px;width: 136px;}
  .order-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 99px;}
  .order-list-table .toggle + label::before, .toggle1 + label::before{height: 26px;width: 26px;}

    /*------------------------  Forgot Password page -----------------------*/
    .forget-logo img{width: 32%;}
    .forget-logo{    margin-bottom: 40px;}
/*    .login-dashbord-sec.forget-password-sec .login-details { padding: 30px 45px; }*/
    .forget-password-sec .login-form { padding: 0 55px; }
    .forget-password-sec .login-details h2 {font-size: 38px; line-height: 56px;}
    .forget-password-sec .login-details p{    font-size: 16px;    margin: 25px 0 30px 0;    line-height: 25px;}
    .forget-password-sec .heading-content p { padding: 0 40px; }
    .forget-password-sec .login-form .form-group label {font-size: 19px; line-height: 34px;}
    .forget-password-sec .login-details .forget-email-note p { font-size: 16px; line-height: 23px; margin: 25px 0 35px 0; }
    .forget-email-note .back-login{font-size: 18px;line-height: 20px;}
    .forget-password-sec .btn-sec button{    padding: 12px 0px;}
    .forget-password-sec .login-form .form-group p{font-size: 15px;}

    .form-group input, .form-group textarea, .form-group select{padding: 12px 20px;}

    /*------------------------ Register page -----------------------*/

    .register-dashbord-sec .left-side-content{    padding: 0 60px;}
    .register-dashbord-sec .left-side-content h2{font-size: 35px; line-height: 51px; margin-bottom: 20px;}
    .register-dashbord-sec .left-side-content h2::before {width: 180px;}
    .register-dashbord-sec .left-side-content p{font-weight: 400; font-size: 20px; line-height: 30px; color: #000000; margin-bottom: 35px;}
    .register-dashbord-sec .register-details{padding: 50px 30px;}
    .register-dashbord-sec .register-details .note{font-size: 16px; line-height: 22px; margin-bottom: 20px;}
    .register-dashbord-sec .register-details .register-form .input-field label{font-size: 18px; line-height: 33px; margin-right: 26px; width: 31%;}
    .register-details .register-form .form_field{    padding-right: 45px;}
    .register-dashbord-sec .register-details .register-form .declaration-note{    margin-top: 10px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p{font-size: 14px; line-height: 22px; margin-bottom: 20px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p:first-child{font-size: 16px; line-height: 23px; padding-right: 50px;}
    .register-dashbord-sec .register-details .register-form .input-field.register-email-input-field label{ margin: 8px 0;}
    .register-details .register-form .input-field p span { font-size: 13px; }
    .register-details .register-form .terms-condition-note p{font-size: 14px; line-height: 22px;}
    .terms-condition-checkbox{    margin-top: 20px;}
    .dropdown-select-field select{    background-size: 11px;}

    /*------------------------ Dealer-web-dashbord -----------------------*/

    .main-dasbord .dashbord-side-bar{width: 264px;}
    .main-dasbord main{margin-left: 264px;}
/*    .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 25%;}*/
    .dealer-user-profile figure img{width: 70px;height:70px;}
    .dealer-user-profile{padding: 45px 0;}
    .dashbord-top-menu-sec ul li:first-child a{    font-size: 15px;}
    .dashbord-top-menu-sec ul li:last-child a{font-size: 18px;}
    .user-profile-dropdown button{font-size: 18px; line-height: 28px;}
    .user-profile-dropdown p {font-size: 15px; line-height: 22px;}
    .main-dasbord .sider-bar-accordion h4 a {font-size: 15px; line-height: 18px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box{min-height: unset;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{  margin: 0 10px;  padding: 35px 12px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 20px; line-height: 31px;}
     .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}

    .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{  margin: 0 10px;  padding: 35px 12px;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box{min-height: unset;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 20px; line-height: 31px;}
    
    /* .dasbord-footer-sec {    padding: 20px 70px;} */
    .dasbord-footer-sec .dasbord-footer-content .person-details:first-child::after {    margin: 0px 50px 0px 50px;}
    .dasbord-footer-sec .dasbord-footer-content h4{    font-size: 18px;}
    .dasbord-footer-sec .dasbord-footer-content ul li span:first-child{flex-shrink: 0;}
    .dasbord-footer-sec .dasbord-footer-content ul li{font-size: 14px; line-height: 22px;}
    .dasbord-footer-sec .dasbord-footer-content p{font-size: 14px;}
    .dasbord-heading-sec h1{font-size: 30px; line-height: 42px;}
    .marketing-literature-middle-sec h2{font-size: 30px; line-height: 42px;}
    .siderbar-footer {padding: 26px 0;}
    .siderbar-footer .social-media-sec {margin-top: 0px;}
/*    .sider-bar-accordion .accordion-item {padding: 3px 10px 3px 0px;border-top: 2px solid #E9E9E9; border-bottom: 2px solid #E9E9E9;}*/
/*    .sider-bar-accordion .accordion-item:last-child{    border-bottom: 4px solid #E9E9E9;}*/
    .sider-bar-accordion .accordion-item h4 figure img {width: 18px;}
    .main-dasbord .sider-bar-accordion h4 a::before{    height: 29px;}
    /*.heading_1{width: 60%;}
    .heading_2{width: 40%;}*/
    .heading_2 .edit-delete img{width: 40px;}
    .heading_2 .download_sec .toggle:not(:checked)+label, .toggle1:not(:checked)+label{top: 8px;right: 7px;}
    .heading_2 .download_sec .toggle:checked+label, .toggle1:checked+label{top: 8px;right: 7px;}
    .heading_2 .download_sec .toggle_check{padding-right: 8px;}
    .heading_2 .download_sec span{padding: 6px 15px;font-size: 17px;}
    #publish{margin-top:10px !important}
    .heading_2 .toggle_check p{padding-top: 7px;}

/*------------------------ Raynor-Academy-dashbord -----------------------*/
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document {    padding: 10px 10px 10px 15px;}
    .raynor-academy-sales-sec .content-sec1 .each-document{padding: 0 0 0 15px!important;}
/*    .course-download-sec .view-download-sec a {    padding: 8px 12px;}*/
    .course-download-sec .view-download-sec a img{width: 40px;}
    .course-download-sec .view-download-sec a:first-child{margin-right: 4px;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec{    padding: 25px 25px 45px 25px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document h4{    font-size: 15px;}
    .tuition-sec .tuition-price-table {    padding-right: 0px;}
    .tuition-sec .tuition-price-table th, .tuition-sec .tuition-price-table td{font-size: 14px;}
    .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec p {    padding: 0 10px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3{    font-size: 21px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon img{width: 60px;}
    .academy-image img{    width: 70%;}
    .raynor-academy-sales-sec .appply-button .right-btn{margin-left: 0;margin-top: 15px;}

/*------------------------ Raynor-Academy-Application-Form -----------------------*/

.contact-information-heading p{    padding-right: 520px;}
.student-name-course-registration-sec .student-name-sec{width: 39%;}
.student-name-course-registration-sec .course-registration-sec{width: 48%;}

.contact-information-heading h3{font-size: 28px; line-height: 39px;}
.contact-information-heading p{    padding-right: 500px;}
.raynor-application-form-middle-sec .application-form-field .first-top-border, .raynor-application-form-middle-sec .application-form-field .second-top-border{    padding-top:25px;}
.student-name-course-registration-sec h3 {font-size: 28px; line-height: 37px;}
.student-name-course-registration-sec .student-name-sec{width: 43%;}
.student-name-course-registration-sec .course-registration-sec{width: 48%;}
.raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field label{font-size: 18px; line-height: 29px;padding-right: 50px;}
.raynor-application-form-middle-sec .student-name-course-registration-sec .form-group input, .raynor-application-form-middle-sec .student-name-course-registration-sec.form-group textarea, .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group select{    padding: 8px 0;}
.raynor-application-form-middle-sec p {font-size: 15px; line-height: 23px;}
.confirmation-submit-sec label{font-size: 15px; line-height: 20px;}
.confirmation-submit-sec input { width: 22px; height: 22px; margin-right: 20px; }
.student-name-course-registration-sec .enrolling-checkbox input { width: 22px; height: 22px; margin-right: 15px; }
.raynor-application-form-middle-sec .student-name-course-registration-sec label{font-size: 15px; line-height: 20px;}
.confirmation-submit-sec .submit-btn {padding: 12px 0;}
.raynor-application-form-middle-sec .thnk-you-content{padding-right: 0px;}
.raynor-application-form-middle-sec .view-download-sec img{width: 34px;}

/*------------------------ Residential Sectional Doors page -----------------------*/
/*------------------------ Document-view-download-box-sec -----------------------*/
.document-view-download-box h4{font-size: 15px; line-height: 22px;}
.document-view-download-box .view-download-sec img{width: 41px;}
/*.document-view-download-box .view-download-sec a{padding: 8px 12px;}*/
.document-view-download-box .view-download-sec a:first-child { margin-right: 4px; }
.document-view-download-box{ padding: 0 0 0 15px;}


/*------------------------ Commercia page -----------------------*/

.dashbord-middle-sec.commercial-middle-sec{    padding: 30px 50px 0px 50px}
.productphoto-middle-sec .each-product-photo{width: 347px;}
.commercial-middle-sec .catagory-select-section{padding-right: 0px;}
.commercial-middle-sec .catagory-select-section p {font-size: 14px; line-height: 22px; margin-bottom: 25px;}
.commercial-middle-sec .dropdown-select-field label {font-size: 14px; line-height: 18px;}
.commercial-middle-sec .dropdown-select-field select {font-size: 16px; line-height: 18px;}
.commercial-middle-sec .each-catagory-logo-sec{padding:0;    margin: 0;}
.commercial-middle-sec .logo-box-inner-sec {    padding: 0px 20px 0 20px;}
.logo-image-upload-box label {font-size: 18px; line-height: 23px;width: 220px; padding: 12px 0;}
/*.logo-box-inner-sec img{    width: 90%;}*/
.commercial-middle-sec .view-download-delete a {font-size: 12px; line-height: 18px;}
.commercial-middle-sec .each-catagory-logo-sec h4{font-size: 20px; line-height: 27px;    margin-bottom: 15px;}

/*------------------------ Project Gallery Page -----------------------*/

.projectGallery-middle-sec .dropdown-select-field select{background-position-y: 20px; background-size: 10px;font-size: 18px; line-height: 24px;padding: 10px 20px;}

/*------------------------ Raynor Architect Page -----------------------*/

.raynor-architect-dashbord-middle-sec .app-download-sec {padding: 30px 40px;}
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child { margin-right: 50px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec { padding-right: 50px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3 {padding-right: 30px;padding-right: 30px; font-size: 20px; line-height: 28px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content { width: 50%; }
.raynor-architect-dashbord-middle-sec .app-download figure img.img-fluid { width: auto; height: 90px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a { display: inline-block; margin-top: 20px; }
.app-download a img.img-fluid { width: 95px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec { padding-bottom: 20px; }


/*------------------------ Product Video Page -----------------------*/
.categarory-search-sec .dropdown-select-field select{background-position-y: 15px; background-size: 9px;font-size: 14px; line-height: 19px;}
.categarory-search-sec .search-field-box .search-field{padding: 12px 13px; width: 250px;}
.categarory-search-sec .search-field-box .search-field input::placeholder{font-size: 14px;color:#c1c1c1;}

/*------------------------ Product Video Page -----------------------*/
.productphoto-middle-sec .each-product-photo h3{font-size: 13px; line-height: 17px;}


/*------------------------ Technical Resources Page -----------------------*/
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 400px;}
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box p{padding: 0 10px;}

/* ================== FAQ ====== */

.faq-sec-content .accordion-button{font-size: 20px; line-height: 32px;}
.faq-sec-content {padding: 15px 0;}
.faq-sec-content .accordion-item{    padding: 15px 30px;}
.faq-sec-content .card-body p{font-size: 15px; line-height: 22px;}

/* ================== Web Print ====== */
.web-print-content-sec .content-inner-sec .right-side-image img{width: 275px;}
.web-print-content-sec .content-inner-sec .left-side-content { padding: 25px 35px 25px 25px; }
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p { padding-right: 335px; }
.web-print-content-sec .content-inner-sec .left-side-content ul li{padding: 0 0px 10px 13px;font-size: 18px; line-height: 26px;}
.web-print-content-sec .left-side-content .login-sec h4{font-size: 18px; line-height: 25px;}
.web-print-middle-sec .web-print-content-sec{    width: 70%;}

/* ================== Contact Directory ====== */
.contact-directory-content-sec .each-dept-contact .heading{font-size: 16px; line-height: 24px;padding: 15px 25px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details {padding: 20px 25px 20px 25px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p { padding-left: 0px; margin-bottom: 40px; }
.contact-directory-content-sec .each-dept-contact h4{font-size: 15px; line-height: 22px;}
.contact-directory-content-sec .each-dept-contact .heading span.extension{    width: 20%;}
.contact-directory-content-sec .each-dept-contact .heading span.dept-name{width: 80%;}

/* ================== comparison 2 page ====== */

.comparison-items-sec .item-check-box{width: 41%;}
.comparison-items-sec .item-details{width: 68%;}
.comparison-items-sec{    width: 80%;}
.comparison-item-select-middle-sec .comparison-items-sec h4{font-size: 20px; line-height: 29px;}

/* ================== Electronoc Price Page ====== */
.electronoc-price-middle-sec .top-sec-content ul li{font-size: 15px; line-height: 22px;}
.electronoc-price-middle-sec .top-sec-left-side p, .electronoc-price-middle-sec .top-sec-right-side p{font-size: 15px; line-height: 22px;}
.electronoc-price-middle-sec .top-sec-content p{font-size: 15px; line-height: 22px;}
.electronoc-price-middle-sec h3{font-size: 20px; line-height: 28px;}

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{padding-right: 160px;}

/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 22px; line-height: 30px;margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{margin-right: 30px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure img{width: 160px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span{font-size: 18px; line-height: 30px;}
.marketing-sales-aids-middle-sec .each-sales-aids p{font-size: 15px; line-height: 20px;}

/* ================== Comparisons 3 Page ====== */
.comparison-table tbody td{font-size: 15px; line-height: 22px;min-width: 320px;max-width: 320px; word-break: break-word;}
.comparison-table tbody tr td:nth-child(1){min-width: 180px;max-width: 180px;padding: 10px 10px;}
.comparison-table thead th{min-width: 320px;max-width: 320px;font-size: 18px; line-height: 25px;padding: 12px 15px;}
.comparison-table thead th:nth-child(1){min-width: 180px;max-width: 180px;}

   /*------------------------ Project Gallery Submission page -----------------------*/
   .gallerySubmission-middle-sec .catagory-select-section .left-side { padding-right: 30px; }
   .gallerySubmission-middle-sec .catagory-select-section .right-side { padding-left: 30px; }
   .projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea{font-size: 18px; line-height: 24px; padding: 10px 20px; }
   .projectGallery-middle-sec .catagory-select-section { margin-bottom: 40px; }
   .projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading {    font-size: 15px;}
   .image-upload-sec span {    font-size: 15px;}
   .image-sorting-text p {    font-size: 15px;}
   .end-disclaimer-submit-sec p {font-size: 15px;}
   .end-disclaimer-submit-sec { margin-top: 30px; }
   .all-project-section .each-project{width: clamp(23ch, 60%, 52ch);}
   .all-project-section .each-project .inner-sec h3{margin-top: 0;}

    /*------------------------ Dealer List Page -----------------------*/

    .dealer-list-middle-sec .dropdown-select-field select{font-size: 15px; line-height: 23px;background-position-y: 16px;}
    .search-box .search-field span i { font-size: 18px; }
    .search-box .search-field {padding: 14px;}
    .search-box .search-field input{font-size: 15px;}
    .dealer-list-table .dealer-list-data th, .dealer-list-table .dealer-list-data td{font-size: 15px; line-height: 22px;    padding: 14px 10px;}

    /*------------------------ Add New Dealer -----------------------*/

    .raynor-application-form-middle-sec .application-form-field label{font-size: 14px; line-height: 22px;}
    .add-new-dealer-middle-sec .all-radio-fields h4 {font-size: 14px; line-height: 22px;}
    .add-new-dealer-middle-sec .all-radio-fields {margin-bottom: 10px;}

    /*************************Media Category Page***********************************/

    .meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 15px 0;}
    .meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 20px;}
    .meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 20px;}
    .meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
    .meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {width: 50%;padding: 0 20px 0 0;}
    .meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}
    .meadiacategory-middle-sec .meadiacategory-right-sec{width: 343px;margin: 0 5px;}
    .meadiacategory-middle-sec .meadiacategory-heading{margin-bottom: 20px;padding: 0;}
    .meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li{width: 100%;}
    .meadiacategory-middle-sec .meadiacategory-left-sec .form-grp{margin-bottom: 0;}
    .all-meadiacategory-section .meadiacategory-left-sec{padding: 0;}

    .logo-box-inner-sec .upload-btn {width: 200px;padding: 12px 0;font-size: 18px;line-height: 26px;}
    .project-upload-popup .project-upload-content .form-group {margin-bottom: 25px;}
    .dasbord-heading-sec{min-height: 130px;}
    .productVideo-middle-sec .each-product-video{width: 423px;margin-bottom: 15px;}

    .raynor-application-form-middle-sec .dealer-profile label {  width: 310px;margin: 0 auto;}
    .dealer-profile .profile-avtar { width: 310px; }

    /*----------------RaynorGram Page-------------------------------*/
    .raynorgram-input-section{padding: 0px 0 30px 0; width: 100%; display: inline-flex;}
    .search-input{display: inline-flex; align-items: center;}



    /* Sneha */
    .main-dasbord-header { padding: 40px 40px 10px 48px;}
    .all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 180px;}
    .dashbord-middle-sec.referral-program-middle-sec , .dashbord-middle-sec.dealer-list-middle-sec{padding: 20px 48px;}

    .add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check:first-child { margin-right: 13px; }

    

    /* Sneha ( 07/11/2024 ) */
    .strategy-meetings-list-middle-sec.dashbord-middle-sec { padding-left: 48px; }


}

@media all and (min-width: 1686px) and (max-width: 1797px){
    /*------------------------ Log in page -----------------------*/
    .login-logo img{width: 70%;}
    .form-group input, .form-group textarea, .form-group select{padding: 12px 20px;}
    .login-dashbord-sec .login-details p{margin: 30px 0;}
    .btn-sec button{margin-bottom: 50px;}
    .login-dashbord-sec .left-side-content p {font-size: 20px; line-height: 32px;}
    .login-dashbord-sec .left-side-content h2 {font-size: 42px; line-height: 70px; margin-bottom: 14px; }
    .form-group input::placeholder, .form-group textarea::placeholder{ font-size: 15px; line-height: 23px;color:#c1c1c1;}
    .media-photo .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 660px))!important;}

    /*------------------------ Register page -----------------------*/

    .register-dashbord-sec .left-side-content{    padding: 0 70px;}
    .register-dashbord-sec .left-side-content h2{font-size: 40px; line-height: 57px;margin-bottom: 25px;}
    .register-dashbord-sec .left-side-content h2::before {width: 180px;}
    .register-dashbord-sec .left-side-content p{font-weight: 400; font-size: 20px; line-height: 30px; color: #000000; margin-bottom: 35px;}
    .register-dashbord-sec .register-details{padding: 50px 40px 50px 40px;}
    .register-dashbord-sec .register-details .note{font-size: 17px; line-height: 24px; margin-bottom: 25px;}
    .register-dashbord-sec .register-details .register-form .input-field label{font-size: 20px; line-height: 36px; margin-right: 26px; width: 31%;}
    .register-details .register-form .form_field{    padding-right: 55px;}
    .register-dashbord-sec .register-details .register-form .declaration-note{    margin-top: 15px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p{font-size: 15px; line-height: 23px; margin-bottom: 20px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p:first-child{font-size: 16px; line-height: 25px;}
    .register-dashbord-sec .register-details .register-form .input-field.register-email-input-field label{    margin: 6px 0;}
    .register-details .register-form .input-field p span { font-size: 14px; }
    .register-details .register-form .terms-condition-note p{font-size: 15px; line-height: 24px;}
    .terms-condition-checkbox{    margin-top: 20px;}

        /*------------------------  Forgot Password page -----------------------*/
        .login-dashbord-sec.forget-password-sec .left-side-content{padding: 90px 100px;}
        .login-dashbord-sec.forget-password-sec .login-details{padding: 90px 55px;}
        .forget-password-sec .login-details h2{font-size: 45px; line-height: 66px;}
        .forget-password-sec .heading-content p{    margin: 25px 0 30px 0;}
        .forget-password-sec .login-form .form-group p{    font-size: 14px;}
        .forget-password-sec .login-form .form-group label{font-size: 20px; line-height: 34px;}
        .forget-password-sec .login-details .forget-email-note p {font-size: 18px; line-height: 28px; margin: 25px 0 35px 0;}
        .forget-email-note .back-login{font-size: 18px; line-height: 26px;}

        /*------------------------ Dealer-web-dashbord -----------------------*/

        .dealer-user-profile{    padding: 45px 0;}
        .user-profile-dropdown p{line-height: 22px;}
        .user-profile-dropdown button{font-size: 19px; line-height: 28px;margin-top: 3px;}
        .siderbar-footer {padding: 27px 0;}
        /* .dasbord-footer-sec{    padding: 17px 115px;} */

    .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 19px; line-height: 30px;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 19px; line-height: 30px;}
     .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}
    .academy-image img{    width: 70%;}

    /*------------------------ Raynor-Academy-Application-Form -----------------------*/

.contact-information-heading p{    padding-right: 520px;}
.student-name-course-registration-sec .student-name-sec{width: 39%;}
.student-name-course-registration-sec .course-registration-sec{width: 48%;}
.raynor-application-form-middle-sec .thnk-you-content{padding-right: 40px;}


/*------------------------ Project Gallery Page -----------------------*/

.projectGallery-middle-sec .dropdown-select-field select{background-position-y: 20px; background-size: 10px;font-size: 18px; line-height: 24px;padding: 10px 20px;}

/*------------------------ Raynor Architect Page -----------------------*/

.raynor-architect-dashbord-middle-sec .app-download-sec {padding: 30px 50px;}
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child { margin-right: 50px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec { padding-right: 50px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3 {padding-right: 30px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content { width: 44%; }
.raynor-architect-dashbord-middle-sec .app-download figure img.img-fluid { width: auto; height: 100px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a { display: inline-block; margin-top: 25px; }
.app-download a img.img-fluid { width: 110px; }

/*------------------------ Technical Resources Page -----------------------*/
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 600px;}


/* ================== Web Print ====== */
.web-print-content-sec .content-inner-sec .right-side-image img{width: 340px;}
.web-print-content-sec .content-inner-sec .left-side-content { padding: 30px 35px 30px 30px; }
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p { padding-right: 600px; }


/* ================== Contact Directory ====== */
.contact-directory-content-sec .each-dept-contact .heading{font-size: 18px; line-height: 28px;padding: 15px 35px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details {padding: 20px 35px 20px 35px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p { padding-left: 0px; margin-bottom: 40px; }
.contact-directory-content-sec .each-dept-contact h4{font-size: 15px; line-height: 22px;}

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{padding-right: 370px;}

/*------------------------ Add New Dealer -----------------------*/

.raynor-application-form-middle-sec .application-form-field label{font-size: 14px; line-height: 22px;}
.add-new-dealer-middle-sec .all-radio-fields h4 {font-size: 14px; line-height: 22px;}
.add-new-dealer-middle-sec .all-radio-fields {margin-bottom: 10px;}

/*************************Media Category Page***********************************/

.meadiacategory-heading{margin-bottom: 20px;}
.meadiacategory-contant1 article{padding: 16px;}
.radio_sec{margin-bottom: 20px;}
.radio_sec input{margin-right: 5px;}
.radio_sec .radio1{padding: 5px 15px; }
.input1 , .input2{margin-bottom: 0px;}
.input1 input{padding: 5px; margin-bottom: 20px; width: 100%;}
.plus_icon_sec{padding: 5px; margin-bottom: 30px;}
.plus_icon_sec a{padding: 6px 15px;}
.list-1{padding: 10px 10px 30px 10px; }
.list-1 p{padding: 10px 8px; margin:5px; }
.list-1 p a{padding: 1px 5px;  margin-left: 10px;}
.button{padding:10px;}
.meadiacategory-contant2 .box-1 article{padding: 13px; margin-bottom: 30px;}
.meadiacategory-contant2 .box-2 article{ padding: 13px;}

.raynor-application-form-middle-sec .dealer-profile label {width: 361px;margin: 0 auto; }
.dealer-profile .profile-avtar { width: 361px; }

/*----------------------------------------RaynorGram Page-----------------------*/
.raynorgram-input-section{padding: 0px 0 30px 0; width: 100%; display: inline-flex;}

/* ---------------------------your-cart------------------------ */
.your-cart-aids-middle-sec .square-box h3{font-size: 22px;line-height: 33px;}
.your-cart-aids-middle-sec .square-box .box-price{font-size: 22px;line-height: 33px;}
.box-btn .continue-shopping{padding: 10px 42px;font-size: 18px;line-height: 26px;width: 100%;}
.box-btn .proceed-checkout{padding: 10px 42px;font-size: 18px;line-height: 26px;width: 100%;}
.your-cart-aids-middle-sec .right-side-btn .price {margin: 0 0 0 0;}
.each-sales-aids .right-side-btn .delet-btn{width: 40px;height: 40px;}
.your-cart-aids-middle-sec .each-sales-aids .price span {font-size: 30px;line-height: 45px;}
.your-cart-aids-middle-sec .each-sales-aids .price{font-size: 22px;line-height: 34px;}
.your-cart-aids-middle-sec .qty-btn span.qty {margin-right: 12px;}

.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 220px;}




}
@media (max-width: 360px){
  .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-left: 0px important;}
  #cropModal .modal-dialog{max-width: 90% !important;}
    #publish{margin-top:7px!important;}
    .heading_2 .edit-delete img{width:25px;}
    .heading_2 .download_sec{float: left;width: 50%; display: block;}
    .heading_2{justify-content: space-between;}
    .heading_2 .download_sec .toggle_check{padding-left:10px}
    .prduct_logoes_list .all-logo-images .each-logo-box article > a.inner-sec{width:100% !important;}

}
@media (max-width: 405px){
  .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-left: 0px important;}
  #cropModal .modal-dialog{max-width: 90% !important;}
    .prduct_logoes_list .all-logo-images .each-logo-box article > a.inner-sec{width:100% !important;}
}
@media (min-width: 406px) and (max-width: 420px){
  .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-left: 0px important;}
  #cropModal .modal-dialog{max-width: 90% !important;}
    .prduct_logoes_list .all-logo-images .each-logo-box article > a.inner-sec{width:45% !important;}
}


@media (max-width: 575.98px) {
.sidebar-form .key-action-items .action-item-content .action-item .action-text{font-size: 16px; line-height: 22px;}
.pdf-preview-info{flex-direction: column; margin-top: 10px;}

.meeting-summary-content #dropBox .drop-file.pdf-file br{display: block;}
.keyword-ranking-popup .main-deskop-popup .key-item-popup{width: 410px;}
.sidebar-form .upload-files.social-add{padding-top: 21px;}
.meeting-summary-content #dropBox .drop-file{font-size: 22px; line-height: 30px;}
.meeting-summary-content #dropBox .drop-file.pdf-file{font-size: 19px; line-height: 28px;}
.meeting-summary-content .upload-icon i{font-size: 50px;}
  .mfp-close { right: 0px !important; top: 27px!important; font-size: 32px!important; width: 30px!important; height: 30px!important;}
  .strategy-meetings-view-middle-sec .meeting-right-side-content h1.view-social{padding-bottom: 0px;}
  .dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list{padding-left: 0;}
  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
   .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
   .referral-program-form.email-content{margin-top: 10px;}
  /* @media (max-width: 628.98px) { */
    .plus-icon-mob{text-align: center !important;margin-top:20px;}
    .sidebar-form .upload-transcript-sec.email-content{margin-bottom: 11px;}
    .btn-sec button.login-btn{font-size: 14px; line-height: 20px;}
    .login-dashbord-sec .login-details .login-form p{font-size: 17px; line-height: 27px;margin: 0 0 15px;}
    .user-profile-dropdown .dropdown-menu li a{color: #ffffff!important}
    .dasbord-footer-sec .dasbord-footer-content .center-side{padding-top: 10px;}
    .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-left: 0px !important;}
    #cropModal .modal-dialog{max-width: 90% !important;}
    /*---------- New Register Page ---------------- */
    .dasbord-heading-sec .dasboard-sec{display: block;}
    .dasbord-heading-sec .dashbord-heading-content p{padding-bottom: 10px;}
    .dasbord-heading-sec .dashboard-serch .select2{width: 100%!important;}
  .new-register-page h1{font-size: 28px!important;line-height: 29px!important;padding-bottom: 20px;}
  .new-register-page{padding: 20px 25px!important;}
  .new-register-page .dashbord-heading-content p{font-size: 15px!important;line-height: 21px!important;padding-bottom: 20px!important;}
  .register-content{padding: 25px !important;}
  .new-register-page .dashbord-heading-content p span{font-size: 15px;line-height: 21px;}
  .register-content p{font-size: 15px!important;line-height: 21px!important;padding-bottom: 18px!important;}
  .register-content .all-radio-fields.security-level-field .each-radio-field .form-group{display: block!important;}
  .register-content .dealer-profile label{font-size: 14px!important;padding: 6px 15px;}
  .register-content .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;line-height: 18px;}
  .register-content .select2-container--default .select2-selection--single .select2-selection__arrow{top: 7px;}
  .register-content .dealer-profile label{margin-left: 15px;}
    .project-gallery-popup .modal-content .inner-sec-popup .owl-nav span {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        display: inline-block;
        line-height: 25px;
        width: 30px;
        border-radius: 50%;
        height: 30px;
        color: #174580;
        background-color: #e3e3e38f;
    }
    .project-gallery-popup .modal-content .inner-sec-popup .owl-nav button.owl-next {
        margin-right: 20px;
    }
    .project-gallery-popup .modal-content .inner-sec-popup .owl-nav button.owl-prev {
        margin-left: 20px;
    }
    /*.user-profile-dropdown button span img{width: 100%;height: 100%;margin-left: 0;object-fit: cover;}*/
    .prduct_logoes_list .all-logo-images .each-logo-box article > a{width:50% !important;}
    .upload-category-sec .input-field1{display: flex;background-color: #ecf0f5;padding: 20px 10px;height: 90px;justify-content: space-between;align-items: self-end;}
    #category_name{margin-top:20px;}
.commercial-middle-sec .view-download-delete,.each-logo-box .logo-box-inner-sec .view-download-sec a{background-color: transparent;}
.logo-vew-popup.show .popup-image img{max-height:500px;}
    /*-------------------------- shipping-infortion-page----------------- */
.shipping-info-heading {font-size: 22px;line-height: 28px;}
.application-form-content form{margin-top: 30px;}
.application-form-content{padding-top: 30px;}
.dealership input{padding-left: 0;}
.dealership label {font-size: 22px;line-height: 28px;}
.billing-address-radio .form-group input {width: 17px;height: 14px;}
.dealership {margin: 10px 0 0 0;}
.shipping-info-submit-sec .submit-btn{font-size: 14px;line-height: 24px;padding: 11px 48px;margin-top: 15px;}
.field-right-part{padding-left: 12px;}

/* ---------------------------your-cart------------------------ */

.your-cart-aids-middle-sec .all-sales-aids-left{display: grid;padding: 0 12px 0 12px;}
.your-cart-aids-middle-sec .each-sales-aids .price span{font-size: 22px;line-height: 28px;}
.your-cart-aids-middle-sec .each-sales-aids .price {font-size: 18px; line-height: 24px;text-align: center;margin: 10px 30px 15px 0; padding: 7px 0;}
.your-cart-aids-middle-sec .plus-minus-btn{margin: 0px 10px 0 15px;}
.your-cart-aids-middle-sec .all-sales-aids-right{margin: 0;padding: 0 12px 0 12px;}
.your-cart-aids-middle-sec .square-box h3 {font-size: 20px;line-height: 25px;}
.your-cart-aids-middle-sec .square-box .box-price {font-size: 20px;line-height: 25px;}
.your-cart-aids-middle-sec .square-box .shipping-cost-txt {font-size: 14px;line-height: 22px;}
.your-cart-aids-middle-sec .square-box .shipping-price {font-size: 14px;line-height: 22px;}
.box-btn .proceed-checkout {padding: 9px 20px;font-size: 15px;line-height: 22px;margin: 18px 0px 10px 0px;width: 290px;}
.box-btn .continue-shopping{padding: 9px 20px;font-size: 15px;line-height: 22px;width: 290px;margin: 0 0 0 25px;}
.your-cart-aids-middle-sec .each-sales-aids .right-side-btn{text-align: left;}
.your-cart-aids-middle-sec .each-sales-aids .left-side-content figure{text-align: left;}
.your-cart-aids-middle-sec .each-sales-aids h3{text-align: left;}
.your-cart-aids-middle-sec .each-sales-aids p {text-align: left;}
.your-cart-aids-middle-sec .qty-btn{float: left; margin: 0 0 0 0;}
.your-cart-aids-middle-sec .plus-minus-btn{margin: 0 0 0 0;}
.your-cart-aids-middle-sec .each-sales-aids .price {text-align: left!important;margin: 5px 0px 5px 0;display: block;}
.your-cart-aids-middle-sec .all-sales-aids-right .box-btn{margin: 0 auto 0 auto;}
.your-cart-aids-middle-sec .box-btn .continue-shopping{margin: 0 0 0 0;}
.all-sales-aids-left .right-side-btn .delet-btn{width: 35px;height: 35px;}
.your-cart-aids-middle-sec .qty-btn .plus-minus-btn .qty{font-size: 15px;margin-right: 10px;}
.your-cart-aids-middle-sec .qty-number{width: 60px;}
.your-cart-aids-middle-sec .square-box {padding: 32px 20px;}

/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids {display: block;padding: 20px 20px 20px 20px;    margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 100%;display: block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 100%;display: block;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 0px;text-align: center;margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 16px; line-height: 22px; text-align: center;    margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;padding: 6px 12px;}
.marketing-sales-aids-middle-sec .right-side-btn .price { margin: 10px 0; width: auto; padding: 7px 30px; font-size: 16px; }
.marketing-sales-aids-middle-sec .qty-btn{display: block;}
.marketing-sales-aids-middle-sec .plus-minus-btn{justify-content: center; margin-bottom: 15px;}
.marketing-sales-aids-middle-sec .qty-number{width: 80px;}



/*--------------------- checkout ---------------- */

.checkout-radio-col .form-group label{font-size: 16px;line-height: 24px;}
.checkout-radio-col .form-group .form-check{display: flex;align-items: center;justify-content: center;padding-left: 10px;}
.checkout-radio-col .form-group .form-check1 input{flex: unset;}
.checkout-radio-col .form-group .form-check1{justify-content: flex-start;}
.checkout-address-sec .information-heading{font-size: 16px;line-height: 25px;padding-bottom: 10px;}
.checkout-address-sec .checkout-shipping-info {padding: 40px 0 0 20px;}
.raynor-act {font-size: 15px;line-height: 22px;}
.checkout-address-sec .checkout-address{font-size: 15px;line-height: 23px;}
.checkout-address-sec .complete-order-btn {font-size: 16px;line-height: 26px;padding: 10px 18px;margin:30px 0 0 10px;}
.checkout-middle-sec .main-square-box{justify-content: unset
  !important;margin-top: 20px;}
.checkout-middle-sec .checkout-col .square-box .shipping-cost-txt {margin: 0 180px 0 0;}
.checkout-middle-sec .checkout-col .square-box h3 {font-size: 20px;line-height: 25px;}
.dollar-price{font-size: 20px;line-height: 25px;}
.shipping-cost-txt{font-size: 15px;}
.checkout-middle-sec .checkout-radio-col{margin-top: 15px;}
.checkout-radio-col .form-group input{width: 13px;}
  /*------------------------ Product Details application form -----------------------*/

.product-details-application-form{padding: 20px;}
.product-details-application-form p.note-text { font-size: 20px; line-height: 30px;}
.product-details-application-form .application-form-field { margin-bottom: 35px; }

.product-details-application-form .application-form-field .form-group input, .product-details-application-form .application-form-field .form-group textarea, .product-details-application-form .application-form-field .form-group select{ padding: 5px 0; font-size: 14px; line-height: 18px; }
.product-details-application-form .application-form-field .form-group label, .product-details-application-form .application-form-field .radio-field label, .product-details-application-form .select-2-multivalue-field label, .product-details-application-form .select-2-normal-dropdown label, .product-details-application-form .other-sec label{ font-size: 14px; line-height: 20px; }
.product-details-application-form .application-form-field .radio-field { display: block; margin: 0 0 30px 0; }
.product-details-application-form .application-form-field .radio-field:last-child{margin: 0;}
.product-details-application-form .application-form-field .radio-field .form-check input{width: 15px; height: 15px;margin-right: 8px;}
.product-details-application-form .application-form-field .radio-field label { margin-bottom: 15px; }
.product-details-application-form .sub-heading { margin-top: 0px; }
.product-details-application-form .sub-heading h3 {font-size: 22px; line-height: 32px;margin-bottom: 30px;}
.product-details-application-form .submit-btn {font-size: 16px; line-height: 24px;margin-top: 10px;    width: 135px;}
.product-details-application-form .select-2-multivalue-field .select2-container--default .select2-selection--multiple{    padding: 4px 12px 0px 6px;}
.product-details-application-form .select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 11px; line-height: 15px; padding: 5px 10px 5px 16px;}
  .project-details .view-delete-download img{width: 32px!important;}
  .your_role_btns{padding-bottom: 10px;}
  .view-delete-download .download{padding-right: 4px;}
  .dealer-list-table .dealer-list-data .table-btn1 img{width: 24px;}
  .dealer-list-table .dealer-list-data .delete{margin-left: 7px;}
  .raynor-dealer-programs .program-benefits-content li{padding-left: 15px;font-size: 12px;line-height: 17px;}
  .raynor-dealer-programs .program-benefits-content .extra-li{display: none;}
  .dashbord-middle-sec .all-item-outer-sec{display: flex; padding: 0px;}
  .commercial-middle-sec .logo-vew-popup .modal-content{max-height:90vh;max-width:90%}
  /*.commercial-middle-sec .logo-vew-popup .modal-body{padding: 219px 0;}*/
  .raynor-dealer-programs .all-logo-images p{padding-bottom: 20px;font-size: 12px;line-height: 18px;}
  .raynor-dealer-programs .each-logo-box{padding: 0!important;}
  .raynor-dealer-programs .program-qualification-content h4{font-size: 16px;line-height: 23px;padding: 15px 0 13px 0;padding-left: 17px;}
  .raynor-dealer-programs .program-qualification-content li{padding: 9px 0 5px 34px !important;font-size: 12px;}
  .raynor-dealer-programs .program-benefits-content .program-left{padding: 0;border-right: none;}
  .raynor-dealer-programs .program-benefits-content p{font-size: 12px;line-height: 18px;padding: 0 8px;}
  .raynor-dealer-programs .program-qualification-content{display: block;}
  .raynor-dealer-programs .program-benefits-content{display: block;padding: 0}
  .raynor-dealer-programs .program-benefits-content .program-right{padding: 15px 0;}
  .raynor-dealer-programs .program-benefits-content h4{font-size: 16px;line-height: 28px;padding-left: 14px;padding-top: 10px;padding-bottom: 10px;}
  .raynor-dealer-programs .program-qualification-content{margin-bottom: 30px;}
  .raynor-dealer-programs .program-qualification p{font-size: 12px;line-height: 18px;}
  .proprogram-benefits p{font-size: 12px;line-height: 18px;}
  .raynor-dealer-programs .program-benefits{padding-bottom: 30px!important;}
  .raynor-dealer-programs .program-benefits .please-note{font-size: 12px;line-height: 18px;padding: 0 10px;}
  .register-page .dashbord-heading-content{padding: 20px 0;}
  .profile-page .account-details .admin-membership-category{padding-top: 0}
  .raynor-dealer-programs .program-benefits-content .spacing{padding-left: 15px;}
  .raynor-dealer-programs .all-catagory-logo-sec{margin-bottom: 15px;}
  .raynor-dealer-programs .program-benefits-content{margin-bottom: 15px;}
  .ribbon-top-right{right:-10px}

    /*------------------------ Log in page -----------------------*/
    .login-dashbord-sec{height: 100vh}
    .login-dashbord-sec .left-side-content p.we-know{display: none;}
    .login-dashbord-sec .left-side-content h3.craft-text{display: none;}
    .login-dashbord-sec .left-side-content{background-image: unset;height: unset;}
    .login-dashbord-sec .login-details{padding: 0px 20px!important;}
    .login-dashbord-sec .left-side-content{padding: 30px 20px 0px!important;}
    .login-dashbord-sec .left-side-content h2.mobile-dashboard{display: block;}
    .login-dashbord-sec .left-side-content h2.desk-welcome{display: none;}

    .login-dashbord-sec .left-side-content{padding: 30px 20px; position: relative;text-align: center;    align-items: flex-start;background-size: cover;}
    .login-dashbord-sec .left-side-content h2{font-size: 24px; line-height: 31px;margin-bottom: 15px;}
    .login-dashbord-sec .left-side-content h2::before{width: 220px;margin: 0 auto 12px auto;width: 180px;}
    .login-dashbord-sec .left-side-content h3{font-size: 20px; line-height: 28px;    margin-bottom: 20px;}
    .login-dashbord-sec .login-details{height: 100vh;padding: 40px 20px;}
    .login-dashbord-sec .left-side-content p {font-size: 14px; line-height: 22px;}
    .scroll-down-button.login{display: none;}
    .scroll-down-button{display: block;}
/*    .scroll-down-button{text-align: center; position: absolute; bottom: 50px; left: 0; right: 0;}*/
    .scroll-down-button{text-align: center; margin-top:15px; }
    .scroll-down-button i{font-size: 27px; color: #002855;}
    .login-logo img{    width: 60%;}
    .login-dashbord-sec .login-details p{font-size: 14px; line-height: 22px; margin: 4px 0 30px 0;}
    .login-form .form-group label{font-size: 16px; line-height: 30px;}
    .login-form .forgrt-password{font-size: 13px; line-height: 16px;margin-top: 10px;}
    .btn-sec button{margin-bottom: 45px;line-height: 22px;padding: 12px 0px;}
    .new-dealer-registration h3{font-size: 18px; line-height: 26px;    margin: 25px 0 10px 0;}
/*    .login-logo.desktop{display: none;}*/
    .login-logo.mobile{display: block;margin-bottom: 30px;}
    .form-group input, .form-group textarea, .form-group select{padding: 12px 25px;}
    .login-form .input-field span {padding: 0 18px;}
    .form-group input::placeholder, .form-group textarea::placeholder{ font-size: 14px; line-height: 22px;}
    .new-dealer-registration button {padding: 12px 0px;line-height: 22px;}

    /*------------------------ Register page -----------------------*/
    .register-dashbord-sec .register-details{height: auto;padding: 30px 15px 30px 15px;}
    .register-dashbord-sec .left-side-content {padding: 0 25px;}
    .register-image{display: none;}
    .register-dashbord-sec .left-side-content h2{font-size: 28px; line-height: 36px; margin-bottom: 20px;}
    .register-dashbord-sec .left-side-content h2::before{width: 140px;margin: 0 0 10px 0;}
    .register-dashbord-sec .left-side-content p {font-size: 16px; line-height: 24px;margin-bottom: 0;}
    .register-dashbord-sec .register-details .note{margin-bottom: 25px;font-size: 15px; line-height: 22px;}
    .register-details .register-form .form_field{padding-right: 12px;}
    .register-dashbord-sec .register-details .register-form .input-field{display: block;}
    .register-dashbord-sec .register-details .register-form .input-field label{margin: 0 0 5px 0;font-size: 16px; line-height: 30px;width: auto;}
    .register-dashbord-sec .register-details .register-form .form-group { margin-bottom: 15px; }
    .register-dashbord-sec .register-details .register-form .declaration-note p{font-size: 14px; line-height: 20px;margin-bottom: 10px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p:first-child{margin-bottom: 10px; font-size: 15px; line-height: 20px; padding-right: 10px;}
    .register-dashbord-sec .register-details .register-form .declaration-note{margin-top: 10px; padding-right: 25px;}
    .register-details .register-form .input-field p span{font-size: 14px;}
    .register-details .register-form .terms-condition-note p{font-size: 14px; line-height: 20px;}
    .terms-condition-checkbox {    margin-top: 20px;}

    /*------------------------  Forgot Password page -----------------------*/
    .login-dashbord-sec.forget-password-sec .left-side-content{display: none;}
    .login-dashbord-sec.forget-password-sec .login-details { padding: 40px 25px; height: 100vh;}
    .forget-password-sec .login-details h2{font-size: 26px; line-height: 34px;}
    .forget-password-sec .login-details .heading-content p{padding: 0 20px; font-size: 15px; margin: 20px 0 30px 0;line-height: 20px;}
    .forget-password-sec .login-form { padding: 0 15px; }
    .forget-password-sec .login-form .form-group label{font-size: 18px; line-height: 35px;}
    .forget-password-sec .login-details p{font-size: 14px; line-height: 22px;}
    .form-group { margin-bottom: 15px; }
    .forget-password-sec .login-details .forget-email-note p{font-size: 15px; line-height: 20px; margin: 25px 0 35px 0;    padding: 0 20px;}
    .forget-email-note .back-login{font-size: 18px; line-height: 25px;}
    .forget-password-sec .btn-sec button {padding: 12px 0px; font-size: 18px; line-height: 22px;}

    /*------------------------ Dealer Dashbord -----------------------*/
    .main-dasbord-mobile-header{display: block;}
    .main-dasbord-desktop-header{display: none;}
    .main-dasbord-ipad-header{display: none;}
    .mobile-socialmedia-footer-sec{display: block;}
    .main-dasbord-header{margin-top: 0px;}
      .mobilesidenav {height: 100%;width: 0;position: fixed; z-index: 999; top: 0; left: 0; background-color: #000000b3;overflow-x: hidden; transition: 0.5s;padding: 0;}
/*      .mobilesidenav .closebtn {position: absolute; top: 0; right: 10px; font-size: 30px; line-height: 35px; color: #fff; display: inline-block;}*/
      .mobilesidenav .closebtn {position: absolute; top: 14px; right: 10px; font-size: 65px; line-height: 35px; color: #fff; display: inline-block;}
/*      .mobilesidenav article.sidenav-content{width: 280px; height: 100%; background-color: #001C3C; padding-top: 35px; position: relative;}*/
      .mobilesidenav article.sidenav-content{width: 100%; height: 100%; background-color: #001C3C; padding-top: 65px; position: relative;}

      .main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a{font-size: 14px; line-height: 16px;}
      /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item{border-top: 2px solid; border-bottom: 2px solid;border-color: #E9E9E9;} */
      /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:last-child{border-bottom: 4px solid #E9E9E9;} */
      /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:first-child{border-top: 4px solid #E9E9E9;} */
      .client-list .select2.select2-container{width: 100%!important;}
      .sider-bar-accordion .accordion-item a{ padding: 8px 0 8px 20px !important;}
      .dashbord-middle-all-items{padding: 0;}
      .all-box-middle-sec{padding: 0;}
      .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu{background-color: #002855;padding: 7px 0;}
      .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li a{color: #fff; font-weight: 400;font-size: 14px; line-height: 20px;padding: 5px 10px;}
      .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li:first-child{border-bottom: 1px solid #fff;}
      .main-dasbord-mobile-header .header-bottom-section ul li a{font-weight: 500; font-size: 10px; line-height: 18px; color: #ffffff;}
      .main-dasbord-mobile-header .header-bottom-section ul li .v-separator { height: 14px; width: 1px; background-color: #000; opacity: 0.5; margin: 0 10px; display: inline-block;    vertical-align: middle; }
      .main-dasbord-mobile-header .header-bottom-section{background: #002855; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.03);padding: 12px 0;text-align: center;}
      .main-dasbord-mobile-header .user-profile-dropdown button{padding: 0;display: inline-block;}
    /*.user-profile-dropdown button span img{width: 30px; height: 30px; border-radius: 50%;margin-left: 0;}*/
     .user-profile-dropdown button span img{width: 100%;height: 100%;margin-left: 0;object-fit: cover;}
     .user-profile-dropdown button span.img-class {width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin: 0 auto;display: block;}
    .main-dasbord-mobile-header .header-top-section{display: flex; align-items: center; justify-content: space-between;padding: 10px 10px 15px 0;background-color: #001c3c;}
    .main-dasbord-mobile-header .header-top-section .left-logo-sec{display: flex; align-items: center;}
    .main-dasbord-mobile-header{padding: 0;}
    .dashboard-content a.user_back.btn.btn-light{padding-bottom: 10px;}
    .left-logo-sec a{display: inline-block;text-align: center;}
    .left-logo-sec a img{width: 60%;}
    .left-logo-sec span{width: 22px;text-align: center;display: inline-block;background-color: #002855;margin-right: 15px;}
    .left-logo-sec span i{color: #fff;font-size: 14px; line-height: 26px;}
    .main-dasbord .dashbord-side-bar{display: none;}
    .main-dasbord main{margin: 0;}
    .dasbord-heading-right{display: none;}
    .header-logo, .dashbord-top-menu-sec{width: auto;}
    .dasbord-heading-sec{padding: 20px;    background-position: right;min-height: unset;}
    .dasbord-heading-sec h1{font-size: 16px; line-height: 23px;margin-bottom: 7px;}
    .dasbord-heading-sec h1::before {width: 110px;margin: 0 0 6px 0;}
    .marketing-literature-middle-sec h2{font-size: 16px; line-height: 23px;margin-bottom: 7px;}
    .marketing-literature-middle-sec h2::before{width: 110px;margin: 0 0 6px 0;}
    .dasbord-heading-sec .dashbord-heading-content p{font-size: 12px; line-height: 18px;}
    .dashbord-middle-sec{    padding: 20px 12px;}

    .dashbord-middle-sec.strategy-meetings-create-middle-sec{padding: 0px 26px 26px 26px;}
    .dashbord-middle-sec.strategy-meetings-view-middle-sec{padding: 0px 26px 26px 26px;}
    .referral-program-form{margin-top: 30px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 50%; padding: 0 10px; margin-bottom: 25px;min-height: unset;}
    .ribbon-top-right{right:-11px !important}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px 12px; margin: 0;}
    .product_detail .table-list .add-btn{text-align: center;}
    .product_detail .dealer-list-table .dealer-list-data .table-btn1:first-child{margin-right: 0!important;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 16px; line-height: 24px; margin: 0 0; padding-top: 10px;}
     .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important; font-size: 0.8rem; word-wrap: break-word;}

     .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-left-side-content{padding-right: 0px; border-right: 0; padding-left: 0px;}

    .all-box-middle-sec .all-item-outer-sec .each-item-box{width: 50%; padding: 0 10px; margin-bottom: 25px;min-height: unset;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px; margin: 0;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 16px; line-height: 24px; margin: 0 0;}

    .strategy-meetings-create-middle-sec .sidebar-form .form-group label{font-size: 15px; line-height: 21px;}
    .strategy-meetings-create-middle-sec .meeting-right-side-content h1{font-size: 26px; line-height: 36px;}
    .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-right-side-content{padding-left: 0px; padding-right: 0px;}
    .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .form-label{font-size: 15px; line-height: 21px;}
    .sidebar-form .key-action-items .key-action-header{padding-top: 20px}
    .dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-left-side-content{padding-right: 0px; border-right: 0; padding-left: 0px;}
    .strategy-meetings-list-middle-sec .seo-list .search-btn button::after{display: none;}

    .strategy-meetings-view-middle-sec .sidebar-form .upload-files .upload-container{padding: 10px 10px 5px 0;}
    .strategy-meetings-view-middle-sec .referral-program-form .upload-container.user-meeting{padding: 8px 0px !important;}
    .sidebar-form .upload-files .upload-container.user-meeting .upload-text{padding-left: 7px;}
    .sidebar-form .upload-files .upload-container.user-meeting .upload-action{margin-right: 8px;}
    .sidebar-form .key-action-items .action-item-content .action-item{margin-bottom: 0px;}
    .sidebar-form .key-action-items .action-item-content{padding-top: 18px;}

    .domain-hosting-list-middle-sec .domain-title-sec .plus-icon img{width: 32px;height: 32px;margin-top: 3px;}
    .domain-hosting-list-middle-sec .domain-title-sec .domain-title h3{font-size: 20px; line-height: 24px;}
    .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .df-label{flex: 0 0 115px;}
    .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data .text-right{padding: 5px;}
    .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form .site-form .form-input-sec{margin-bottom: 10px;}
    .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form .site-form a.field-remove-icon{position: absolute; right: 12px; top: -30px;}
    .domain-hosting-list-middle-sec .domain-hosting-box .domain-list-data-form .site-form .form-position{position: relative;}

    .dasbord-heading-sec .dasbord-heading-right ul li {font-size: 12px; line-height: 18px;    margin-bottom: 0px;}
    .dashbord-middle-sec .dashbord-middle-sec-top p {font-size: 12px; line-height: 18px;padding-left: 0px;margin-bottom: 10px;}
    .dasbord-footer-sec{padding: 16px 15px;}
    .dasbord-footer-sec .dasbord-footer-content h4{font-size: 14px; line-height: 16px;}
    .dasbord-footer-sec .dasbord-footer-content .person-detail-sec{justify-content: space-between;}
    .dasbord-footer-sec .dasbord-footer-content article{display: block;}
    .dasbord-footer-sec .dasbord-footer-content .person-details span.name { margin: 0 0 10px 0;display: block;}
    .dasbord-footer-sec .dasbord-footer-content .person-details .name h4{font-size: 12px; line-height: 16px;}
    .dasbord-footer-sec .dasbord-footer-content p{font-size: 12px; line-height: 19px;}
    .dasbord-footer-sec .dasbord-footer-content ul li span:first-child { margin-right: 5px; }
    .dasbord-footer-sec .dasbord-footer-content ul li{font-size: 11px; line-height: 15px;}
    .dasbord-footer-sec .dasbord-footer-content ul li span img { width: 10px;}
    .dasbord-footer-sec .dasbord-footer-content .person-details{display: block;}
    .dasbord-footer-sec .dasbord-footer-content ul li span:first-child { flex-shrink: 0; }
    .dasbord-footer-sec .dasbord-footer-content .person-details:first-child::after{display: none;}
    .dasbord-footer-sec .dasbord-footer-content h4::after{width: 65px;margin: 6px 0 12px 0;}
    .dasbord-footer-sec .dasbord-footer-content .right-side{margin-top: 15px;margin-left: 0;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box p {font-size: 12px; line-height: 18px;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box p {font-size: 12px; line-height: 18px;}



      /*View Page Description*/

    .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h1 {
      font-size: 28px !important;
      line-height: 36px !important;   
    }

    .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h2 {
      font-size: 26px !important;
      line-height: 34px !important;
    }

    .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h3 {
      font-size: 20px !important;
      line-height: 28px !important;
    }

    .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h4 {
      font-size: 18px !important;
      line-height: 26px !important;
    }


  /*------------------------ Raynor-Academy-dashbord -----------------------*/
    .academy-image { display: none;}
    .raynor-academy-dashbord-middle-sec { padding: 20px 0px 0 0;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box{padding: 15px 0 15px 15px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon img { width: 40px; }
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon { top: -5px;left: 2px; }
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3{font-size: 14px; line-height: 20px;    margin-left: 20px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing{margin-bottom: 10px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box p { padding-right: 10px;color: #000000;font-size: 12px; line-height: 20px; }
    .raynor-academy-dashbord-middle-sec .each-quesion-box{padding: 0 32px; margin-bottom: 10px;}
    .raynor-academy-sales-sec { margin-top: 30px; }
    .raynor-academy-sales-sec .each-raynor-box{display: block;}
    .raynor-academy-sales-sec .each-raynor-box .inner-raynor-box h3{font-size: 20px; line-height: 24px;padding: 12px 0;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec { padding: 20px 12px 20px 12px;margin-bottom: 20px; }
    .raynor-academy-sales-sec .each-raynor-box .content-sec figure{margin: 0px auto 15px auto;}
    .raynor-academy-sales-sec .view-download-sec figure{margin-bottom: 0!important;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec p{font-size: 12px; line-height: 20px;padding: 0 0px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec{margin-bottom: 10px;    display: block;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document{padding: 5px 10px 5px 10px; background-color: #ECF0F5; margin-bottom: 10px;}
    .raynor-academy-sales-sec .content-sec1 .each-document{padding: 0 0 0 10px!important;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document h4{font-size: 12px; line-height: 14px; margin-right: 10px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child{font-size: 16px; line-height: 18px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child::after{width: 70px; margin: 3px 0 6px 0;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:last-child{font-size: 12px;}
    .course-download-sec .view-download-sec a:first-child { margin-right: 4px; }
/*    .course-download-sec .view-download-sec a{padding: 4px 8px; line-height: 18px;}*/
    .course-download-sec .view-download-sec a img { width: 25px; }
    .tuition-sec .tuition-price-table .seat-price { width: 50%; }
    .tuition-sec .tuition-price-table .seat { width: 24%; }
    .tuition-sec .tuition-price-table .payment { width: 26%; }
    .tuition-sec .tuition-price-table th, .tuition-sec .tuition-price-table td{padding: 8px 8px 8px 0; font-size: 12px; line-height: 16px;}
    .tuition-sec .tuition-price-table{padding-right: 0;}
    .raynor-academy-sales-sec .appply-button a{font-size: 11px;line-height: 19px;padding: 6px;width: 273px;}
    .raynor-academy-sales-sec .appply-button .right-btn{margin-left: 0;margin-top: 10px;}
    .raynor-academy-sales-sec .content-sec .tuition-sec { margin-top: 20px; }
    .raynor-academy-sales-sec .raynor-sales-academy{padding-left: 12px;}
    .raynor-academy-sales-sec .raynor-academy{padding-right: 12px;}
    .raynor-academy-sales-sec .content-sec .tuition-sec h4{font-size: 16px; line-height: 18px;}
    .raynor-academy-sales-sec .content-sec .tuition-sec h4::after {width: 70px;    margin: 6px 0 0px 0;}
    .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec p { padding: 0 0px; }
    .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .tuition-sec p{font-size: 14px; line-height: 22px;    margin-top: 15px;}

    /*------------------------ Raynor-Academy-Application-Form -----------------------*/

    .raynor-application-form-middle-sec { padding: 20px 20px;}
    .contact-information-heading h3{font-size: 14px; line-height: 18px;}
    .contact-information-heading h3::after {width: 105px;margin: 8px 0 0px 0;}
    .raynor-application-form-middle-sec p{font-size: 12px; line-height: 20px;}
    .contact-information-heading p {margin-top: 10px; padding-right: 0; margin-bottom: 15px;}
    .raynor-application-form-middle-sec .application-form-field .first-top-border {padding-top: 0px;border: none;}
    .raynor-application-form-middle-sec .application-form-field .form-group input, .raynor-application-form-middle-sec .application-form-field .form-group textarea, .raynor-application-form-middle-sec .application-form-field .form-group select{padding: 5px 0; font-size: 14px; line-height: 18px;}
    .raynor-application-form-middle-sec .application-form-field label{font-size: 14px; line-height: 20px;}
    .raynor-application-form-middle-sec .application-form-field .second-top-border { padding-top: 0; }
    .raynor-application-form-middle-sec .application-form-field .form-group{margin-bottom: 20px;display:block !important;}
    .contact-information-heading.your-contact-information { margin-top: 10px; }
    .student-name-course-registration-sec{display: block;}
    .student-name-course-registration-sec .student-name-sec {width: 100%;    margin-right: 0px;}
    .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec{    padding: 20px 15px;}
    .student-name-course-registration-sec h3{font-size: 14px; line-height: 15px;}
    .student-name-course-registration-sec h3::after{width: 105px;margin: 7px 0 13px 0;}
    .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec {padding: 15px 15px;}
    .raynor-application-form-middle-sec .student-name-course-registration-sec p { margin-bottom: 15px; }
    .student-name-course-registration-sec .enrolling-checkbox input { width: 15px; height: 15px; margin-right: 10px; }
    .raynor-application-form-middle-sec .student-name-course-registration-sec label{font-size: 14px; line-height: 17px;}
    .student-name-course-registration-sec .enrolling-checkbox {margin-bottom: 15px;}
    .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group input, .raynor-application-form-middle-sec .student-name-course-registration-sec.form-group textarea{padding: 5px 0; font-size: 14px; line-height: 18px;}
    .student-name-course-registration-sec .course-registration-sec{width: 100%;margin-top: 20px;}
    .student-name-course-registration-sec .enrolling-checkbox label{font-size: 12px;}
    .raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field label{font-size: 14px; line-height: 22px;padding-right: 28px;}
    .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group select{font-size: 12px; line-height: 15px;padding: 7px 0;}
    .raynor-application-form-middle-sec .thnk-you-content { margin-top: 20px; }
    .raynor-application-form-middle-sec .thnk-you-content p { margin-bottom: 10px; }
    .raynor-application-form-middle-sec .document-download .each-document{    padding: 0 0 0 10px;}
    .raynor-application-form-middle-sec .document-download .each-document h4{    margin-right: 8px;font-size: 12px; line-height: 17px;}
    .raynor-application-form-middle-sec .document-download .view-download-sec a img {width: 22px;}
/*    .raynor-application-form-middle-sec .document-download .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
    .raynor-application-form-middle-sec .document-download .view-download-sec a:first-child { margin-right: 4px; }
    .confirmation-submit-sec input { width: 15px; height: 15px; margin-right: 10px; }
    .confirmation-submit-sec label{font-size: 13px; line-height: 19px;}
    .confirmation-submit-sec .submit-btn {font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px;    margin-top: 25px;}
    .raynor-application-form-middle-sec .thnk-you-content{padding-right: 0px;}

    /*------------------------ Residential Sectional Doors page -----------------------*/
.dashbord-middle-sec.residentialSectionalDoors-middle-sec {padding: 20px 20px 0px 20px;}
.residentialSectionalDoors-middle-sec h3{font-size: 14px; line-height: 16px;margin-bottom: 5px;}
.residentialSectionalDoors-middle-sec p {font-size: 12px; line-height: 15px;margin-bottom: 10px;}
.residentialSectionalDoors-middle-sec .left-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec .right-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec h3::before{margin: 0px 0 7px 0;}
.residentialSectionalDoors-middle-sec .each-content-sec { margin-bottom: 20px; }
/*------------------------ Document-view-download-box-sec -----------------------*/
.document-view-download-box h4{margin-right: 8px; font-size: 12px; line-height: 17px;}
/*.document-view-download-box .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
.document-view-download-box .view-download-sec a:first-child{ margin-right: 10px; }
.document-view-download-box .view-download-sec img{ width: 30px; }
.document-view-download-box{ padding: 0 0 0 10px; }

/*------------------------ Commercia page -----------------------*/

.dashbord-middle-sec.commercial-middle-sec { padding: 20px 20px 0px 20px; }
.commercial-middle-sec .each-logo-box{width: 100%; padding: 0 10px; margin-bottom: 20px;}
.commercial-middle-sec .video_section_admin .logo-box-inner-sec{padding: 0px;}
.commercial-middle-sec .logo-box-inner-sec{padding: 0px 20px 0 20px;}
.logo-image-upload-box label{font-size: 15px; line-height: 19px;padding: 12px 25px; margin-top: 20px;width: auto;}
.commercial-middle-sec .each-catagory-logo-sec h4{font-size: 18px; line-height: 20px;    margin-bottom: 15px;padding-left: 10px;}
.commercial-middle-sec .catagory-select-section p{font-weight: 400; font-size: 12px; line-height: 20px; margin-bottom: 20px;}
.commercial-middle-sec .dropdown-select-field{display: block;}
.commercial-middle-sec .dropdown-select-field select{padding: 10px 15px;font-size: 16px; line-height: 18px;background-position-y: 14px;width: 100%;}
.commercial-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 15px;margin: 0 0 15px 0;}
.commercial-middle-sec .catagory-select-section {    margin-bottom: 25px;padding-right: 12px;}
.commercial-middle-sec .each-catagory-logo-sec{padding: 30px 10px 10px 10px; margin-bottom: 20px;}
.commercial-middle-sec .view-download-delete a{font-size: 12px; line-height: 19px;}

/*------------------------ Raynor Architect Page -----------------------*/

.dashbord-middle-sec.raynor-architect-dashbord-middle-sec{padding: 20px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec { padding-right: 12px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec p{font-size: 12px; line-height: 18px;margin-bottom: 12px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec { padding-bottom: 15px; }
.raynor-architect-dashbord-middle-sec .app-download-sec{    padding: 20px 15px;display: block;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content{width: 100%;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3{font-size: 18px; line-height: 28px;padding-right: 0;}
.raynor-architect-dashbord-middle-sec .app-download figure img.img-fluid { width: auto; height: 75px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a { display: inline-block; margin-top: 20px; }
.app-download a img.img-fluid { width: 80px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child { margin-right: 40px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .right-side-download-option-sec{justify-content: flex-start; margin-top: 15px;}
.raynor-architect-dashbord-middle-sec .right-side-image-sec{    margin-top: 25px;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul li{font-size: 12px;line-height: 18px;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul{margin-left: 19px;}

/*------------------------ Project Gallery Page -----------------------*/

.projectGallery-middle-sec{padding: 20px 20px 0 20px;}
.projectGallery-middle-sec .dropdown-select-field{display: block;}
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{font-size: 14px; line-height: 17px;margin: 0 0 10px 0;}
.projectGallery-middle-sec .dropdown-select-field select{    background-position-y: 11px;font-size: 16px; line-height: 20px;padding: 8px 15px;width: 100%;}
.projectGallery-middle-sec .catagory-select-section { margin-bottom: 20px; }
.projectGallery-middle-sec .projret-photo-upload-sec h3 {font-size: 16px; line-height: 25px; margin-bottom: 15px; }
.projret-photo-upload-sec .upload-content-sec{display: block;margin-bottom: 30px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box{width: 100%; padding: 20px 20px 20px 10px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box a{font-size: 14px; line-height: 18px; width: auto; margin: 10px 0 5px 0; padding: 12px 20px;}

.multi-select-dropdown .select2-selection{ background-position-y: 11px; font-size: 16px; line-height: 20px; padding: 10px 12px 0 12px; width: 100%; }
.projectGallery-middle-sec .dropdown-select-field.multi-select-dropdown{width: 100%;}
.multi-select-dropdown .select2-selection .select2-selection__clear{display: none;}
.multi-select-dropdown .select2-selection .select2-selection__choice{font-size: 14px; line-height: 17px;}
.multi-select-dropdown .select2-selection .select2-selection__choice__remove{margin-right: 10px;font-size: 25px;}
.slider-gallery-sec .carousel-indicators button{width: 8px; height: 8px;margin-right: 4px; margin-left: 4px;}
.slider-gallery-sec .carousel-indicators{margin-bottom: 0;}

.projectGallery-middle-sec .projret-photo-upload-sec .right-content { margin: 15px 0 0 0; width: 100%; }
.projectGallery-middle-sec .projret-photo-upload-sec .right-content p{font-size: 12px; line-height: 18px;padding-right: 10px;}
.all-project-section .each-project .inner-sec p {font-size: 11px; line-height: 18px;}
.all-project-section .each-project .inner-sec h3{font-size: 18px; line-height: 20px;margin-top: 0px;}
.all-project-section .each-project .details-text p{font-size: 12px; line-height: 19px; margin-bottom: 4px;}
.all-project-section .each-project .details-text p span{margin-right: 20px;width: 20%;}
.all-project-section .each-project{    margin-bottom: 20px;width: unset;}
.project-upload-popup .modal-content { padding: 24px 25px; }
.projectGallery-middle-sec .project-upload-popup .project-upload-content h3 {font-size: 23px; line-height: 29px;    margin-bottom: 30px;}
.project-upload-popup .btn-close{width: 20px; height: 20px;background-size: 15px;right: 11px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content h4 {font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content input {font-size: 14px;line-height: 21px;padding: 3px 0;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields{display: block;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields label{font-size: 14px; line-height: 20px;margin-bottom: 8px;}
.project-upload-popup .note{font-size: 12px; line-height: 19px;    padding-right: 10px;}
.project-upload-popup .btn-sec .submit-btn {padding: 10px 35px;}
.project-upload-popup .modal-dialog{width: 90%;}
.project-upload-popup .photo-upload-field input::file-selector-button{font-size: 14px; line-height: 22px;}

.project-upload-popup.thankYou-popup .modal-content { padding: 40px 20px; }
.project-upload-popup.thankYou-popup .thank-you-content h3{font-size: 22px; line-height: 32px;}
.project-upload-popup.thankYou-popup .thank-you-content p{font-size: 14px; line-height: 21px;}
.project-upload-popup.thankYou-popup .btn-close{background-size: 13px;}


/*------------------------ Marketing Literature Page -----------------------*/
.marketing-literature-middle-sec h3{font-size: 14px; line-height: 16px;}
.dashbord-middle-sec.marketing-literature-middle-sec .all-item-outer-sec .each-item-box{width: 100%;}
.dashbord-middle-sec.marketing-literature-middle-sec{padding: 20px;}
.marketing-literature-middle-sec .new-features-sec{padding: 0 12px; margin-top: 20px;}

/*------------------------ Warranty Support Page -----------------------*/
.dashbord-middle-sec.warranty-support-middle-sec{    padding: 20px;}
.warranty-support-middle-sec h3{font-size: 14px; line-height: 16px; margin-bottom: 20px;}

/*------------------------ Product Video Page -----------------------*/

.categarory-search-sec{display: block;}
.categarory-search-sec .dropdown-select-field{display: block;width: 100%;}
.categarory-search-sec .dropdown-select-field select{width: 100%;font-size: 14px; line-height: 18px;padding: 8px 15px;background-position-y: 13px; background-size: 9px;}
.categarory-search-sec .dropdown-select-field label {font-size: 14px; line-height: 20px;margin: 0 0 10px 0;}
.categarory-search-sec .search-field-box .search-field{width: 100%;padding: 12px 12px;}
.categarory-search-sec .search-field-box{margin-top: 15px;}
.categarory-search-sec .search-field-box .search-field input::placeholder{font-size: 14px;line-height: 18px;}
.productVideo-middle-sec .each-product-video .inner-sec iframe{height: 200px;}
.video-details p {    
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #174580;
}
.video-details { margin: 15px 0 0 0; }
.productVideo-middle-sec .each-product-video{display: block;margin-bottom: 20px;}
.productVideo-middle-sec{padding: 20px 20px 0 20px;}

/*------------------------ Product Video Page -----------------------*/
.productphoto-middle-sec .all-productPhoto-section { margin-top: 30px; }
.productphoto-middle-sec .each-product-photo { margin-bottom: 20px; }
.productphoto-middle-sec .each-product-photo h3 {font-size: 12px; line-height: 17px;padding: 10px 0;}
.productphoto-middle-sec{padding: 20px 20px 0 20px;}
.productphoto-middle-sec .categarory-search-sec .search-field-box .search-field { width: 100%; }

/*------------------------ Technical Resources Page -----------------------*/
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 0px;}
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-all-items { margin-top: 30px; }
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box { width: 100%; }
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box p{padding: 0 0px;}

/* ================== FAQ ====== */

.faq-middle-sec { padding: 20px 20px; }
.faq-sec-content .accordion-button{font-size: 14px; line-height: 20px; align-items: flex-start;    justify-content: space-between;}
.faq-sec-content {padding: 10px 0;}
.faq-sec-content .accordion-item{    padding: 10px 20px;}
.faq-sec-content .card-body p{font-size: 12px; line-height: 19px;}
.faq-sec-content .card-body { padding: 0 10px 0px 0; }
.faq-sec-content .accordion-button::after{    background-size: 18px;    margin-left: 15px;transform: scale(.8) !important;}

/* ================== Web Print ====== */

.web-print-middle-sec { padding: 20px; }
.web-print-content-sec .content-inner-sec .right-side-image img{width: 200px;}
.web-print-content-sec .content-inner-sec .left-side-content { padding: 15px 10px 15px 15px; }
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p { padding-right: 0px; }
.web-print-content-sec .content-inner-sec .left-side-content ul li{padding: 0 0px 8px 13px;font-size: 14px; line-height: 24px;background-position: 0 10px;width: 100%;}
.web-print-content-sec .left-side-content .login-sec h4{font-size: 14px; line-height: 24px;}
.web-print-content-sec .left-side-content .short-disclaimer { margin-top: 20px; }
.web-print-content-sec .left-side-content .login-sec a { font-size: 14px; line-height: 19px; padding: 8px 20px; }
.web-print-content-sec .content-inner-sec{display: block;}
.web-print-content-sec .content-inner-sec .left-side-content p {font-weight: 400; font-size: 12px; line-height: 18px;}
.web-print-content-sec .left-side-content .login-sec { margin-top: 20px; }
.web-print-content-sec .content-inner-sec .right-side-image{text-align: center;}
.web-print-content-sec .short-disclaimer p a:before{content: "\a"; white-space: pre;}

/* ================== Contact Directory ====== */

.contact-directory-middle-sec{padding: 20px 20px 0px 20px;}

.contact-directory-content-sec .each-dept-contact .heading{font-size: 14px; line-height: 18px;padding: 12px 15px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details {padding: 15px 15px 15px 15px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p { padding-left: 0px; margin-bottom: 30px; }
.contact-directory-content-sec .each-dept-contact h4{font-size: 12px; line-height: 17px;    margin-bottom: 10px;margin-top: 20px;}
.contact-directory-content-sec .each-dept-contact .heading span.extension{    width: 35%;}
.contact-directory-content-sec .each-dept-contact .heading span.dept-name{width: 65%;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p{font-size: 12px; line-height: 16px;margin-bottom: 15px;}
.contact-directory-content-sec .each-dept-contact {margin-bottom: 20px;}
.contact-directory-content-sec .each-dept-contact.technical-support p span.name {width: 55%;}
.contact-directory-content-sec .each-dept-contact.technical-support p span.code { width: 45%; }
.contact-directory-content-sec .each-dept-contact.national-account p span.code { width: 75%; }
.contact-directory-content-sec .each-dept-contact.national-account p span.name { width: 25%; }
.contact-directory-content-sec .each-dept-contact.domestic-customer-service p span.name { width: 40%; }
.contact-directory-content-sec .each-dept-contact.domestic-customer-service p span.code { width: 60%; }
.contact-directory-content-sec .each-dept-contact.int-sales p span.name { width: 20%; }
.contact-directory-content-sec .each-dept-contact.int-sales p span.code { width: 80%; }

/* ================== comparison 2 page ====== */

.comparison-item-select-middle-sec{padding: 20px;}
.comparison-items-sec .item-check-box{width: 100%;display: block;margin-bottom: 10px;}
.comparison-items-sec .item-details{width: 100%;display: block;}
.comparison-items-sec .each-item {font-size: 13px; line-height: 18px;display: block;}
.comparison-item-select-middle-sec .comparison-items-sec h4{font-size: 16px; line-height: 20px;margin-bottom: 15px;}
.dashbord-middle-sec.comparison-item-select-middle-sec .dashbord-middle-sec-top p {margin-bottom: 20px;}
.comparison-items-sec .compare-btn {    margin-top: 5px;padding: 8px 20px;font-size: 14px; line-height: 21px;}
.comparison-items-sec .comparison-items-box { margin-bottom: 25px; }

/* ================== Electronoc Price Page ====== */
.electronoc-price-middle-sec{padding: 20px 20px 10px 20px;}
.electronoc-price-middle-sec .top-sec-content ul li{font-size: 12px; line-height: 17px;}
.electronoc-price-middle-sec .top-sec-left-side p, .electronoc-price-middle-sec .top-sec-right-side p{font-size: 12px; line-height: 17px;}
.electronoc-price-middle-sec .top-sec-content p{font-size: 12px; line-height: 17px;}
.electronoc-price-middle-sec h3{font-size: 14px; line-height: 18px;    margin-bottom: 15px;}
.electronoc-price-middle-sec hr{width: 92.7%; margin: 15px auto 25px auto;}
.electronoc-price-middle-sec .top-sec-content { margin-bottom: 10px; }
.electronoc-price-middle-sec h3::before{width: 70px;}
.top-sec-left-side{margin-bottom: 10px;}

/* ================== comparison 1 page ====== */

.dashbord-middle-sec.comparison-first-middle-sec .all-item-outer-sec .each-item-box { width: 100%; }

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{    padding-right: 0px;}

/*------------------------ Product Media Center Page -----------------------*/
.dashbord-middle-sec.product-media-center-middle-sec {padding-bottom: 60px;}
.product-media-center-middle-sec .media-catagories-btn-sec { margin-top: 20px; padding-left: 12px; }
.product-media-center-middle-sec .media-catagories-btn-sec p{font-size: 12px; line-height: 17px;}
.product-media-center-middle-sec .media-catagories-btn-sec a{ font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px; }

/* ================== Profile page ====== */

.profile-page { padding: 20px 20px; }
.profile-page .profile-account-details .profile-image-sec{margin: 0 auto;padding: 0;}
.profile-page .profile-account-details .profile-image{    width: 150px;}
.profile-page .profile-image-sec h4 { font-weight: 600; font-size: 18px; line-height: 24px; margin-bottom: 0; margin-top: 11px; }
.profile-account-details .profile-image .profile-avtar {width: 90px; height: 90px;}
.profile-page .profile-account-details .profile-image-edit img { width: 16px; }
.profile-page .profile-account-details .bg-circle {width: 40px;right: 10px; top: 30px}
.profile-account-details .profile-image h4{font-size: 16px; line-height: 20px; text-align: center; margin-top: 10px; }
.profile-page .account-details{padding-left: 0; border-left: 0;margin-top: 30px;}
.profile-page .account-details .membership-category .crown-logo img {width: 30px;}
.profile-page .account-details .membership-category .text{padding: 12px 0px; width: 80%; font-size: 14px; line-height: 16px; margin: 0 auto;}
.profile-page .account-details .membership-category .crown-logo{    top: -17px;}
.profile-page .account-details .acNo_dealership {    justify-content: space-between;}
.profile-page .account-details .acNo_dealership .account-no{margin-right: 20px;}
.profile-page .account-details .acNo_dealership h4 {font-size: 12px; line-height: 16px;    margin-bottom: 7px;}
.profile-page .account-details .acNo_dealership p{font-size: 14px; line-height: 20px;}
.profile-page .profile-account-details {    margin-bottom: 30px;padding: 35px 12px;display: block;}
.profile-page .profile-account-details .profile-image-edit {    right: 20px;}
.profile-page .profile-bio-details{padding: 25px 15px;}
.profile-page .profile-bio-details .form-group .input-field span img { width: 16px; margin-left: 5px;}
.profile-page .profile-bio-details .form-group .input-field input{font-size: 14px;}

.profile-page .profile-bio-details .form-group label {font-size: 14px; line-height: 16px;    margin-bottom: 8px;}
.profile-page .save-btn-sec button {font-size: 14px; line-height: 15px; padding: 12px 0; width: 150px;margin-top: 10px;}
.profile-page .bottom-sec p{font-size: 12px; line-height: 17px;margin-top: 10px;text-align: center;}
.profile-page .bottom-sec span{font-size: 12px; line-height: 17px;text-align: center;}
.profile-page .each-side{padding: 0 12px;}
.profile-page .password-uppdate-sec .password-sec-heading h3 {font-size: 14px; line-height: 19px;    margin-bottom: 15px;}
.profile-page .password-uppdate-sec .save-btn-sec button { width: 185px; margin-top: 10px; }

/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids {display: block;padding: 20px 20px 20px 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 100%;display: block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 100%;display: block;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 0px;text-align: center;margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 16px; line-height: 22px; text-align: center;    margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;margin-top: 0px;padding: 6px 18px;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .add-cart-btn{justify-content: center;}

/* ================== Comparisons 3 Page ====== */
.comparison-table tbody td{font-size: 12px; line-height: 15px;padding: 8px 10px;min-width: 190px;max-width: 190px; word-break: break-word;}
.comparison-table tbody tr td:nth-child(1){min-width: 105px; max-width: 105px;   padding: 8px 8px;}
.comparison-table thead th{min-width: 190px;max-width: 190px;font-size: 14px; line-height: 18px;padding: 12px 15px;}
.comparison-table thead th:nth-child(1){min-width: 105px;max-width: 105px;}

/*------------------------ Project Gallery Submission page -----------------------*/

.projectGallery-middle-sec.gallerySubmission-middle-sec { padding: 20px; }
.gallerySubmission-middle-sec .catagory-select-section .left-side { padding-right: 12px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side { padding-left: 12px; }
.catagory-select-section .catagory-radio-field, .catagory-select-section .project-descrip-field{display: block;    margin-bottom: 20px;}
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{    width: auto;}
.catagory-select-section .catagory-radio-field{    display: flex;}
.gallerySubmission-middle-sec .catagory-select-section .catagory-radio-field{margin-bottom: 20px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side .input-field { margin-bottom: 20px; }
.image-upload-sec .image-upload-preview-sec { padding: 30px 25px;}
.projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea{font-size: 18px; line-height: 23px;height: 140px;}
.image-upload-preview-sec .image-upload-sec span {font-size: 14px; line-height: 22px;margin: 0 0 10px 0; display: block;}
.image-upload-preview-sec .image-upload-sec{    margin-bottom: 30px;}
.image-upload-preview-sec .image-sorting-text p{font-size: 14px; line-height: 20px;}
.drag-photo-sec p{font-size: 14px; line-height: 23px;}
.end-disclaimer-submit-sec { margin-top: 25px;}
.end-disclaimer-submit-sec p{font-size: 14px; line-height: 21px;}
.end-disclaimer-submit-sec label{font-size: 14px; line-height: 22px;}
.end-disclaimer-submit-sec input { width: 20px; height: 20px; margin-right: 15px; }
.end-disclaimer-submit-sec .submit-btn{font-size: 14px; line-height: 19px; padding: 13px 15px;margin-top: 20px;}
.image-upload-sec label{width: 145px;font-size: 15px;}

/*------------------------ Dealer List Page -----------------------*/

.dealer-list-middle-sec .inner-dealer-list-catagory-search{display: block;}
.dealer-list-middle-sec .dropdown-select-field{width: 100%;}
.dealer-list-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 17px; margin: 0 0 10px 0;}
.dealer-list-middle-sec .dropdown-select-field select{background-position-y: 11px; font-size: 14px; line-height: 17px; padding: 8px 15px; width: 100%;}
.search-box .search-field{padding: 10px 12px;}
.search-box .search-field span i { font-size: 16px; }
.dealer-list-middle-sec .dropdown-select-field{margin-bottom: 20px; display: block;}
.dealer-list-table { margin-top: 20px; }
.dealer-list-table .dealer-list-data th, .dealer-list-table .dealer-list-data td {padding: 10px 15px; font-weight: 600; font-size: 14px; line-height: 20px;vertical-align: middle;}
.dealer-list-table .dealer-list-data{width: 660px;}

/*------------------------ Add New Dealer -----------------------*/

.add-new-dealer-middle-sec .dropdown-select-field select{    background-position-y: 6px;}
.add-new-dealer-middle-sec .all-radio-fields{    flex-wrap: wrap; margin-bottom: 0px;}
.add-new-dealer-middle-sec .all-radio-fields h4 {font-size: 14px; line-height: 19px;margin-bottom: 13px;}
.add-new-dealer-middle-sec .application-form-field textarea { height: 40px; }
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check input {width: 15px; height: 15px;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field { margin-right: 0;width: 100%; }
.disclaimer-submit-sec .submit-btn { font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px; margin-top: 25px; }

.dealer-list-table th:first-child{min-width: auto;}
.add-new-dealer-middle-sec .select-items div:hover, .same-as-selected{font-size: 14px;}
.table-list .add-btn{padding-bottom: 0; text-align: left;}
.table-list .add-btn a{padding: 8px 14px;font-size: 11px;display: inline-block;}
.raynor-application-form-middle-sec .upload{width: 123px;}
.raynor-application-form-middle-sec .link{top: 23%;left: 146px;font-size: 15px;}

/*************************Media Category Page***********************************/


.meadiacategory-middle-sec .meadiacategory-left-sec,
.meadiacategory-middle-sec .meadiacategory-right-sec {padding: 0;margin: 0;margin-bottom: 0;height: auto;}
.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 0;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 10px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 10px;width: 100%;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 20px;width: 50%;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {padding: 20px 20px;margin-bottom: 15px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {padding: 20px 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 37px;height: 45px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {padding-right: 0;width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp{margin-bottom: 15px;padding: 15px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .media-input{display: block;}
.meadiacategory-left-sec .input2{padding-left: 0;}
.meadiacategory-middle-sec .first-sec{margin-left: 0;margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec{margin-bottom: 10px;}
.meadiacategory-middle-sec .all-meadiacategory-section{margin-bottom: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1{width: 100%;}
.meadiacategory-middle-sec .meadiacategory-heading h4{font-size: 19px;line-height: 29px;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec h2{font-size: 18px;padding: 10px 0 0 15px;}

.logo-box-inner-sec .upload-btn {font-size: 15px;line-height: 19px;padding: 12px 25px;margin-top: 20px;width: auto;}
.project-upload-popup .commercial-pop-up-content {padding: 70px 0 70px 20px;}
.project-upload-popup .project-upload-content .form-group h4 {font-size: 20px;line-height: 21px;padding-bottom: 10px;}
.project-upload-popup .project-upload-content .form-group {margin-bottom: 25px;}
.project-gallery-popup .modal-content .inner-sec-popup .details-text #description1{font-size: 13px;line-height: 16px;padding-bottom: 8px;}
.project-gallery-popup .popup-text{padding: 20px 20px 20px 12px;}
.project-gallery-popup .modal-content .inner-sec-popup span{font-size: 15px;}
.project-gallery-popup .posted-by{padding-bottom: 0;}
.project-gallery-popup .button-close{top: -42px;right: -21px;font-size: 36px;}
/*.project-gallery-popup .modal-dialog{max-width: 328px;margin: 0 auto;}*/
.project-gallery-popup .modal-dialog{width: 95%;margin: 45px auto;}

.modal-content .inner-sec-popup p , .modal-content .inner-sec-popup .details-text .details-line ,.modal-content .inner-sec-popup .details-text .details-line span , .modal-content .inner-sec-popup .details-text p:first-child{font-size: 12px; line-height: 18px;}
.modal-content .inner-sec-popup h3{font-size: 15px; line-height: 26px;margin-top: 0px;padding-bottom: 0;}
.dealer-status .approved{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status .reject{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status a img{width: 24px;}
.dealer-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 23px;}
.toggle + label::before, .toggle1 + label::before{height: 20px!important;width: 20px!important;}
.dealer-list-table .toggle +label, .toggle1 +label{height: 24px;width: 48px;}
.order-list-table .toggle +label, .toggle1 +label{height: 31px;width: 136px;}
  .order-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 99px;}
  .order-list-table .toggle + label::before, .toggle1 + label::before{height: 26px;width: 26px;top: 5px;}
.dealer-status .text-reject{font-size: 15px!important;padding: 5px 0!important;}
.your_role_btns h4, .for_employee h4{float: unset;font-size: 17px!important;padding-bottom: 10px!important;}
.for_employee .select-delear label{font-size: 17px;line-height: 29px;}
.your_role_btns .form-group, .your_role_btns .form-check{display: inline-block;}
.your_role_btns .form-check-owner{padding: 0;}
.dealer-list-table .your_role_btns input{margin-right: 10px;width: 14px;height: 14px;}
.your_role_btns .form-check input{float: unset;}
.table-responsive .is-data-export-button{right: 125px;}
.productphoto-middle-sec .all-productPhoto-section{padding: 20px 20px 0 20px!important;margin-top: 20px!important;margin-bottom: 0!important;}
.productphoto-middle-sec .catagory-select-section{padding: 0;margin-bottom: 0;}
.all-productPhoto-section h2{font-size: 13px!important;line-height: 19px!important;}
.all-video-section h2{font-size: 16px;line-height: 23px;margin-bottom: 7px;padding-bottom: 0;}
.productVideo-middle-sec .all-video-section{
    margin-top: 0px!important;
    padding: 0px 12px!important;
    margin-bottom: 0px;
}
.productphoto-middle-sec #category_logo{margin-bottom: 20px;margin-top:20px}
.productVideo-middle-sec .each-product-video .inner-sec{margin-bottom: 0;}
.productVideo-middle-sec .catagory-select-section{padding: 0;}

.setting-page .first-row{margin-bottom: 20px;}
.setting-page .setting-content{padding: 20px 12px;}
.setting-page .each-box{margin-bottom: 20px;display: block;padding: 15px;}
.setting-page .setting-content h2{padding-bottom: 20px;}
.inner-image-sec{display: flex;justify-content: center;padding-bottom: 10px;}
.setting-page .inner-box label{width: 196px;padding: 10px 20px;margin-left: 0;}
.setting-page .inner-box{text-align: center;}

.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6{margin-bottom: 10px;}
.dealer-profile .profile-avtar { width: 242px;}
.raynor-application-form-middle-sec .dealer-profile label { width: 242px;margin: 0 auto; }

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{float: left!important;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{float: left!important;}

.catagory-select-section .select2{    width: 100% !important;padding: 6px 15px;}
.catagory-select-section .option-select-sec{    margin-top: 15px;}
.catagory-select-section .option-select-sec .each-option { margin-bottom: 15px; }

.dealer-list-table .dataTables_wrapper .dataTables_filter{    margin-top: 20px;}
.dealer-list-table .dataTables_length{width: 100%; text-align: left !important;}

.project-gallery-submissions .dealer-list-table{margin-bottom: 20px !important;}

/*---------------------RaynorGram page--------------------*/
.raynorgram-input-section{padding: 0px 0 20px 0;}
.raynorgram-input-section .search-input{padding: 7px 20px; margin-bottom: 10px;}
.raynorgram-input-section .search-button button{padding: 7px 20px;}
.appearance-none{padding: 7px 50px;}
.select-input {margin-bottom: 10px; display: flex;justify-content: center;}
.all-raynorgram-section{padding:0px 0px; max-height: 550px;}
.all-raynorgram-section::-webkit-scrollbar {width: 8px;}
.raynorgram-contant article{padding: 20px 10px; margin: 10px 10px 0 10px;padding-top: 0;padding-right: 0;}
.heading_1 h5{font-weight:600; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.heading_1 p{font-size: 13px; line-height: 20px; font-weight: 400; margin-bottom: 20px;}
.raynorgram-contant article .pra{font-size: 12px; line-height: 21px;} 
.heading_2{text-align: left;margin-bottom: 10px;}
.heading_2 p{font-size: 12px; line-height: 21px; font-weight: 400; margin-bottom: 10px;}
.download_sec{margin-bottom: 10px; font-size: 12px;}
.heading_2 .download_sec > div{float:left;width:auto !important;padding-right: 0;}
.heading_2 .download_sec span{padding: 0;font-size: 14px;    min-width: 68px;margin-right: 10px;}
.heading_2 .download_sec span a{padding: 6px; margin-left: 5px; }
.raynorgram-select-section .select2{padding: 7px 20px;margin-bottom: 20px;width:100% !important;}
.all-raynorgram-section .colum-reverse{display: flex;flex-direction: column-reverse;}
.heading_2 .edit-delete img{width: 28px;}
.heading_2 .download_sec .toggle:not(:checked)+label, .toggle1:not(:checked)+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle:checked+label, .toggle1:checked+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle_check{padding-right: 10px;padding-left: 0px;}
.heading_2 .toggle + label::before, .toggle1 + label::before{height: 14px!important;width: 14px!important;}
.heading_2 .toggle+label, .toggle1+label{height: 22px;width: 45px;}
.heading_2 .toggle_check p{padding-top: 3px;}
.heading_2 .toggle:not(:checked)+label:before, .toggle1:not(:checked)+label:before{left: 6px;}
.heading_2 .toggle+label::before, .toggle1+label::before{top: 3px;}
.heading_2 .toggle:checked+label::before, .toggle1:checked+label::before{left: 26px;}
.heading_1{padding-top: 0;}

/* ========= Upload Raynorgram ========= */

.upload-category-sec{padding: 0}
.upload-category-sec .media-input{display: block;}
.upload-category-sec .media-input .input-group-field{width: 100%;}
.upload-category-sec .media-input .input2{padding-left: 0}
.upload-category-sec .input-group-field{padding-top: 15px;}
.upload-category-sec .form-grp{padding: 10px 15px;}
.upload-category-sec .input-field1 label{width: 116px;}
/*.upload-category-sec .dropdown-select-field .link{top: 43%;left: 146px;font-size: 13px;}*/
.upload-category-sec .dropdown-select-field .link{
    top: 25px;
    left: 146px;
    display: flex;
    align-items: center;
    font-size: 13px;
    height:90px;
}
#publish{margin-top:7px!important;}
.raynorgram-input-section .add-btn.add_btn_pad a{padding:10px 15px;}
.raynorgram-button-section, .raynorgram-input-section .add-btn.add_btn_pad{float:left;width:auto !important;}

.sider-bar-accordion .accordion-item.selected .accordion-header a::before , .sider-bar-accordion .accordion-item.selected .accordion-header a::after{display: none !important;}
.main-dasbord-header{border-top-left-radius: 0;}
.sider-bar-accordion .accordion-item.selected { background: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.user-login-mobile{width: 40px; display: block;}
.main-deskop-popup .deskop-popup{width: auto; height: auto;padding: 20px 20px;top: 50px; right: 15px;}
.manage-logout .manage-logout-profile , .manage-logout .manage-logout-logout{    width: 100%;}
.manage-logout{border-radius: 15px;}
.manage-logout .manage-logout-profile{border-bottom: 1px solid #E9EEF6;border-right: 0;}
.sider-bar-accordion .accordion-item.selected { background: #fff; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a span{width: 100%;}
.sider-bar-accordion .accordion-item:hover{border-radius: 0 !important;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 120px; font-size: 13px;border-radius: 5px;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text::after{left: 76%;      border-width: 7px;}

.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip{top: 12px; right: 20px;}
.each-item-box img.das-box-left-icon { width: 16px; height: 16px; margin: 3px; }

.mobile-header-heading-section{display: block;margin: 0 0 10px; border-top: 1px solid #ddd; padding-top: 30px;}
.mobile-header-heading-section .dashboard-content .welcome-text{font-size: 26px; line-height: 38px;}
.mobile-header-heading-section .dashboard-content .welcome-text img { padding-right: 8px; width: 40px; }
.mobile-header-heading-section .dashboard-content .web-text { font-size: 18px; line-height: 26px;}

.dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-right-side-content{padding-left: 0px;padding-right: 0px;}
.strategy-meetings-view-middle-sec .meeting-right-side-content h1{font-size: 30px;line-height: 40px;}
.strategy-meetings-view-middle-sec .meeting-left-side-content .meeting-date{font-size: 20px!important;}
.strategy-meetings-view-middle-sec .meeting-left-side-content .meeting-time{font-size: 16px!important;}

.referral-program-middle-sec .dashbord-middle-all-items p{padding-right: 0;font-size: 16px; line-height: 22px;padding: 0 10px 0 0; text-align: left;}
.referral-program-middle-sec .dashbord-middle-all-items h3 { text-align: left;font-size: 25px; line-height: 42px;}
.referral-program-form form label { font-size: 16px; line-height: 22px;}
.referral-program-form form input.form-control{padding: 6px 0;    margin-bottom: 18px;}
.referral-program-form form .form-input-radio-sec { display: block;}
.referral-program-form form .form-input-radio-sec span{margin: 0;}
.referral-program-form form .form-input-radio-sec span { display: inline-flex; align-items: center; margin: 0; }
.referral-program-form form .form-input-radio-sec span.first{margin-right: 40px; margin-top: 18px;}
.dashbord-middle-sec.referral-program-middle-sec{ padding-left: 20px; }


.dashbord-middle-sec.dealer-list-middle-sec { padding-left: 12px; padding-right: 12px; padding-top: 0;}
.dealer-list-table .dataTables_wrapper .dataTables_filter{margin-top: 0 !important; margin-bottom: 20px !important;}
.table-list .dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 20px !important; width: 30px !important;height: 30px !important;}
.dataTables_wrapper .dataTables_info{padding-top: 14px !important;    margin-right: 30px !important; font-size: 14px;}
.dealer-list-table .dealer-list-data tr td:last-child{padding: 10px !important;}
.dealer-list-table .toggle:checked + label::before, .toggle1:checked + label::before { left: 25px !important; }
.swal-footer { text-align: center;    margin-bottom: 26px;}

.raynor-application-form-middle-sec.add-new-dealer-middle-sec{padding: 20px 12px 40px;}
.application-form-content { padding-top: 0; }
.application-form-content form { margin-top: 0; }
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-group{display: flex !important;    flex-wrap: wrap;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check:first-child{margin-right: 0;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check{display: flex;width: 50%;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check { margin-right: 0 !important; }


.profile-page .save-btn-sec button , .referral-program-form form .submit-form{font-size: 16px; line-height: 18px; padding: 14px 12px 14px 30px;}
.profile-page .save-btn-sec button::after , .referral-program-form form .submit-form::after{ font-size: 13px;}
.profile-page .save-btn-sec button:hover , .referral-program-form form .submit-form:hover{padding-left: 22px; padding-right: 22px;}
.profile-page .profile-account-details{padding: 0;}
.profile-page .profile-bio-details { padding: 25px 0px; }
.sider-bar-accordion{height: 100%; background-color: #001C3C; padding-bottom: 30px;}


/* Sneha ( 07/11/2024 ) */
.strategy-meetings-list-middle-sec .seo-list .col-6{width: 100%; display: flex; justify-content: space-between;}
.strategy-meetings-list-middle-sec.dashbord-middle-sec { padding-left: 12px; }
.strategy-meetings-list-middle-sec .seo-list .col-6 .col-auto.search-btn{padding: 0 0 0 0;}
.strategy-meetings-list-middle-sec .first-row-sec{width: 100%; margin: 0;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row{width: 90%; padding-right: 0; justify-content: start;        padding: 0;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row .col-auto{padding-left: 0; padding-right: 0;}
.strategy-meetings-list-middle-sec .strategy-meetings-input{width: 250px;  margin-right: 10px;}
.strategy-meetings-list-middle-sec .seo-list .search-btn button { padding: 10px 19px; margin-top: 15px;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row-reverse{width: 10%; padding: 0;    justify-content: end;}
.strategy-meetings-list-middle-sec .seo-list .form-control{width: 100%;}
.dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list .plus-icon a img{max-width: 100%; height: auto;    width: 30px;}
.past-strategymeetings .card-body { padding: 25px 20px 85px;}
.dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list .row.align-items-center{justify-content: space-between; }
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo { width: 40px; height: 40px;}
.past-strategymeetings .card-body .col-10.meetings{    width: 100%;}
.past-strategymeetings .card-body .edit-meeting{bottom: 0; top: auto;}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo.email { border-radius: 0px 0 6px 0px; }

.meetings .user-meeting-action { top: auto;  bottom: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.meetings .view-user-meeting { text-align: center;  line-height: 35px; font-size: 15px !important; width: 45%; margin-right: 0; margin-left: 10px; margin-bottom: 20px; }
.view-user-meeting a button { width: 100%; height: 100%;     padding: 2px 0px 2px 14px;  font-size: 12px !important;         line-height: 31px;}
.meetings .share-user-meeting { font-weight: 700; padding: 13px 5px; width: 45%; margin-left: 0; margin-right: 10px; margin-bottom: 20px; }
.meetings .share-user-meeting .btn.btn-light { font-size: 11px !important;padding: 0;  display: block; border: 0; }
.user-meeting-action .share-user-meeting .btn.btn-light .img-fluid.white_logo.email { padding-left: 5px; width: 20px; }
.strategy-meetings-list-middle-sec .seo-list .search-btn button:hover{padding: 10px 19px;}
.past-strategymeetings .card-body .description{max-width: 100%;}

}


@media (min-width:576px) and (max-width: 767.98px){
    .pdf-preview-info{flex-direction: column; margin-top: 10px;}
    .welcome-text input.meeting-create{font-size: 28px;}
    .keyword-ranking-popup .main-deskop-popup .key-item-popup{width: 500px;}
  .sidebar-form .upload-files.social-add{padding-top: 21px;}
  .meeting-summary-content #dropBox .drop-file{font-size: 22px; line-height: 30px;}
.meeting-summary-content .upload-icon i{font-size: 50px;}
  .mfp-close { right: 0px !important; top: 27px!important; font-size: 32px!important; width: 30px!important; height: 30px!important;}
  .strategy-meetings-view-middle-sec .meeting-right-side-content h1.view-social{padding-bottom: 15px;}
      .dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list {
        padding-left: 0;
    }
  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
   .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
  .plus-icon-mob{text-align: center !important;margin-top:20px;}
  .btn-sec button.login-btn{font-size: 14px; line-height: 20px;}
  .login-dashbord-sec .login-details .login-form p{font-size: 17px; line-height: 27px;margin: 0 0 15px;}
  .user-profile-dropdown .dropdown-menu li a{color: #ffffff!important}
  .dasbord-footer-sec .dasbord-footer-content .center-side{padding-top: 10px;}
  .gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{margin-left: 0px !important;}
  #cropModal .modal-dialog{max-width: 90% !important;}
  /*---------- New Register Page ---------------- */
  .dasbord-heading-sec .dasboard-sec{display: block;}
  .dasbord-heading-sec .dashbord-heading-content p{padding-bottom: 10px;}
  .dasbord-heading-sec .dashboard-serch .select2{width: 100%!important;}
.new-register-page h1{font-size: 28px!important;line-height: 29px!important;padding-bottom: 20px;}
.new-register-page{padding: 20px 25px!important;}
.new-register-page .dashbord-heading-content p{font-size: 15px!important;line-height: 21px!important;padding-bottom: 20px!important;}
.register-content{padding: 25px !important;}
.new-register-page .dashbord-heading-content p span{font-size: 15px;line-height: 21px;}
.register-content p{font-size: 15px!important;line-height: 21px!important;padding-bottom: 18px!important;}
.register-content .all-radio-fields.security-level-field .each-radio-field .form-group{display: block!important;}
.register-content .dealer-profile label{font-size: 14px!important;padding: 6px 15px;}
.register-content .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;line-height: 18px;}
.register-content .select2-container--default .select2-selection--single .select2-selection__arrow{top: 7px;}
.register-content .dealer-profile label{margin-left: 15px;}
  .project-gallery-popup .modal-content .inner-sec-popup .owl-nav span {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-size: 40px;
      display: inline-block;
      line-height: 25px;
      width: 30px;
      border-radius: 50%;
      height: 30px;
      color: #174580;
      background-color: #e3e3e38f;
  }
  .project-gallery-popup .modal-content .inner-sec-popup .owl-nav button.owl-next {
      margin-right: 20px;
  }
  .project-gallery-popup .modal-content .inner-sec-popup .owl-nav button.owl-prev {
      margin-left: 20px;
  }
  /*.user-profile-dropdown button span img{width: 100%;height: 100%;margin-left: 0;object-fit: cover;}*/
  .prduct_logoes_list .all-logo-images .each-logo-box article > a{width:50% !important;}
  .upload-category-sec .input-field1{display: flex;background-color: #ecf0f5;padding: 20px 10px;height: 90px;justify-content: space-between;align-items: self-end;}
  #category_name{margin-top:20px;}
.commercial-middle-sec .view-download-delete,.each-logo-box .logo-box-inner-sec .view-download-sec a{background-color: transparent;}
.logo-vew-popup.show .popup-image img{max-height:500px;}
  /*-------------------------- shipping-infortion-page----------------- */
.shipping-info-heading {font-size: 22px;line-height: 28px;}
.application-form-content form{margin-top: 30px;}
.application-form-content{padding-top: 30px;}
.dealership input{padding-left: 0;}
.dealership label {font-size: 22px;line-height: 28px;}
.billing-address-radio .form-group input {width: 17px;height: 14px;}
.dealership {margin: 10px 0 0 0;}
.shipping-info-submit-sec .submit-btn{font-size: 14px;line-height: 24px;padding: 11px 48px;margin-top: 15px;}
.field-right-part{padding-left: 12px;}

/* ---------------------------your-cart------------------------ */

.your-cart-aids-middle-sec .all-sales-aids-left{display: grid;padding: 0 12px 0 12px;}
.your-cart-aids-middle-sec .each-sales-aids .price span{font-size: 22px;line-height: 28px;}
.your-cart-aids-middle-sec .each-sales-aids .price {font-size: 18px; line-height: 24px;text-align: center;margin: 10px 30px 15px 0; padding: 7px 0;}
.your-cart-aids-middle-sec .plus-minus-btn{margin: 0px 10px 0 15px;}
.your-cart-aids-middle-sec .all-sales-aids-right{margin: 0;padding: 0 12px 0 12px;}
.your-cart-aids-middle-sec .square-box h3 {font-size: 20px;line-height: 25px;}
.your-cart-aids-middle-sec .square-box .box-price {font-size: 20px;line-height: 25px;}
.your-cart-aids-middle-sec .square-box .shipping-cost-txt {font-size: 14px;line-height: 22px;}
.your-cart-aids-middle-sec .square-box .shipping-price {font-size: 14px;line-height: 22px;}
.box-btn .proceed-checkout {padding: 9px 20px;font-size: 15px;line-height: 22px;margin: 18px 0px 10px 0px;width: 290px;}
.box-btn .continue-shopping{padding: 9px 20px;font-size: 15px;line-height: 22px;width: 290px;margin: 0 0 0 25px;}
.your-cart-aids-middle-sec .each-sales-aids .right-side-btn{text-align: left;}
.your-cart-aids-middle-sec .each-sales-aids .left-side-content figure{text-align: left;}
.your-cart-aids-middle-sec .each-sales-aids h3{text-align: left;}
.your-cart-aids-middle-sec .each-sales-aids p {text-align: left;}
.your-cart-aids-middle-sec .qty-btn{float: left; margin: 0 0 0 0;}
.your-cart-aids-middle-sec .plus-minus-btn{margin: 0 0 0 0;}
.your-cart-aids-middle-sec .each-sales-aids .price {text-align: left!important;margin: 5px 0px 5px 0;display: block;}
.your-cart-aids-middle-sec .all-sales-aids-right .box-btn{margin: 0 auto 0 auto;}
.your-cart-aids-middle-sec .box-btn .continue-shopping{margin: 0 0 0 0;}
.all-sales-aids-left .right-side-btn .delet-btn{width: 35px;height: 35px;}
.your-cart-aids-middle-sec .qty-btn .plus-minus-btn .qty{font-size: 15px;margin-right: 10px;}
.your-cart-aids-middle-sec .qty-number{width: 60px;}
.your-cart-aids-middle-sec .square-box {padding: 32px 20px;}

/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids {display: block;padding: 20px 20px 20px 20px;    margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 100%;display: block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 100%;display: block;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 0px;text-align: center;margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 16px; line-height: 22px; text-align: center;    margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;padding: 6px 12px;}
.marketing-sales-aids-middle-sec .right-side-btn .price { margin: 10px 0; width: auto; padding: 7px 30px; font-size: 16px; }
.marketing-sales-aids-middle-sec .qty-btn{display: block;}
.marketing-sales-aids-middle-sec .plus-minus-btn{justify-content: center; margin-bottom: 15px;}
.marketing-sales-aids-middle-sec .qty-number{width: 80px;}



/*--------------------- checkout ---------------- */

.checkout-radio-col .form-group label{font-size: 16px;line-height: 24px;}
.checkout-radio-col .form-group .form-check{display: flex;align-items: center;justify-content: center;padding-left: 10px;}
.checkout-radio-col .form-group .form-check1 input{flex: unset;}
.checkout-radio-col .form-group .form-check1{justify-content: flex-start;}
.checkout-address-sec .information-heading{font-size: 16px;line-height: 25px;padding-bottom: 10px;}
.checkout-address-sec .checkout-shipping-info {padding: 40px 0 0 20px;}
.raynor-act {font-size: 15px;line-height: 22px;}
.checkout-address-sec .checkout-address{font-size: 15px;line-height: 23px;}
.checkout-address-sec .complete-order-btn {font-size: 16px;line-height: 26px;padding: 10px 18px;margin:30px 0 0 10px;}
.checkout-middle-sec .main-square-box{justify-content: unset
!important;margin-top: 20px;}
.checkout-middle-sec .checkout-col .square-box .shipping-cost-txt {margin: 0 180px 0 0;}
.checkout-middle-sec .checkout-col .square-box h3 {font-size: 20px;line-height: 25px;}
.dollar-price{font-size: 20px;line-height: 25px;}
.shipping-cost-txt{font-size: 15px;}
.checkout-middle-sec .checkout-radio-col{margin-top: 15px;}
.checkout-radio-col .form-group input{width: 13px;}
/*------------------------ Product Details application form -----------------------*/

.product-details-application-form{padding: 20px;}
.product-details-application-form p.note-text { font-size: 20px; line-height: 30px;}
.product-details-application-form .application-form-field { margin-bottom: 35px; }

.product-details-application-form .application-form-field .form-group input, .product-details-application-form .application-form-field .form-group textarea, .product-details-application-form .application-form-field .form-group select{ padding: 5px 0; font-size: 14px; line-height: 18px; }
.product-details-application-form .application-form-field .form-group label, .product-details-application-form .application-form-field .radio-field label, .product-details-application-form .select-2-multivalue-field label, .product-details-application-form .select-2-normal-dropdown label, .product-details-application-form .other-sec label{ font-size: 14px; line-height: 20px; }
.product-details-application-form .application-form-field .radio-field { display: block; margin: 0 0 30px 0; }
.product-details-application-form .application-form-field .radio-field:last-child{margin: 0;}
.product-details-application-form .application-form-field .radio-field .form-check input{width: 15px; height: 15px;margin-right: 8px;}
.product-details-application-form .application-form-field .radio-field label { margin-bottom: 15px; }
.product-details-application-form .sub-heading { margin-top: 0px; }
.product-details-application-form .sub-heading h3 {font-size: 22px; line-height: 32px;margin-bottom: 30px;}
.product-details-application-form .submit-btn {font-size: 16px; line-height: 24px;margin-top: 10px;    width: 135px;}
.product-details-application-form .select-2-multivalue-field .select2-container--default .select2-selection--multiple{    padding: 4px 12px 0px 6px;}
.product-details-application-form .select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 11px; line-height: 15px; padding: 5px 10px 5px 16px;}
.project-details .view-delete-download img{width: 32px!important;}
.your_role_btns{padding-bottom: 10px;}
.view-delete-download .download{padding-right: 4px;}
.dealer-list-table .dealer-list-data .table-btn1 img{width: 24px;}
.dealer-list-table .dealer-list-data .delete{margin-left: 7px;}
.raynor-dealer-programs .program-benefits-content li{padding-left: 15px;font-size: 12px;line-height: 17px;}
.raynor-dealer-programs .program-benefits-content .extra-li{display: none;}
/* .dashbord-middle-sec .all-item-outer-sec{display: block;} */
.commercial-middle-sec .logo-vew-popup .modal-content{max-height:90vh;max-width:90%}
/*.commercial-middle-sec .logo-vew-popup .modal-body{padding: 219px 0;}*/
.raynor-dealer-programs .all-logo-images p{padding-bottom: 20px;font-size: 12px;line-height: 18px;}
.raynor-dealer-programs .each-logo-box{padding: 0!important;}
.raynor-dealer-programs .program-qualification-content h4{font-size: 16px;line-height: 23px;padding: 15px 0 13px 0;padding-left: 17px;}
.raynor-dealer-programs .program-qualification-content li{padding: 9px 0 5px 34px !important;font-size: 12px;}
.raynor-dealer-programs .program-benefits-content .program-left{padding: 0;border-right: none;}
.raynor-dealer-programs .program-benefits-content p{font-size: 12px;line-height: 18px;padding: 0 8px;}
.raynor-dealer-programs .program-qualification-content{display: block;}
.raynor-dealer-programs .program-benefits-content{display: block;padding: 0}
.raynor-dealer-programs .program-benefits-content .program-right{padding: 15px 0;}
.raynor-dealer-programs .program-benefits-content h4{font-size: 16px;line-height: 28px;padding-left: 14px;padding-top: 10px;padding-bottom: 10px;}
.raynor-dealer-programs .program-qualification-content{margin-bottom: 30px;}
.raynor-dealer-programs .program-qualification p{font-size: 12px;line-height: 18px;}
.proprogram-benefits p{font-size: 12px;line-height: 18px;}
.raynor-dealer-programs .program-benefits{padding-bottom: 30px!important;}
.raynor-dealer-programs .program-benefits .please-note{font-size: 12px;line-height: 18px;padding: 0 10px;}
.register-page .dashbord-heading-content{padding: 20px 0;}
.profile-page .account-details .admin-membership-category{padding-top: 0}
.raynor-dealer-programs .program-benefits-content .spacing{padding-left: 15px;}
.raynor-dealer-programs .all-catagory-logo-sec{margin-bottom: 15px;}
.raynor-dealer-programs .program-benefits-content{margin-bottom: 15px;}
.ribbon-top-right{right:-10px}

  /*------------------------ Log in page -----------------------*/
  .login-dashbord-sec{height: 100vh}
  .login-dashbord-sec .left-side-content p.we-know{display: none;}
  .login-dashbord-sec .left-side-content h3.craft-text{display: none;}
  .login-dashbord-sec .left-side-content{background-image: unset;height: unset;}
  .login-dashbord-sec .login-details{padding: 0px 20px!important;}
  .login-dashbord-sec .left-side-content{padding: 30px 20px 0px!important;}
  .login-dashbord-sec .left-side-content h2.mobile-dashboard{display: block;}
  .login-dashbord-sec .left-side-content h2.desk-welcome{display: none;}

  .login-dashbord-sec .left-side-content{padding: 30px 20px; position: relative;text-align: center;    align-items: flex-start;background-size: cover;}
  .login-dashbord-sec .left-side-content h2{font-size: 24px; line-height: 31px;margin-bottom: 15px;}
  .login-dashbord-sec .left-side-content h2::before{width: 220px;margin: 0 auto 12px auto;width: 180px;}
  .login-dashbord-sec .left-side-content h3{font-size: 20px; line-height: 28px;    margin-bottom: 20px;}
  .login-dashbord-sec .login-details{height: 100vh;padding: 40px 20px;}
  .login-dashbord-sec .left-side-content p {font-size: 14px; line-height: 22px;}
  .scroll-down-button.login{display: none;}
  .scroll-down-button{display: block;}
/*    .scroll-down-button{text-align: center; position: absolute; bottom: 50px; left: 0; right: 0;}*/
  .scroll-down-button{text-align: center; margin-top:15px; }
  .scroll-down-button i{font-size: 27px; color: #002855;}
  .login-logo img{    width: 60%;}
  .login-dashbord-sec .login-details p{font-size: 14px; line-height: 22px; margin: 4px 0 30px 0;}
  .login-form .form-group label{font-size: 16px; line-height: 30px;}
  .login-form .forgrt-password{font-size: 13px; line-height: 16px;margin-top: 10px;}
  .btn-sec button{margin-bottom: 45px;line-height: 22px;padding: 12px 0px;}
  .new-dealer-registration h3{font-size: 18px; line-height: 26px;    margin: 25px 0 10px 0;}
/*    .login-logo.desktop{display: none;}*/
  .login-logo.mobile{display: block;margin-bottom: 30px;}
  .form-group input, .form-group textarea, .form-group select{padding: 12px 25px;}
  .login-form .input-field span {padding: 0 18px;}
  .form-group input::placeholder, .form-group textarea::placeholder{ font-size: 14px; line-height: 22px;}
  .new-dealer-registration button {padding: 12px 0px;line-height: 22px;}

  /*------------------------ Register page -----------------------*/
  .register-dashbord-sec .register-details{height: auto;padding: 30px 15px 30px 15px;}
  .register-dashbord-sec .left-side-content {padding: 0 25px;}
  .register-image{display: none;}
  .register-dashbord-sec .left-side-content h2{font-size: 28px; line-height: 36px; margin-bottom: 20px;}
  .register-dashbord-sec .left-side-content h2::before{width: 140px;margin: 0 0 10px 0;}
  .register-dashbord-sec .left-side-content p {font-size: 16px; line-height: 24px;margin-bottom: 0;}
  .register-dashbord-sec .register-details .note{margin-bottom: 25px;font-size: 15px; line-height: 22px;}
  .register-details .register-form .form_field{padding-right: 12px;}
  .register-dashbord-sec .register-details .register-form .input-field{display: block;}
  .register-dashbord-sec .register-details .register-form .input-field label{margin: 0 0 5px 0;font-size: 16px; line-height: 30px;width: auto;}
  .register-dashbord-sec .register-details .register-form .form-group { margin-bottom: 15px; }
  .register-dashbord-sec .register-details .register-form .declaration-note p{font-size: 14px; line-height: 20px;margin-bottom: 10px;}
  .register-dashbord-sec .register-details .register-form .declaration-note p:first-child{margin-bottom: 10px; font-size: 15px; line-height: 20px; padding-right: 10px;}
  .register-dashbord-sec .register-details .register-form .declaration-note{margin-top: 10px; padding-right: 25px;}
  .register-details .register-form .input-field p span{font-size: 14px;}
  .register-details .register-form .terms-condition-note p{font-size: 14px; line-height: 20px;}
  .terms-condition-checkbox {    margin-top: 20px;}

  /*------------------------  Forgot Password page -----------------------*/
  .login-dashbord-sec.forget-password-sec .left-side-content{display: none;}
  .login-dashbord-sec.forget-password-sec .login-details { padding: 40px 25px; height: 100vh;}
  .forget-password-sec .login-details h2{font-size: 26px; line-height: 34px;}
  .forget-password-sec .login-details .heading-content p{padding: 0 20px; font-size: 15px; margin: 20px 0 30px 0;line-height: 20px;}
  .forget-password-sec .login-form { padding: 0 15px; }
  .forget-password-sec .login-form .form-group label{font-size: 18px; line-height: 35px;}
  .forget-password-sec .login-details p{font-size: 14px; line-height: 22px;}
  .form-group { margin-bottom: 15px; }
  .forget-password-sec .login-details .forget-email-note p{font-size: 15px; line-height: 20px; margin: 25px 0 35px 0;    padding: 0 20px;}
  .forget-email-note .back-login{font-size: 18px; line-height: 25px;}
  .forget-password-sec .btn-sec button {padding: 12px 0px; font-size: 18px; line-height: 22px;}

  /*------------------------ Dealer Dashbord -----------------------*/
  .main-dasbord-mobile-header{display: block;}
  .main-dasbord-desktop-header{display: none;}
  .main-dasbord-ipad-header{display: none;}
  .mobile-socialmedia-footer-sec{display: block;}
  .main-dasbord-header{margin-top: 0px;}
    .mobilesidenav {height: 100%;width: 0;position: fixed; z-index: 999; top: 0; left: 0; background-color: #000000b3;overflow-x: hidden; transition: 0.5s;padding: 0;}
/*    .mobilesidenav .closebtn {position: absolute; top: 0; right: 10px; font-size: 30px; line-height: 35px; color: #fff; display: inline-block;}*/
    .mobilesidenav .closebtn {position: absolute; top: 14px; right: 10px; font-size: 65px; line-height: 35px; color: #fff; display: inline-block;}
/*    .mobilesidenav article.sidenav-content{width: 280px; height: 100%; background-color: #001C3C; padding-top: 35px; position: relative;}*/
    .mobilesidenav article.sidenav-content{width: 100%; height: 100%; background-color: #001C3C; padding-top: 65px; position: relative;}

    .main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a{font-size: 14px; line-height: 16px;}
    /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item{border-top: 2px solid; border-bottom: 2px solid;border-color: #E9E9E9;} */
    /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:last-child{border-bottom: 4px solid #E9E9E9;} */
    /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:first-child{border-top: 4px solid #E9E9E9;} */
    .sider-bar-accordion .accordion-item a{ padding: 8px 0 8px 20px !important;}
      .dashbord-middle-all-items{padding: 0;}
      .all-box-middle-sec{padding: 0;}
    .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu{background-color: #002855;padding: 7px 0;}
    .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li a{color: #fff; font-weight: 400;font-size: 14px; line-height: 20px;padding: 5px 10px;}
    .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li:first-child{border-bottom: 1px solid #fff;}
    .main-dasbord-mobile-header .header-bottom-section ul li a{font-weight: 500; font-size: 10px; line-height: 18px; color: #ffffff;}
    .main-dasbord-mobile-header .header-bottom-section ul li .v-separator { height: 14px; width: 1px; background-color: #000; opacity: 0.5; margin: 0 10px; display: inline-block;    vertical-align: middle; }
    .main-dasbord-mobile-header .header-bottom-section{background: #002855; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.03);padding: 12px 0;text-align: center;}
    .main-dasbord-mobile-header .user-profile-dropdown button{padding: 0;display: inline-block;}
  /*.user-profile-dropdown button span img{width: 30px; height: 30px; border-radius: 50%;margin-left: 0;}*/
   .user-profile-dropdown button span img{width: 100%;height: 100%;margin-left: 0;object-fit: cover;}
   .dashboard-content a.user_back.btn.btn-light{padding-bottom: 10px;}
   .user-profile-dropdown button span.img-class {width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin: 0 auto;display: block;}
  .main-dasbord-mobile-header .header-top-section{display: flex; align-items: center; justify-content: space-between;padding: 10px 10px 15px 0;background-color: #001c3c;}
  .main-dasbord-mobile-header .header-top-section .left-logo-sec{display: flex; align-items: center;}
  .main-dasbord-mobile-header{padding: 0 !important;}
  .referral-program-form{margin-top: 30px;}

    .dashbord-middle-sec.strategy-meetings-create-middle-sec {
        padding: 0px 26px 26px 26px;
    }
    .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-left-side-content{    
      padding-right: 0;
    border-right: 0;
    padding-left: 0px;}

  .dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-right-side-content{padding-left: 0px;padding-right: 0px}
.strategy-meetings-view-middle-sec .meeting-right-side-content h1{font-size: 30px;line-height: 40px;}
.strategy-meetings-view-middle-sec .meeting-left-side-content .meeting-date{font-size: 20px!important;}
.strategy-meetings-view-middle-sec .meeting-left-side-content .meeting-time{font-size: 16px!important;}
.strategy-meetings-view-middle-sec .sidebar-form .upload-files .upload-container{padding: 0px 10px 5px 0px;}
.strategy-meetings-view-middle-sec .referral-program-form .upload-container.user-meeting{padding: 8px 0px !important;}

    .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .form-label{font-size: 15px; line-height: 21px;}
    .sidebar-form .key-action-items .key-action-header{padding-top: 20px}
    .dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-left-side-content{padding-right: 0px; border-right: 0; padding-left: 0px;}
    .sidebar-form .upload-files .upload-container.user-meeting .upload-action{margin-right: 8px;}
    .sidebar-form .key-action-items .action-item-content .action-item{margin-bottom: 0px;}
    .sidebar-form .key-action-items .action-item-content{padding-top: 18px;}
    .sidebar-form .upload-files .upload-container.user-meeting .upload-text{padding-left: 7px;}

  .left-logo-sec a{display: inline-block;}
  .left-logo-sec a img{width: 60%;}
  .left-logo-sec span{width: 22px;text-align: center;display: inline-block;background-color: #002855;margin-right: 15px;}
  .left-logo-sec span i{color: #fff;font-size: 14px; line-height: 26px;}
  .main-dasbord .dashbord-side-bar{display: none;}
  .main-dasbord main{margin: 0;}
  .dasbord-heading-right{display: none;}
  .header-logo, .dashbord-top-menu-sec{width: auto;}
  .dasbord-heading-sec{padding: 20px;    background-position: right;min-height: unset;}
  .dasbord-heading-sec h1{font-size: 16px; line-height: 23px;margin-bottom: 7px;}
  .dasbord-heading-sec h1::before {width: 110px;margin: 0 0 6px 0;}
  .marketing-literature-middle-sec h2{font-size: 16px; line-height: 23px;margin-bottom: 7px;}
  .marketing-literature-middle-sec h2::before{width: 110px;margin: 0 0 6px 0;}
  .dasbord-heading-sec .dashbord-heading-content p{font-size: 12px; line-height: 18px;}
  .dashbord-middle-sec{    padding: 20px 20px;}

    .strategy-meetings-create-middle-sec .sidebar-form .form-group label{font-size: 15px; line-height: 21px;}
    .strategy-meetings-create-middle-sec .meeting-right-side-content h1{font-size: 28px; line-height: 38px;}
    .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-right-side-content{padding-left: 0px; padding-right: 0px;}
    .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content .form-label{font-size: 15px; line-height: 21px;}
    .sidebar-form .key-action-items .key-action-header{padding-top: 20px}
    .dashbord-middle-sec.strategy-meetings-view-middle-sec {
        padding: 0px 26px 26px 26px;
    }
  .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 50%; padding: 0 0; margin-bottom: 25px;min-height: unset;}
  .ribbon-top-right{right:-11px !important}
  .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px; margin: 0 10px;}
  .product_detail .table-list .add-btn{text-align: center;}
  .product_detail .dealer-list-table .dealer-list-data .table-btn1:first-child{margin-right: 0!important;}
  .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
  .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 16px; line-height: 24px; margin: 5px 0;}
   .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}

  .all-box-middle-sec .all-item-outer-sec .each-item-box{width: 50%; padding: 0 0; margin-bottom: 25px;min-height: unset;}
  .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px; margin: 0 10px;}
  .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
  .all-box-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 16px; line-height: 24px; margin: 5px 0;}

   .domain-hosting-list-middle-sec .domain-title-sec .plus-icon img{width: 32px;height: 32px;margin-top: 3px;}
  .domain-hosting-list-middle-sec .domain-title-sec .domain-title h3{font-size: 20px; line-height: 24px;}

  /*View Page Description*/

  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h1 {
    font-size: 28px !important;
    line-height: 38px !important;   
  }

  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h2 {
    font-size: 26px !important;
    line-height: 36px !important;
  }

  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h3 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h4 {
    font-size: 18px !important;
    line-height: 28px !important;
  }




  .dasbord-heading-sec .dasbord-heading-right ul li {font-size: 12px; line-height: 18px;    margin-bottom: 0px;}
  .dashbord-middle-sec .dashbord-middle-sec-top p {font-size: 12px; line-height: 18px;padding-left: 0px;margin-bottom: 10px;}
  .dasbord-footer-sec{padding: 16px 15px;}
  .dasbord-footer-sec .dasbord-footer-content h4{font-size: 14px; line-height: 16px;}
  .dasbord-footer-sec .dasbord-footer-content .person-detail-sec{justify-content: space-between;}
  .dasbord-footer-sec .dasbord-footer-content article{display: block;}
  .dasbord-footer-sec .dasbord-footer-content .person-details span.name { margin: 0 0 10px 0;display: block;}
  .dasbord-footer-sec .dasbord-footer-content .person-details .name h4{font-size: 12px; line-height: 16px;}
  .dasbord-footer-sec .dasbord-footer-content p{font-size: 12px; line-height: 19px;}
  .dasbord-footer-sec .dasbord-footer-content ul li span:first-child { margin-right: 5px; }
  .dasbord-footer-sec .dasbord-footer-content ul li{font-size: 11px; line-height: 15px;}
  .dasbord-footer-sec .dasbord-footer-content ul li span img { width: 10px;}
  .dasbord-footer-sec .dasbord-footer-content .person-details{display: block;}
  .dasbord-footer-sec .dasbord-footer-content ul li span:first-child { flex-shrink: 0; }
  .dasbord-footer-sec .dasbord-footer-content .person-details:first-child::after{display: none;}
  .dasbord-footer-sec .dasbord-footer-content h4::after{width: 65px;margin: 6px 0 12px 0;}
  .dasbord-footer-sec .dasbord-footer-content .right-side{margin-top: 15px;margin-left: 0;}
  .dashbord-middle-sec .all-item-outer-sec .each-item-box p {font-size: 12px; line-height: 18px;}
  .all-box-middle-sec .all-item-outer-sec .each-item-box p {font-size: 12px; line-height: 18px;}

/*------------------------ Raynor-Academy-dashbord -----------------------*/
  .academy-image { display: none;}
  .raynor-academy-dashbord-middle-sec { padding: 20px 0px 0 0;}
  .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box{padding: 15px 0 15px 15px;}
  .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon img { width: 40px; }
  .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon { top: -5px;left: 2px; }
  .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3{font-size: 14px; line-height: 20px;    margin-left: 20px;}
  .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing{margin-bottom: 10px;}
  .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box p { padding-right: 10px;color: #000000;font-size: 12px; line-height: 20px; }
  .raynor-academy-dashbord-middle-sec .each-quesion-box{padding: 0 32px; margin-bottom: 10px;}
  .raynor-academy-sales-sec { margin-top: 30px; }
  .raynor-academy-sales-sec .each-raynor-box{display: block;}
  .raynor-academy-sales-sec .each-raynor-box .inner-raynor-box h3{font-size: 20px; line-height: 24px;padding: 12px 0;}
  .raynor-academy-sales-sec .each-raynor-box .content-sec { padding: 20px 12px 20px 12px;margin-bottom: 20px; }
  .raynor-academy-sales-sec .each-raynor-box .content-sec figure{margin: 0px auto 15px auto;}
  .raynor-academy-sales-sec .view-download-sec figure{margin-bottom: 0!important;}
  .raynor-academy-sales-sec .each-raynor-box .content-sec p{font-size: 12px; line-height: 20px;padding: 0 0px;}
  .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec{margin-bottom: 10px;    display: block;}
  .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document{padding: 5px 10px 5px 10px; background-color: #ECF0F5; margin-bottom: 10px;}
  .raynor-academy-sales-sec .content-sec1 .each-document{padding: 0 0 0 10px!important;}
  .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document h4{font-size: 12px; line-height: 14px; margin-right: 10px;}
  .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child{font-size: 16px; line-height: 18px;}
  .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child::after{width: 70px; margin: 3px 0 6px 0;}
  .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:last-child{font-size: 12px;}
  .course-download-sec .view-download-sec a:first-child { margin-right: 4px; }
/*    .course-download-sec .view-download-sec a{padding: 4px 8px; line-height: 18px;}*/
  .course-download-sec .view-download-sec a img { width: 25px; }
  .tuition-sec .tuition-price-table .seat-price { width: 50%; }
  .tuition-sec .tuition-price-table .seat { width: 24%; }
  .tuition-sec .tuition-price-table .payment { width: 26%; }
  .tuition-sec .tuition-price-table th, .tuition-sec .tuition-price-table td{padding: 8px 8px 8px 0; font-size: 12px; line-height: 16px;}
  .tuition-sec .tuition-price-table{padding-right: 0;}
  .raynor-academy-sales-sec .appply-button a{font-size: 11px;line-height: 19px;padding: 6px;width: 273px;}
  .raynor-academy-sales-sec .appply-button .right-btn{margin-left: 0;margin-top: 10px;}
  .raynor-academy-sales-sec .content-sec .tuition-sec { margin-top: 20px; }
  .raynor-academy-sales-sec .raynor-sales-academy{padding-left: 12px;}
  .raynor-academy-sales-sec .raynor-academy{padding-right: 12px;}
  .raynor-academy-sales-sec .content-sec .tuition-sec h4{font-size: 16px; line-height: 18px;}
  .raynor-academy-sales-sec .content-sec .tuition-sec h4::after {width: 70px;    margin: 6px 0 0px 0;}
  .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec p { padding: 0 0px; }
  .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .tuition-sec p{font-size: 14px; line-height: 22px;    margin-top: 15px;}

  /*------------------------ Raynor-Academy-Application-Form -----------------------*/

  .raynor-application-form-middle-sec { padding: 20px 20px;}
  .contact-information-heading h3{font-size: 14px; line-height: 18px;}
  .contact-information-heading h3::after {width: 105px;margin: 8px 0 0px 0;}
  .raynor-application-form-middle-sec p{font-size: 12px; line-height: 20px;}
  .contact-information-heading p {margin-top: 10px; padding-right: 0; margin-bottom: 15px;}
  .raynor-application-form-middle-sec .application-form-field .first-top-border {padding-top: 0px;border: none;}
  .raynor-application-form-middle-sec .application-form-field .form-group input, .raynor-application-form-middle-sec .application-form-field .form-group textarea, .raynor-application-form-middle-sec .application-form-field .form-group select{padding: 5px 0; font-size: 14px; line-height: 18px;}
  .raynor-application-form-middle-sec .application-form-field label{font-size: 14px; line-height: 20px;}
  .raynor-application-form-middle-sec .application-form-field .second-top-border { padding-top: 0; }
  .raynor-application-form-middle-sec .application-form-field .form-group{margin-bottom: 20px;display:block !important;}
  .contact-information-heading.your-contact-information { margin-top: 10px; }
  .student-name-course-registration-sec{display: block;}
  .student-name-course-registration-sec .student-name-sec {width: 100%;    margin-right: 0px;}
  .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec{    padding: 20px 15px;}
  .student-name-course-registration-sec h3{font-size: 14px; line-height: 15px;}
  .student-name-course-registration-sec h3::after{width: 105px;margin: 7px 0 13px 0;}
  .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec {padding: 15px 15px;}
  .raynor-application-form-middle-sec .student-name-course-registration-sec p { margin-bottom: 15px; }
  .student-name-course-registration-sec .enrolling-checkbox input { width: 15px; height: 15px; margin-right: 10px; }
  .raynor-application-form-middle-sec .student-name-course-registration-sec label{font-size: 14px; line-height: 17px;}
  .student-name-course-registration-sec .enrolling-checkbox {margin-bottom: 15px;}
  .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group input, .raynor-application-form-middle-sec .student-name-course-registration-sec.form-group textarea{padding: 5px 0; font-size: 14px; line-height: 18px;}
  .student-name-course-registration-sec .course-registration-sec{width: 100%;margin-top: 20px;}
  .student-name-course-registration-sec .enrolling-checkbox label{font-size: 12px;}
  .raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field label{font-size: 14px; line-height: 22px;padding-right: 28px;}
  .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group select{font-size: 12px; line-height: 15px;padding: 7px 0;}
  .raynor-application-form-middle-sec .thnk-you-content { margin-top: 20px; }
  .raynor-application-form-middle-sec .thnk-you-content p { margin-bottom: 10px; }
  .raynor-application-form-middle-sec .document-download .each-document{    padding: 0 0 0 10px;}
  .raynor-application-form-middle-sec .document-download .each-document h4{    margin-right: 8px;font-size: 12px; line-height: 17px;}
  .raynor-application-form-middle-sec .document-download .view-download-sec a img {width: 22px;}
/*    .raynor-application-form-middle-sec .document-download .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
  .raynor-application-form-middle-sec .document-download .view-download-sec a:first-child { margin-right: 4px; }
  .confirmation-submit-sec input { width: 15px; height: 15px; margin-right: 10px; }
  .confirmation-submit-sec label{font-size: 13px; line-height: 19px;}
  .confirmation-submit-sec .submit-btn {font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px;    margin-top: 25px;}
  .raynor-application-form-middle-sec .thnk-you-content{padding-right: 0px;}

  /*------------------------ Residential Sectional Doors page -----------------------*/
.dashbord-middle-sec.residentialSectionalDoors-middle-sec {padding: 20px 20px 0px 20px;}
.residentialSectionalDoors-middle-sec h3{font-size: 14px; line-height: 16px;margin-bottom: 5px;}
.residentialSectionalDoors-middle-sec p {font-size: 12px; line-height: 15px;margin-bottom: 10px;}
.residentialSectionalDoors-middle-sec .left-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec .right-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec h3::before{margin: 0px 0 7px 0;}
.residentialSectionalDoors-middle-sec .each-content-sec { margin-bottom: 20px; }
/*------------------------ Document-view-download-box-sec -----------------------*/
.document-view-download-box h4{margin-right: 8px; font-size: 12px; line-height: 17px;}
/*.document-view-download-box .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
.document-view-download-box .view-download-sec a:first-child{ margin-right: 10px; }
.document-view-download-box .view-download-sec img{ width: 30px; }
.document-view-download-box{ padding: 0 0 0 10px; }

/*------------------------ Commercia page -----------------------*/

.dashbord-middle-sec.commercial-middle-sec { padding: 20px 20px 0px 20px; }
.commercial-middle-sec .each-logo-box{width: 100%; padding: 0 10px; margin-bottom: 20px;}
.commercial-middle-sec .video_section_admin .logo-box-inner-sec{padding: 0px;}
.commercial-middle-sec .logo-box-inner-sec{padding: 0px 20px 0 20px;}
.logo-image-upload-box label{font-size: 15px; line-height: 19px;padding: 12px 25px; margin-top: 20px;width: auto;}
.commercial-middle-sec .each-catagory-logo-sec h4{font-size: 18px; line-height: 20px;    margin-bottom: 15px;padding-left: 10px;}
.commercial-middle-sec .catagory-select-section p{font-weight: 400; font-size: 12px; line-height: 20px; margin-bottom: 20px;}
.commercial-middle-sec .dropdown-select-field{display: block;}
.commercial-middle-sec .dropdown-select-field select{padding: 10px 15px;font-size: 16px; line-height: 18px;background-position-y: 14px;width: 100%;}
.commercial-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 15px;margin: 0 0 15px 0;}
.commercial-middle-sec .catagory-select-section {    margin-bottom: 25px;padding-right: 12px;}
.commercial-middle-sec .each-catagory-logo-sec{padding: 30px 10px 10px 10px; margin-bottom: 20px;}
.commercial-middle-sec .view-download-delete a{font-size: 12px; line-height: 19px;}

/*------------------------ Raynor Architect Page -----------------------*/

.dashbord-middle-sec.raynor-architect-dashbord-middle-sec{padding: 20px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec { padding-right: 12px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec p{font-size: 12px; line-height: 18px;margin-bottom: 12px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec { padding-bottom: 15px; }
.raynor-architect-dashbord-middle-sec .app-download-sec{    padding: 20px 15px;display: block;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content{width: 100%;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3{font-size: 18px; line-height: 28px;padding-right: 0;}
.raynor-architect-dashbord-middle-sec .app-download figure img.img-fluid { width: auto; height: 75px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a { display: inline-block; margin-top: 20px; }
.app-download a img.img-fluid { width: 80px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child { margin-right: 40px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .right-side-download-option-sec{justify-content: flex-start; margin-top: 15px;}
.raynor-architect-dashbord-middle-sec .right-side-image-sec{    margin-top: 25px;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul li{font-size: 12px;line-height: 18px;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul{margin-left: 19px;}

/*------------------------ Project Gallery Page -----------------------*/

.projectGallery-middle-sec{padding: 20px 20px 0 20px;}
.projectGallery-middle-sec .dropdown-select-field{display: block;}
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{font-size: 14px; line-height: 17px;margin: 0 0 10px 0;}
.projectGallery-middle-sec .dropdown-select-field select{    background-position-y: 11px;font-size: 16px; line-height: 20px;padding: 8px 15px;width: 100%;}
.projectGallery-middle-sec .catagory-select-section { margin-bottom: 20px; }
.projectGallery-middle-sec .projret-photo-upload-sec h3 {font-size: 16px; line-height: 25px; margin-bottom: 15px; }
.projret-photo-upload-sec .upload-content-sec{display: block;margin-bottom: 30px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box{width: 100%; padding: 20px 20px 20px 10px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box a{font-size: 14px; line-height: 18px; width: auto; margin: 10px 0 5px 0; padding: 12px 20px;}

.multi-select-dropdown .select2-selection{ background-position-y: 11px; font-size: 16px; line-height: 20px; padding: 10px 12px 0 12px; width: 100%; }
.projectGallery-middle-sec .dropdown-select-field.multi-select-dropdown{width: 100%;}
.multi-select-dropdown .select2-selection .select2-selection__clear{display: none;}
.multi-select-dropdown .select2-selection .select2-selection__choice{font-size: 14px; line-height: 17px;}
.multi-select-dropdown .select2-selection .select2-selection__choice__remove{margin-right: 10px;font-size: 25px;}
.slider-gallery-sec .carousel-indicators button{width: 8px; height: 8px;margin-right: 4px; margin-left: 4px;}
.slider-gallery-sec .carousel-indicators{margin-bottom: 0;}

.projectGallery-middle-sec .projret-photo-upload-sec .right-content { margin: 15px 0 0 0; width: 100%; }
.projectGallery-middle-sec .projret-photo-upload-sec .right-content p{font-size: 12px; line-height: 18px;padding-right: 10px;}
.all-project-section .each-project .inner-sec p {font-size: 11px; line-height: 18px;}
.all-project-section .each-project .inner-sec h3{font-size: 18px; line-height: 20px;margin-top: 0px;}
.all-project-section .each-project .details-text p{font-size: 12px; line-height: 19px; margin-bottom: 4px;}
.all-project-section .each-project .details-text p span{margin-right: 20px;width: 20%;}
.all-project-section .each-project{    margin-bottom: 20px;width: unset;}
.project-upload-popup .modal-content { padding: 24px 25px; }
.projectGallery-middle-sec .project-upload-popup .project-upload-content h3 {font-size: 23px; line-height: 29px;    margin-bottom: 30px;}
.project-upload-popup .btn-close{width: 20px; height: 20px;background-size: 15px;right: 11px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content h4 {font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content input {font-size: 14px;line-height: 21px;padding: 3px 0;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields{display: block;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields label{font-size: 14px; line-height: 20px;margin-bottom: 8px;}
.project-upload-popup .note{font-size: 12px; line-height: 19px;    padding-right: 10px;}
.project-upload-popup .btn-sec .submit-btn {padding: 10px 35px;}
.project-upload-popup .modal-dialog{width: 90%;}
.project-upload-popup .photo-upload-field input::file-selector-button{font-size: 14px; line-height: 22px;}

.project-upload-popup.thankYou-popup .modal-content { padding: 40px 20px; }
.project-upload-popup.thankYou-popup .thank-you-content h3{font-size: 22px; line-height: 32px;}
.project-upload-popup.thankYou-popup .thank-you-content p{font-size: 14px; line-height: 21px;}
.project-upload-popup.thankYou-popup .btn-close{background-size: 13px;}


/*------------------------ Marketing Literature Page -----------------------*/
.marketing-literature-middle-sec h3{font-size: 14px; line-height: 16px;}
.dashbord-middle-sec.marketing-literature-middle-sec .all-item-outer-sec .each-item-box{width: 100%;}
.dashbord-middle-sec.marketing-literature-middle-sec{padding: 20px;}
.marketing-literature-middle-sec .new-features-sec{padding: 0 12px; margin-top: 20px;}

/*------------------------ Warranty Support Page -----------------------*/
.dashbord-middle-sec.warranty-support-middle-sec{    padding: 20px;}
.warranty-support-middle-sec h3{font-size: 14px; line-height: 16px; margin-bottom: 20px;}

/*------------------------ Product Video Page -----------------------*/

.categarory-search-sec{display: block;}
.categarory-search-sec .dropdown-select-field{display: block;width: 100%;}
.categarory-search-sec .dropdown-select-field select{width: 100%;font-size: 14px; line-height: 18px;padding: 8px 15px;background-position-y: 13px; background-size: 9px;}
.categarory-search-sec .dropdown-select-field label {font-size: 14px; line-height: 20px;margin: 0 0 10px 0;}
.categarory-search-sec .search-field-box .search-field{width: 100%;padding: 12px 12px;}
.categarory-search-sec .search-field-box{margin-top: 15px;}
.categarory-search-sec .search-field-box .search-field input::placeholder{font-size: 14px;line-height: 18px;}
.productVideo-middle-sec .each-product-video .inner-sec iframe{height: 200px;}
.video-details p {    
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #174580;
}
.video-details { margin: 15px 0 0 0; }
.productVideo-middle-sec .each-product-video{display: block;margin-bottom: 20px;}
.productVideo-middle-sec{padding: 20px 20px 0 20px;}

/*------------------------ Product Video Page -----------------------*/
.productphoto-middle-sec .all-productPhoto-section { margin-top: 30px; }
.productphoto-middle-sec .each-product-photo { margin-bottom: 20px; }
.productphoto-middle-sec .each-product-photo h3 {font-size: 12px; line-height: 17px;padding: 10px 0;}
.productphoto-middle-sec{padding: 20px 20px 0 20px;}
.productphoto-middle-sec .categarory-search-sec .search-field-box .search-field { width: 100%; }

/*------------------------ Technical Resources Page -----------------------*/
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 0px;}
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-all-items { margin-top: 30px; }
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box { width: 100%; }
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box p{padding: 0 0px;}

/* ================== FAQ ====== */

.faq-middle-sec { padding: 20px 20px; }
.faq-sec-content .accordion-button{font-size: 14px; line-height: 20px; align-items: flex-start;    justify-content: space-between;}
.faq-sec-content {padding: 10px 0;}
.faq-sec-content .accordion-item{    padding: 10px 20px;}
.faq-sec-content .card-body p{font-size: 12px; line-height: 19px;}
.faq-sec-content .card-body { padding: 0 10px 0px 0; }
.faq-sec-content .accordion-button::after{    background-size: 18px;    margin-left: 15px;transform: scale(.8) !important;}

/* ================== Web Print ====== */

.web-print-middle-sec { padding: 20px; }
.web-print-content-sec .content-inner-sec .right-side-image img{width: 200px;}
.web-print-content-sec .content-inner-sec .left-side-content { padding: 15px 10px 15px 15px; }
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p { padding-right: 0px; }
.web-print-content-sec .content-inner-sec .left-side-content ul li{padding: 0 0px 8px 13px;font-size: 14px; line-height: 24px;background-position: 0 10px;width: 100%;}
.web-print-content-sec .left-side-content .login-sec h4{font-size: 14px; line-height: 24px;}
.web-print-content-sec .left-side-content .short-disclaimer { margin-top: 20px; }
.web-print-content-sec .left-side-content .login-sec a { font-size: 14px; line-height: 19px; padding: 8px 20px; }
.web-print-content-sec .content-inner-sec{display: block;}
.web-print-content-sec .content-inner-sec .left-side-content p {font-weight: 400; font-size: 12px; line-height: 18px;}
.web-print-content-sec .left-side-content .login-sec { margin-top: 20px; }
.web-print-content-sec .content-inner-sec .right-side-image{text-align: center;}
.web-print-content-sec .short-disclaimer p a:before{content: "\a"; white-space: pre;}

/* ================== Contact Directory ====== */

.contact-directory-middle-sec{padding: 20px 20px 0px 20px;}

.contact-directory-content-sec .each-dept-contact .heading{font-size: 14px; line-height: 18px;padding: 12px 15px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details {padding: 15px 15px 15px 15px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p { padding-left: 0px; margin-bottom: 30px; }
.contact-directory-content-sec .each-dept-contact h4{font-size: 12px; line-height: 17px;    margin-bottom: 10px;margin-top: 20px;}
.contact-directory-content-sec .each-dept-contact .heading span.extension{    width: 35%;}
.contact-directory-content-sec .each-dept-contact .heading span.dept-name{width: 65%;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p{font-size: 12px; line-height: 16px;margin-bottom: 15px;}
.contact-directory-content-sec .each-dept-contact {margin-bottom: 20px;}
.contact-directory-content-sec .each-dept-contact.technical-support p span.name {width: 55%;}
.contact-directory-content-sec .each-dept-contact.technical-support p span.code { width: 45%; }
.contact-directory-content-sec .each-dept-contact.national-account p span.code { width: 75%; }
.contact-directory-content-sec .each-dept-contact.national-account p span.name { width: 25%; }
.contact-directory-content-sec .each-dept-contact.domestic-customer-service p span.name { width: 40%; }
.contact-directory-content-sec .each-dept-contact.domestic-customer-service p span.code { width: 60%; }
.contact-directory-content-sec .each-dept-contact.int-sales p span.name { width: 20%; }
.contact-directory-content-sec .each-dept-contact.int-sales p span.code { width: 80%; }

/* ================== comparison 2 page ====== */

.comparison-item-select-middle-sec{padding: 20px;}
.comparison-items-sec .item-check-box{width: 100%;display: block;margin-bottom: 10px;}
.comparison-items-sec .item-details{width: 100%;display: block;}
.comparison-items-sec .each-item {font-size: 13px; line-height: 18px;display: block;}
.comparison-item-select-middle-sec .comparison-items-sec h4{font-size: 16px; line-height: 20px;margin-bottom: 15px;}
.dashbord-middle-sec.comparison-item-select-middle-sec .dashbord-middle-sec-top p {margin-bottom: 20px;}
.comparison-items-sec .compare-btn {    margin-top: 5px;padding: 8px 20px;font-size: 14px; line-height: 21px;}
.comparison-items-sec .comparison-items-box { margin-bottom: 25px; }

/* ================== Electronoc Price Page ====== */
.electronoc-price-middle-sec{padding: 20px 20px 10px 20px;}
.electronoc-price-middle-sec .top-sec-content ul li{font-size: 12px; line-height: 17px;}
.electronoc-price-middle-sec .top-sec-left-side p, .electronoc-price-middle-sec .top-sec-right-side p{font-size: 12px; line-height: 17px;}
.electronoc-price-middle-sec .top-sec-content p{font-size: 12px; line-height: 17px;}
.electronoc-price-middle-sec h3{font-size: 14px; line-height: 18px;    margin-bottom: 15px;}
.electronoc-price-middle-sec hr{width: 92.7%; margin: 15px auto 25px auto;}
.electronoc-price-middle-sec .top-sec-content { margin-bottom: 10px; }
.electronoc-price-middle-sec h3::before{width: 70px;}
.top-sec-left-side{margin-bottom: 10px;}

/* ================== comparison 1 page ====== */

.dashbord-middle-sec.comparison-first-middle-sec .all-item-outer-sec .each-item-box { width: 100%; }

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{    padding-right: 0px;}

/*------------------------ Product Media Center Page -----------------------*/
.dashbord-middle-sec.product-media-center-middle-sec {padding-bottom: 60px;}
.product-media-center-middle-sec .media-catagories-btn-sec { margin-top: 20px; padding-left: 12px; }
.product-media-center-middle-sec .media-catagories-btn-sec p{font-size: 12px; line-height: 17px;}
.product-media-center-middle-sec .media-catagories-btn-sec a{ font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px; }

/* ================== Profile page ====== */

.profile-page { padding: 20px 20px; }
.profile-page .profile-account-details .profile-image-sec{margin: 0 auto;padding: 0;}
.profile-page .profile-account-details .profile-image{    width: 150px;}
.profile-page .profile-image-sec h4 { font-weight: 600; font-size: 18px; line-height: 24px; margin-bottom: 0; margin-top: 11px; }
.profile-account-details .profile-image .profile-avtar {width: 90px; height: 90px;}
.profile-page .profile-account-details .profile-image-edit img { width: 16px; }
.profile-page .profile-account-details .bg-circle {width: 40px;right: 10px; top: 30px}
.profile-account-details .profile-image h4{font-size: 16px; line-height: 20px; text-align: center; margin-top: 10px; }
.profile-page .account-details{padding-left: 0; border-left: 0;margin-top: 30px;}
.profile-page .account-details .membership-category .crown-logo img {width: 30px;}
.profile-page .account-details .membership-category .text{padding: 12px 0px; width: 80%; font-size: 14px; line-height: 16px; margin: 0 auto;}
.profile-page .account-details .membership-category .crown-logo{    top: -17px;}
.profile-page .account-details .acNo_dealership {    justify-content: space-between;}
.profile-page .account-details .acNo_dealership .account-no{margin-right: 20px;}
.profile-page .account-details .acNo_dealership h4 {font-size: 12px; line-height: 16px;    margin-bottom: 7px;}
.profile-page .account-details .acNo_dealership p{font-size: 14px; line-height: 20px;}
.profile-page .profile-account-details {    margin-bottom: 30px;padding: 35px 12px;display: block;}
.profile-page .profile-account-details .profile-image-edit {    right: 20px;}
.profile-page .profile-bio-details{padding: 25px 15px;}
.profile-page .profile-bio-details .form-group .input-field span img { width: 16px; margin-left: 5px;}
.profile-page .profile-bio-details .form-group .input-field input{font-size: 14px;}

.profile-page .profile-bio-details .form-group label {font-size: 14px; line-height: 16px;    margin-bottom: 8px;}
.profile-page .save-btn-sec button {font-size: 14px; line-height: 15px; padding: 12px 0; width: 150px;margin-top: 10px;}
.profile-page .bottom-sec p{font-size: 12px; line-height: 17px;margin-top: 10px;text-align: center;}
.profile-page .bottom-sec span{font-size: 12px; line-height: 17px;text-align: center;}
.profile-page .each-side{padding: 0 12px;}
.profile-page .password-uppdate-sec .password-sec-heading h3 {font-size: 14px; line-height: 19px;    margin-bottom: 15px;}
.profile-page .password-uppdate-sec .save-btn-sec button { width: 185px; margin-top: 10px; }

/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids {display: block;padding: 20px 20px 20px 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 100%;display: block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 100%;display: block;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 0px;text-align: center;margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 16px; line-height: 22px; text-align: center;    margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;margin-top: 0px;padding: 6px 18px;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .add-cart-btn{justify-content: center;}

/* ================== Comparisons 3 Page ====== */
.comparison-table tbody td{font-size: 12px; line-height: 15px;padding: 8px 10px;min-width: 190px;max-width: 190px; word-break: break-word;}
.comparison-table tbody tr td:nth-child(1){min-width: 105px; max-width: 105px;   padding: 8px 8px;}
.comparison-table thead th{min-width: 190px;max-width: 190px;font-size: 14px; line-height: 18px;padding: 12px 15px;}
.comparison-table thead th:nth-child(1){min-width: 105px;max-width: 105px;}

/*------------------------ Project Gallery Submission page -----------------------*/

.projectGallery-middle-sec.gallerySubmission-middle-sec { padding: 20px; }
.gallerySubmission-middle-sec .catagory-select-section .left-side { padding-right: 12px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side { padding-left: 12px; }
.catagory-select-section .catagory-radio-field, .catagory-select-section .project-descrip-field{display: block;    margin-bottom: 20px;}
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{    width: auto;}
.catagory-select-section .catagory-radio-field{    display: flex;}
.gallerySubmission-middle-sec .catagory-select-section .catagory-radio-field{margin-bottom: 20px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side .input-field { margin-bottom: 20px; }
.image-upload-sec .image-upload-preview-sec { padding: 30px 25px;}
.projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea{font-size: 18px; line-height: 23px;height: 140px;}
.image-upload-preview-sec .image-upload-sec span {font-size: 14px; line-height: 22px;margin: 0 0 10px 0; display: block;}
.image-upload-preview-sec .image-upload-sec{    margin-bottom: 30px;}
.image-upload-preview-sec .image-sorting-text p{font-size: 14px; line-height: 20px;}
.drag-photo-sec p{font-size: 14px; line-height: 23px;}
.end-disclaimer-submit-sec { margin-top: 25px;}
.end-disclaimer-submit-sec p{font-size: 14px; line-height: 21px;}
.end-disclaimer-submit-sec label{font-size: 14px; line-height: 22px;}
.end-disclaimer-submit-sec input { width: 20px; height: 20px; margin-right: 15px; }
.end-disclaimer-submit-sec .submit-btn{font-size: 14px; line-height: 19px; padding: 13px 15px;margin-top: 20px;}
.image-upload-sec label{width: 145px;font-size: 15px;}

/*------------------------ Dealer List Page -----------------------*/

.dealer-list-middle-sec .inner-dealer-list-catagory-search{display: block;}
.dealer-list-middle-sec .dropdown-select-field{width: 100%;}
.dealer-list-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 17px; margin: 0 0 10px 0;}
.dealer-list-middle-sec .dropdown-select-field select{background-position-y: 11px; font-size: 14px; line-height: 17px; padding: 8px 15px; width: 100%;}
.search-box .search-field{padding: 10px 12px;}
.search-box .search-field span i { font-size: 16px; }
.dealer-list-middle-sec .dropdown-select-field{margin-bottom: 20px; display: block;}
.dealer-list-table { margin-top: 20px; }
.dealer-list-table .dealer-list-data th, .dealer-list-table .dealer-list-data td {padding: 10px 15px; font-weight: 600; font-size: 14px; line-height: 20px;vertical-align: middle;}
.dealer-list-table .dealer-list-data{width: 660px;}

/*------------------------ Add New Dealer -----------------------*/

.add-new-dealer-middle-sec .dropdown-select-field select{    background-position-y: 6px;}
.add-new-dealer-middle-sec .all-radio-fields{    flex-wrap: wrap; margin-bottom: 0px;}
.add-new-dealer-middle-sec .all-radio-fields h4 {font-size: 14px; line-height: 19px;margin-bottom: 13px;}
.add-new-dealer-middle-sec .application-form-field textarea { height: 40px; }
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check input {width: 15px; height: 15px;}
.add-new-dealer-middle-sec .all-radio-fields .each-radio-field { margin-right: 0;width: 100%; }
.disclaimer-submit-sec .submit-btn { font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px; margin-top: 25px; }

.dealer-list-table th:first-child{min-width: auto;}
.add-new-dealer-middle-sec .select-items div:hover, .same-as-selected{font-size: 14px;}
.table-list .add-btn{padding-bottom: 0; text-align: left;}
.table-list .add-btn a{padding: 8px 14px;font-size: 11px;display: inline-block;}
.raynor-application-form-middle-sec .upload{width: 123px;}
.raynor-application-form-middle-sec .link{top: 23%;left: 146px;font-size: 15px;}

/*************************Media Category Page***********************************/


.meadiacategory-middle-sec .meadiacategory-left-sec,
.meadiacategory-middle-sec .meadiacategory-right-sec {padding: 0;margin: 0;margin-bottom: 0;height: auto;}
.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 0;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 10px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 10px;width: 100%;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 20px;width: 50%;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {padding: 20px 20px;margin-bottom: 15px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {padding: 20px 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 37px;height: 45px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {padding-right: 0;width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp{margin-bottom: 15px;padding: 15px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .media-input{display: block;}
.meadiacategory-left-sec .input2{padding-left: 0;}
.meadiacategory-middle-sec .first-sec{margin-left: 0;margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec{margin-bottom: 10px;}
.meadiacategory-middle-sec .all-meadiacategory-section{margin-bottom: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1{width: 100%;}
.meadiacategory-middle-sec .meadiacategory-heading h4{font-size: 19px;line-height: 29px;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec h2{font-size: 18px;padding: 10px 0 0 15px;}

.logo-box-inner-sec .upload-btn {font-size: 15px;line-height: 19px;padding: 12px 25px;margin-top: 20px;width: auto;}
.project-upload-popup .commercial-pop-up-content {padding: 70px 0 70px 20px;}
.project-upload-popup .project-upload-content .form-group h4 {font-size: 20px;line-height: 21px;padding-bottom: 10px;}
.project-upload-popup .project-upload-content .form-group {margin-bottom: 25px;}
.project-gallery-popup .modal-content .inner-sec-popup .details-text #description1{font-size: 13px;line-height: 16px;padding-bottom: 8px;}
.project-gallery-popup .popup-text{padding: 20px 20px 20px 12px;}
.project-gallery-popup .modal-content .inner-sec-popup span{font-size: 15px;}
.project-gallery-popup .posted-by{padding-bottom: 0;}
.project-gallery-popup .button-close{top: -42px;right: -21px;font-size: 36px;}
/*.project-gallery-popup .modal-dialog{max-width: 328px;margin: 0 auto;}*/
.project-gallery-popup .modal-dialog{width: 95%;margin: 45px auto;}

.modal-content .inner-sec-popup p , .modal-content .inner-sec-popup .details-text .details-line ,.modal-content .inner-sec-popup .details-text .details-line span , .modal-content .inner-sec-popup .details-text p:first-child{font-size: 12px; line-height: 18px;}
.modal-content .inner-sec-popup h3{font-size: 15px; line-height: 26px;margin-top: 0px;padding-bottom: 0;}
.dealer-status .approved{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status .reject{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status a img{width: 24px;}
.dealer-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 23px;}
.toggle + label::before, .toggle1 + label::before{height: 20px!important;width: 20px!important;}
.dealer-list-table .toggle +label, .toggle1 +label{height: 24px;width: 48px;}
.order-list-table .toggle +label, .toggle1 +label{height: 31px;width: 136px;}
.order-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 99px;}
.order-list-table .toggle + label::before, .toggle1 + label::before{height: 26px;width: 26px;top: 5px;}
.dealer-status .text-reject{font-size: 15px!important;padding: 5px 0!important;}
.your_role_btns h4, .for_employee h4{float: unset;font-size: 17px!important;padding-bottom: 10px!important;}
.for_employee .select-delear label{font-size: 17px;line-height: 29px;}
.your_role_btns .form-group, .your_role_btns .form-check{display: inline-block;}
.your_role_btns .form-check-owner{padding: 0;}
.dealer-list-table .your_role_btns input{margin-right: 10px;width: 14px;height: 14px;}
.your_role_btns .form-check input{float: unset;}
.table-responsive .is-data-export-button{right: 125px;}
.productphoto-middle-sec .all-productPhoto-section{padding: 20px 20px 0 20px!important;margin-top: 20px!important;margin-bottom: 0!important;}
.productphoto-middle-sec .catagory-select-section{padding: 0;margin-bottom: 0;}
.all-productPhoto-section h2{font-size: 13px!important;line-height: 19px!important;}
.all-video-section h2{font-size: 16px;line-height: 23px;margin-bottom: 7px;padding-bottom: 0;}
.productVideo-middle-sec .all-video-section{
  margin-top: 0px!important;
  padding: 0px 12px!important;
  margin-bottom: 0px;
}
.productphoto-middle-sec #category_logo{margin-bottom: 20px;margin-top:20px}
.productVideo-middle-sec .each-product-video .inner-sec{margin-bottom: 0;}
.productVideo-middle-sec .catagory-select-section{padding: 0;}

.setting-page .first-row{margin-bottom: 20px;}
.setting-page .setting-content{padding: 20px 12px;}
.setting-page .each-box{margin-bottom: 20px;display: block;padding: 15px;}
.setting-page .setting-content h2{padding-bottom: 20px;}
.inner-image-sec{display: flex;justify-content: center;padding-bottom: 10px;}
.setting-page .inner-box label{width: 196px;padding: 10px 20px;margin-left: 0;}
.setting-page .inner-box{text-align: center;}

.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6{margin-bottom: 10px;}
.dealer-profile .profile-avtar { width: 242px;}
.raynor-application-form-middle-sec .dealer-profile label { width: 242px;margin: 0 auto; }

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{float: left!important;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{float: left!important;}

.catagory-select-section .select2{    width: 100% !important;padding: 6px 15px;}
.catagory-select-section .option-select-sec{    margin-top: 15px;}
.catagory-select-section .option-select-sec .each-option { margin-bottom: 15px; }

.dealer-list-table .dataTables_wrapper .dataTables_filter{    margin-top: 20px;}
.dealer-list-table .dataTables_length{width: 100%; text-align: left !important;}

.project-gallery-submissions .dealer-list-table{margin-bottom: 20px !important;}

/*---------------------RaynorGram page--------------------*/
.raynorgram-input-section{padding: 0px 0 20px 0;}
.raynorgram-input-section .search-input{padding: 7px 20px; margin-bottom: 10px;}
.raynorgram-input-section .search-button button{padding: 7px 20px;}
.appearance-none{padding: 7px 50px;}
.select-input {margin-bottom: 10px; display: flex;justify-content: center;}
.all-raynorgram-section{padding:0px 0px; max-height: 550px;}
.all-raynorgram-section::-webkit-scrollbar {width: 8px;}
.raynorgram-contant article{padding: 20px 10px; margin: 10px 10px 0 10px;padding-top: 0;padding-right: 0;}
.heading_1 h5{font-weight:600; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.heading_1 p{font-size: 13px; line-height: 20px; font-weight: 400; margin-bottom: 20px;}
.raynorgram-contant article .pra{font-size: 12px; line-height: 21px;} 
.heading_2{text-align: left;margin-bottom: 10px;}
.heading_2 p{font-size: 12px; line-height: 21px; font-weight: 400; margin-bottom: 10px;}
.download_sec{margin-bottom: 10px; font-size: 12px;}
.heading_2 .download_sec > div{float:left;width:auto !important;padding-right: 0;}
.heading_2 .download_sec span{padding: 0;font-size: 14px;    min-width: 68px;margin-right: 10px;}
.heading_2 .download_sec span a{padding: 6px; margin-left: 5px; }
.raynorgram-select-section .select2{padding: 7px 20px;margin-bottom: 20px;width:100% !important;}
.all-raynorgram-section .colum-reverse{display: flex;flex-direction: column-reverse;}
.heading_2 .edit-delete img{width: 28px;}
.heading_2 .download_sec .toggle:not(:checked)+label, .toggle1:not(:checked)+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle:checked+label, .toggle1:checked+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle_check{padding-right: 10px;padding-left: 0px;}
.heading_2 .toggle + label::before, .toggle1 + label::before{height: 14px!important;width: 14px!important;}
.heading_2 .toggle+label, .toggle1+label{height: 22px;width: 45px;}
.heading_2 .toggle_check p{padding-top: 3px;}
.heading_2 .toggle:not(:checked)+label:before, .toggle1:not(:checked)+label:before{left: 6px;}
.heading_2 .toggle+label::before, .toggle1+label::before{top: 3px;}
.heading_2 .toggle:checked+label::before, .toggle1:checked+label::before{left: 26px;}
.heading_1{padding-top: 0;}

/* ========= Upload Raynorgram ========= */

.upload-category-sec{padding: 0}
.upload-category-sec .media-input{display: block;}
.upload-category-sec .media-input .input-group-field{width: 100%;}
.upload-category-sec .media-input .input2{padding-left: 0}
.upload-category-sec .input-group-field{padding-top: 15px;}
.upload-category-sec .form-grp{padding: 10px 15px;}
.upload-category-sec .input-field1 label{width: 116px;}
/*.upload-category-sec .dropdown-select-field .link{top: 43%;left: 146px;font-size: 13px;}*/
.upload-category-sec .dropdown-select-field .link{
  top: 25px;
  left: 146px;
  display: flex;
  align-items: center;
  font-size: 13px;
  height:90px;
}
#publish{margin-top:7px!important;}
.raynorgram-input-section .add-btn.add_btn_pad a{padding:10px 15px;}
.raynorgram-button-section, .raynorgram-input-section .add-btn.add_btn_pad{float:left;width:auto !important;}

.sider-bar-accordion .accordion-item.selected .accordion-header a::before , .sider-bar-accordion .accordion-item.selected .accordion-header a::after{display: none !important;}
.main-dasbord-header{border-top-left-radius: 0;}
.sider-bar-accordion .accordion-item.selected { background: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.sider-bar-accordion .accordion-item.selected { background: #fff; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a span{width: 100%;}
.sider-bar-accordion .accordion-item:hover{border-radius: 0 !important;}

.user-login-mobile{width: 40px; display: block;}
.main-deskop-popup .deskop-popup{width: auto; height: auto;padding: 20px 20px;top: 50px; right: 15px;}
.manage-logout .manage-logout-profile , .manage-logout .manage-logout-logout{    width: 100%;}
.manage-logout{border-radius: 15px;}
.manage-logout .manage-logout-profile{border-bottom: 1px solid #E9EEF6;border-right: 0;}
.sider-bar-accordion .accordion-item.selected { background: #fff; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a span{width: 100%;}
.sider-bar-accordion .accordion-item:hover{border-radius: 0 !important;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 120px; font-size: 13px;border-radius: 5px;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text::after{left: 76%;      border-width: 7px;}

.referral-program-middle-sec .dashbord-middle-all-items p{padding-right: 0;font-size: 16px; line-height: 22px;padding: 0 10px 0 0; text-align: left;}
.referral-program-middle-sec .dashbord-middle-all-items h3 { text-align: left;font-size: 25px; line-height: 42px;}
.referral-program-form form label { font-size: 16px; line-height: 22px;}
.referral-program-form form input.form-control{padding: 6px 0;    margin-bottom: 18px;}
.referral-program-form form .form-input-radio-sec { display: block;}
.referral-program-form form .form-input-radio-sec span{margin: 0;}
.referral-program-form form .form-input-radio-sec span { display: inline-flex; align-items: center; margin: 0; }
.referral-program-form form .form-input-radio-sec span.first{margin-right: 40px; margin-top: 18px;}
.dashbord-middle-sec.referral-program-middle-sec { padding-left: 20px; }

/* Sneha ( 07/11/2024 ) */
.strategy-meetings-list-middle-sec .seo-list .col-6{width: 100%; display: flex; justify-content: space-between;}
.strategy-meetings-list-middle-sec.dashbord-middle-sec { padding-left: 12px; }
.strategy-meetings-list-middle-sec .seo-list .col-6 .col-auto.search-btn{padding: 0 0 0 0;}
.strategy-meetings-list-middle-sec .first-row-sec{width: 100%; margin: 0;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row{width: 90%; padding-right: 0; justify-content: start;        padding: 0;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row .col-auto{padding-left: 0; padding-right: 0;}
.strategy-meetings-list-middle-sec .strategy-meetings-input{width: 350px;    margin-right: 10px;}
.strategy-meetings-list-middle-sec .seo-list .search-btn button { padding: 10px 19px;        margin-top: 15px;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row-reverse{width: 10%; padding: 0;    justify-content: end;}
.strategy-meetings-list-middle-sec .seo-list .form-control{width: 100%;}
.dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list .plus-icon a img{max-width: 100%; height: auto;    width: 30px;}
.past-strategymeetings .card-body { padding: 25px 20px 85px;}
.dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list .row.align-items-center{justify-content: space-between;}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo { width: 40px; height: 40px;}
.past-strategymeetings .card-body .col-10.meetings{    width: 100%;}
.past-strategymeetings .card-body .edit-meeting{bottom: 0; top: auto;}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo.email { border-radius: 0px 0 6px 0px; }

.meetings .user-meeting-action { top: auto;  bottom: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.meetings .view-user-meeting { text-align: center;  line-height: 35px; font-size: 15px !important; width: 45%; margin-right: 0; margin-left: 10px; margin-bottom: 20px; }
.view-user-meeting a button { width: 100%; height: 100%;     padding: 2px 0px 2px 14px;  font-size: 12px !important;         line-height: 31px;}
.meetings .share-user-meeting { font-weight: 700; padding: 13px 5px; width: 45%; margin-left: 0; margin-right: 10px; margin-bottom: 20px; }
.meetings .share-user-meeting .btn.btn-light { font-size: 11px !important;padding: 0;  display: block; border: 0; }
.user-meeting-action .share-user-meeting .btn.btn-light .img-fluid.white_logo.email { padding-left: 5px; width: 24px; }
.past-strategymeetings .card-body .description{max-width: 100%;}
} 


    @media (min-width: 575.98px) and (max-width: 991.98px) {
        .mobile-header-heading-section {
            display: block;
            margin: 0px 0 20px;
            border-top: 1px solid #ddd;
            padding-top: 30px;

        }
           

        .main-dasbord-mobile-header .header-top-section {
            text-align: center;
            background-color: #001c3c !important;
        }
        .main-dasbord-mobile-header .header-top-section span i {
            color: #fff;
            font-size: 16px;
            line-height: 34px;
        }
        .main-dasbord-mobile-header .header-top-section .left-logo-sec{
            display: flex!important;
            align-items: center!important;
            width: 100%!important;
            justify-content: center!important;
        }
        /*.mobileDeshboard.client-list{ width: 100%!important; }*/
        .client-list .select2.select2-container{width: 300px!important;}
    }
@media (max-width: 767.98px ) and (orientation: landscape)  {
    /*---------- New Register Page ---------------- */


     .dasbord-heading-sec .dasboard-sec{display: block;}
    .dasbord-heading-sec .dashbord-heading-content p{padding-bottom: 10px;}
    .dasbord-heading-sec .dashboard-serch .select2{width: 100%!important;}
  .new-register-page h1{font-size: 28px!important;line-height: 29px!important;padding-bottom: 20px;}
  .new-register-page{padding: 20px 25px!important;}
  .new-register-page .dashbord-heading-content p{font-size: 15px!important;line-height: 21px!important;padding-bottom: 20px!important;}
  .register-content{padding: 25px !important;}
  .new-register-page .dashbord-heading-content p span{font-size: 15px;line-height: 21px;}
  .register-content p{font-size: 15px!important;line-height: 21px!important;padding-bottom: 18px!important;}
  .register-content .all-radio-fields.security-level-field .each-radio-field .form-group{display: block!important;}
  .register-content .dealer-profile label{font-size: 14px!important;padding: 6px 15px;}
  .register-content .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;line-height: 18px;}
  .register-content .select2-container--default .select2-selection--single .select2-selection__arrow{top: 7px;}
  .register-content .dealer-profile label{margin-left: 15px;}

    /* ------------------shipping-information------------------- */

.shipping-info-heading {font-size: 22px;line-height: 28px;}
.application-form-content form{margin-top: 30px;}
.application-form-content{padding-top: 30px;}
.dealership input{padding-left: 0;}
.dealership label {font-size: 22px;line-height: 28px;}
.billing-address-radio .form-group input {width: 17px;height: 14px;}
.dealership {margin: 10px 0 0 0;}
.shipping-info-submit-sec .submit-btn{font-size: 14px;line-height: 24px;padding: 11px 48px;margin-top: 15px;}
.field-right-part{padding-left: 12px;}
#publish{margin-top:7px!important;}


/*--------------------------- your cart-------------------------- */

.your-cart-aids-middle-sec .all-sales-aids-left{display: grid;padding: 0 12px 0 12px;}
.your-cart-aids-middle-sec .all-sales-aids-right .box-btn {margin: 0 auto;}
.your-cart-aids-middle-sec .each-sales-aids .price{text-align: center;}
.your-cart-aids-middle-sec .plus-minus-btn{float: none;}
.all-sales-aids-right{padding-left: 12px;margin: 0 auto;}
.all-sales-aids-right .box-btn{margin: 0 0 0 35px;}
.all-sales-aids-left .right-side-btn .delet-btn{width: 35px;height: 35px;}
.your-cart-aids-middle-sec .right-side-btn .price{margin: 5px 0;}
.your-cart-aids-middle-sec .each-sales-aids .price span {font-size: 22px;line-height: 34px;}
.your-cart-aids-middle-sec .right-side-btn .price{padding: 0px 0px;}
.your-cart-aids-middle-sec .qty-btn span.qty{font-size: 14px;line-height: 24px;margin-right: 5px;}
.your-cart-aids-middle-sec .square-box .box-price {font-size: 20px;line-height: 34px;}
.your-cart-aids-middle-sec .square-box h3 {font-size: 20px;line-height: 34px;}
.box-btn .proceed-checkout {font-size: 18px;line-height: 25px;margin: 15px 0 15px 0px;width: 390px}
.box-btn .continue-shopping{font-size: 18px;line-height: 25px;width: 390px}
.your-cart-aids-middle-sec .square-box {padding: 35px 20px;}

 /* ----------------checkout---------------- */

.checkout-radio-col .form-group label{font-size: 16px;line-height: 24px;}
.checkout-radio-col .form-group .form-check{display: flex;align-items: center;justify-content: start;padding-left: 10px;}
.checkout-radio-col .form-group .form-check1 input{flex: unset;}
.checkout-radio-col .form-group .form-check1{justify-content: flex-start;}
.checkout-address-sec .information-heading{font-size: 16px;line-height: 25px;padding-bottom: 10px;}
.checkout-address-sec .checkout-shipping-info {padding: 40px 0 0 20px;}
.raynor-act {font-size: 15px;line-height: 22px;}
.checkout-address-sec .checkout-address{font-size: 15px;line-height: 23px;}
.checkout-address-sec .complete-order-btn {font-size: 16px;line-height: 26px;padding: 10px 18px;margin:30px 0 0 10px;}
.checkout-middle-sec .main-square-box{justify-content: end!important;margin-top: 20px;}
.checkout-middle-sec .checkout-col .square-box .shipping-cost-txt {margin: 0 265px 0 0;}
.checkout-middle-sec .checkout-col .square-box h3 {font-size: 20px;line-height: 25px;}
.dollar-price{font-size: 20px;line-height: 25px;}
.shipping-cost-txt{font-size: 15px;}
.checkout-middle-sec .checkout-radio-col{margin-top: 15px;}
.checkout-middle-sec .checkout-col{margin: 0 0px 0 0;}
.checkout-radio-col .form-group input{flex:unset;}
.checkout-middle-sec .checkout-address-sec {padding-top: 20px;}

/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids {display: block;padding: 20px 20px 20px 20px;    margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 100%;display: block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 100%;display: block;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 0px;text-align: center;margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 16px; line-height: 22px; text-align: center;    margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;padding: 6px 12px;}
.marketing-sales-aids-middle-sec .right-side-btn .price { margin: 20px 0; width: auto; padding: 7px 30px; font-size: 16px; }
.marketing-sales-aids-middle-sec .plus-minus-btn{justify-content: center;}
.marketing-sales-aids-middle-sec .qty-number{width: 70px;}
.marketing-sales-aids-middle-sec .qty-btn{justify-content: center;}
.plus-minus-btn span{font-size: 12px;}
  /*------------------------ Product Details application form -----------------------*/

.product-details-application-form{padding: 20px;}
.product-details-application-form p.note-text { font-size: 20px; line-height: 30px;}
.product-details-application-form .application-form-field { margin-bottom: 35px; }

.product-details-application-form .application-form-field .form-group input, .product-details-application-form .application-form-field .form-group textarea, .product-details-application-form .application-form-field .form-group select{ padding: 5px 0; font-size: 14px; line-height: 18px; }
.product-details-application-form .application-form-field .form-group label, .product-details-application-form .application-form-field .radio-field label, .product-details-application-form .select-2-multivalue-field label, .product-details-application-form .select-2-normal-dropdown label, .product-details-application-form .other-sec label{ font-size: 14px; line-height: 20px; }
.product-details-application-form .application-form-field .radio-field { display: block; margin: 0 0 30px 0; }
.product-details-application-form .application-form-field .radio-field:last-child{margin: 0;}
.product-details-application-form .application-form-field .radio-field .form-check input{width: 15px; height: 15px;margin-right: 8px;}
.product-details-application-form .application-form-field .radio-field label { margin-bottom: 15px; }
.product-details-application-form .sub-heading { margin-top: 0px; }
.product-details-application-form .sub-heading h3 {font-size: 22px; line-height: 32px;margin-bottom: 30px;}
.product-details-application-form .submit-btn {font-size: 16px; line-height: 24px;margin-top: 10px;    width: 135px;}
.product-details-application-form .select-2-multivalue-field .select2-container--default .select2-selection--multiple{    padding: 4px 12px 0px 6px;}
.product-details-application-form .select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 11px; line-height: 15px; padding: 5px 10px 5px 16px;}
  /* .dashbord-middle-sec .all-item-outer-sec {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 288px));
    justify-content: space-evenly;
} */
  .project-gallery-popup .modal-content .inner-sec-popup .details-text #description1{font-size: 13px;line-height: 16px;padding-bottom: 8px;}
.project-gallery-popup .popup-text{padding: 20px 20px 20px 12px;}
.project-gallery-popup .modal-content .inner-sec-popup span{font-size: 15px;}
.project-gallery-popup .posted-by{padding-bottom: 0;}
.project-gallery-popup .button-close{top: -57px;right: -21px;font-size: 36px;}
/*  .project-gallery-popup .modal-dialog{max-width: 328px;margin: 0 auto;}*/
  .project-gallery-popup .modal-dialog{width:95%;margin: 0 auto;}
  .project-details .view-delete-download img{width: 32px!important;}
  .dealer-status a img{width: 24px;}
  .dealer-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 23px;}
  .toggle + label::before, .toggle1 + label::before{height: 20px!important;width: 20px!important;}
  .dealer-list-table .toggle +label, .toggle1 +label{height: 24px;width: 48px;}
  .order-list-table .toggle +label, .toggle1 +label{height: 31px;width: 136px;}
  .order-list-table .toggle:checked + label::before, .toggle1:checked + label::before{left: 99px;}
  .order-list-table .toggle + label::before, .toggle1 + label::before{height: 26px;width: 26px;top: 5px;}
  .your_role_btns h4, .for_employee h4{float: unset;font-size: 17px!important;padding-bottom: 10px!important;}
  .your_role_btns .form-group, .your_role_btns .form-check{float: unset;padding: 0;}
  .for_employee .select-delear label{font-size: 17px;line-height: 25px;}
  .dealer-list-table .your_role_btns input{margin-right: 10px;width: 14px;height: 14px;}
  .your_role_btns .form-check input{float: unset;}
  .raynor-academy-sales-sec .view-download-sec figure{margin-bottom: 0!important;}
  .dealer-list-table .dealer-list-data .table-btn1 img{width: 24px;}
  .dealer-list-table .dealer-list-data .delete{margin-left: 7px;}
  .commercial-middle-sec .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 343px));}
  .raynor-dealer-programs .all-logo-images p{padding-bottom: 20px;font-size: 12px;line-height: 18px;}
  .raynor-dealer-programs .each-logo-box{padding: 0!important;}
  .raynor-dealer-programs .program-qualification-content h4{font-size: 16px;line-height: 23px;padding: 15px 0 13px 0;padding-left: 17px;}
  .raynor-dealer-programs .program-qualification-content li{padding: 7px 0;padding-left: 13px;font-size: 12px;}
  .raynor-dealer-programs .program-benefits-content .program-left{padding: 0;border-right: none;}
  .raynor-dealer-programs .program-benefits-content p{font-size: 12px;line-height: 18px;padding: 0 8px;}
  .raynor-dealer-programs .program-qualification-content{display: block;}
  .raynor-dealer-programs .program-benefits-content{display: block;padding: 0}
  .raynor-dealer-programs .program-benefits-content .program-right{padding: 15px 0;}
  .raynor-dealer-programs .program-benefits-content h4{font-size: 18px;line-height: 28px;padding-left: 13px;}
  .raynor-dealer-programs .program-qualification-content{margin-bottom: 30px;}
  .raynor-dealer-programs .program-qualification p{font-size: 12px;line-height: 18px;}
  .proprogram-benefits p{font-size: 12px;line-height: 18px;}
  .raynor-dealer-programs .program-benefits{padding-bottom: 30px!important;}
  .raynor-dealer-programs .program-benefits .please-note{font-size: 12px;line-height: 18px;padding: 0 10px;}
  .raynor-dealer-programs .program-benefits-content li{padding-left: 15px;}
  .raynor-dealer-programs .program-benefits-content .spacing{padding-left: 15px;}

    /*------------------------ Log in page -----------------------*/
    .login-dashbord-sec .left-side-content{padding: 30px 20px; position: relative;width: 100%;    text-align: center;}
    .login-dashbord-sec .left-side-content h2{font-size: 32px; line-height: 40px;margin-bottom: 15px;}
    .login-dashbord-sec .left-side-content h2::before{width: 180px;margin: 0 auto 10px auto;}
    .login-dashbord-sec .left-side-content h3{font-size: 33px; line-height: 45px;    margin-bottom: 20px;}
    .login-dashbord-sec .login-details{height: auto;padding: 40px 20px;width: 100%}
    .login-dashbord-sec .left-side-content p {font-size: 19px; line-height: 30px;padding-right: 30px;}
    .scroll-down-button{display: block;}
/*    .scroll-down-button{text-align: center; position: absolute; bottom: 5px; left: 0; right: 0;}*/
    .scroll-down-button{text-align: center; margin-top:15px;}
    .scroll-down-button i{font-size: 28px; color: #014B85;}
    .login-logo img{    width: 35%;}
    .login-dashbord-sec .login-details p{font-size: 22px; line-height: 31px;margin: 40px 0;}
    .login-form .form-group label{font-size: 20px; line-height: 31px;}
    .login-form .forgrt-password{font-size: 14px; line-height: 20px;}
    .btn-sec button{margin-bottom: 50px;}
    .new-dealer-registration h3{font-size: 20px; line-height: 30px;}
    .form-group input::placeholder, .form-group textarea::placeholder{ font-size: 14px; line-height: 22px;}


    /*------------------------ Register page -----------------------*/
    .register-dashbord-sec .register-details{height: auto;padding: 30px 15px 30px 15px;}
    .register-dashbord-sec .left-side-content {padding: 0 25px;}
    .register-image{display: none;}
    .register-dashbord-sec .left-side-content h2{font-size: 28px; line-height: 36px; margin-bottom: 20px;}
    .register-dashbord-sec .left-side-content h2::before{width: 140px;margin: 0 0 10px 0;}
    .register-dashbord-sec .left-side-content p {font-size: 18px; line-height: 28px;}
    .register-dashbord-sec .register-details .note{margin-bottom: 25px;font-size: 16px; line-height: 23px;}
    .register-details .register-form .form_field{padding-right: 12px;}
    .register-dashbord-sec .register-details .register-form .input-field label{margin: 0 20px 0 0;font-size: 16px; line-height: 30px;width: 21%;}
    .register-dashbord-sec .register-details .register-form .form-group { margin-bottom: 15px; }
    .register-dashbord-sec .register-details .register-form .input-field.register-email-input-field label { margin: 12px 0; }
    .register-dashbord-sec .register-details .register-form .declaration-note p{font-size: 14px; line-height: 24px;margin-bottom: 10px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p:first-child{margin-bottom: 10px; font-size: 15px; line-height: 21px; padding-right: 10px;}
    .register-dashbord-sec .register-details .register-form .declaration-note{margin-top: 10px; padding-right: 25px;}
    .register-details .register-form .input-field p span{font-size: 14px;}
    .register-details .register-form .terms-condition-note p{font-size: 14px; line-height: 22px;}
    .terms-condition-checkbox {    margin-top: 20px;}

    /*------------------------  Forgot Password page -----------------------*/
    .login-dashbord-sec.forget-password-sec .left-side-content{display: none;}
    .login-dashbord-sec.forget-password-sec .login-details { padding: 40px 30px; height: auto;}
    .forget-password-sec .login-details h2{font-size: 26px; line-height: 38px;}
    .forget-password-sec .login-details .heading-content p{padding: 0 20px; font-size: 15px; margin: 20px 0 35px 0;line-height: 24px;}
    .forget-password-sec .login-form { padding: 0 15px; }
    .forget-password-sec .login-form .form-group label{font-size: 20px; line-height: 35px;}
    .forget-password-sec .login-details p{font-size: 15px; line-height: 22px;}
    .form-group { margin-bottom: 25px; }
    .forget-password-sec .login-details .forget-email-note p{font-size: 18px; line-height: 28px; margin: 25px 0 35px 0;}
    .forget-email-note .back-login{font-size: 18px; line-height: 25px;}

    /*------------------------ Dealer Dashbord -----------------------*/
    .main-dasbord-mobile-header{display: block;}
    .main-dasbord-desktop-header{display: none;}
    .main-dasbord-ipad-header{display: none;}
    .mobile-socialmedia-footer-sec{display: block;}
    
      .mobilesidenav {height: 100%;width: 0;position: fixed; z-index: 1; top: 0; left: 0; background-color: #000000b3;overflow-x: hidden; transition: 0.5s;padding: 0;}
      .mobilesidenav .closebtn {position: absolute; top: 0; right: 10px; font-size: 30px; line-height: 35px; color: #fff; display: inline-block;}
      .mobilesidenav article.sidenav-content{width: 280px; height: 100%; /*background-color: #4C74A6; */ padding-top: 35px; position: relative;}

      .main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a{font-size: 14px; line-height: 16px;}
      /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item{border-top: 2px solid; border-bottom: 2px solid;border-color: #E9E9E9;} */
      /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:last-child{border-bottom: 4px solid #E9E9E9;} */
      /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:first-child{border-top: 4px solid #E9E9E9;} */
      .sider-bar-accordion .accordion-item a{ padding: 8px 0 8px 20px !important;}
      .dashbord-middle-all-items{padding: 0;}
      .all-box-middle-sec{padding: 0;}
      .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu{background-color: #4c74a6;padding: 7px 0;}
      .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li a{color: #fff; font-weight: 400;font-size: 14px; line-height: 20px;padding: 5px 10px;}
      .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li:first-child{border-bottom: 1px solid #fff;}
      .main-dasbord-mobile-header .header-bottom-section ul li a{font-weight: 500; font-size: 12px; line-height: 18px; color: #000000;}
      .main-dasbord-mobile-header .header-bottom-section ul li .v-separator { height: 14px; width: 1px; background-color: #000; opacity: 0.5; margin: 0 10px; display: inline-block;    vertical-align: middle; }
      .main-dasbord-mobile-header .header-bottom-section{background: #D5E1F0; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.03);padding: 12px 0;text-align: center;}
      .main-dasbord-mobile-header .user-profile-dropdown button{padding: 0;display: inline-block;}
    .user-profile-dropdown button span img{width: 30px; height: 30px; border-radius: 50%;margin-left: 0;}
    .main-dasbord-mobile-header .header-top-section{display: flex; align-items: center; justify-content: space-between;padding: 7px 10px 7px 0;background-color: #001c3c;}
    .main-dasbord-mobile-header .header-top-section .left-logo-sec{display: flex; align-items: center;}
    .main-dasbord-mobile-header{padding: 0 !important;}
    .left-logo-sec a{display: inline-block;}
    .left-logo-sec a img{width: 60%;}
    .left-logo-sec span{width: 22px;text-align: center;display: inline-block;background-color: #4C74A6;margin-right: 15px;}
    .left-logo-sec span i{color: #fff;font-size: 14px; line-height: 26px;}
    .main-dasbord .dashbord-side-bar{display: none;}
    .main-dasbord main{margin: 0;}
    .dasbord-heading-right{display: none;}
    .header-logo, .dashbord-top-menu-sec{width: auto;}
    .dasbord-heading-sec{padding: 20px;    background-position: right;min-height: unset;}
    .dasbord-heading-sec h1{font-size: 17px; line-height: 24px;margin-bottom: 7px;}
    .marketing-literature-middle-sec h2{font-size: 17px; line-height: 24px;margin-bottom: 7px;}
    .dashbord-heading-content { padding-bottom: 0px; }
    .dasbord-heading-sec h1::before {width: 110px;margin: 0 0 6px 0;}
    .marketing-literature-middle-sec h2::before{width: 110px;margin: 0 0 6px 0;}
    .dasbord-heading-sec .dashbord-heading-content p{font-size: 14px; line-height: 22px;}
    .dashbord-middle-sec{    padding: 20px 10px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box{ padding: 0 0; margin-bottom: 25px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px; margin: 0 10px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 18px; line-height: 24px; margin: 5px 0;}
     .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important; font-size: 14px;}

    .all-box-middle-sec .all-item-outer-sec .each-item-box{ padding: 0 0; margin-bottom: 25px;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px; margin: 0 10px;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 16px; line-height: 24px; margin: 5px 0;}
    .all-box-middle-sec .all-item-outer-sec .each-item-box p {font-size: 12px; line-height: 18px;}

    .dasbord-heading-sec .dasbord-heading-right ul li {font-size: 12px; line-height: 18px;    margin-bottom: 0px;}
    .dashbord-middle-sec .dashbord-middle-sec-top p {font-size: 12px; line-height: 18px;margin-bottom: 10px;}
    .dasbord-footer-sec{padding: 16px 15px;}
    .dasbord-footer-sec .dasbord-footer-content h4{font-size: 14px; line-height: 16px;}
    .dasbord-footer-sec .dasbord-footer-content article{display: block;}
    .dasbord-footer-sec .dasbord-footer-content .person-details span.name { margin: 0 20px 0 0;display: block;}
    .dasbord-footer-sec .dasbord-footer-content .person-details .name h4{font-size: 12px; line-height: 16px;}
    .dasbord-footer-sec .dasbord-footer-content p{font-size: 12px; line-height: 16px;}
    .dasbord-footer-sec .dasbord-footer-content ul li span:first-child { margin-right: 5px; }
    .dasbord-footer-sec .dasbord-footer-content ul li{font-size: 11px; line-height: 15px;}
    .dasbord-footer-sec .dasbord-footer-content ul li span img { width: 10px;}
    /* .dasbord-footer-sec .dasbord-footer-content .person-details{display: block;} */
    .dasbord-footer-sec .dasbord-footer-content ul li span:first-child { flex-shrink: 0; }
    .dasbord-footer-sec .dasbord-footer-content .person-details:first-child::after{margin: 0px 30px 0px 30px;}
    .dasbord-footer-sec .dasbord-footer-content h4::after{width: 65px;margin: 6px 0 12px 0;}
    .dasbord-footer-sec .dasbord-footer-content .right-side{margin-top: 15px;margin-left: 0;}
    .dashbord-middle-sec .all-item-outer-sec .each-item-box p {font-size: 12px; line-height: 18px;}

    /*------------------------ Raynor-Academy-dashbord -----------------------*/
    .academy-image { display: none;}
    .raynor-academy-dashbord-middle-sec { padding: 20px 0px 0 0;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box{padding: 15px 0 15px 15px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon img { width: 40px; }
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon { top: -5px;left: 2px; }
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3{font-size: 16px; line-height: 21px;    margin-left: 20px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing{margin-bottom: 10px;}
    .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box p { padding-right: 10px;color: #000000;font-size: 12px; line-height: 20px; }
    .raynor-academy-dashbord-middle-sec .each-quesion-box{padding: 0 32px; margin-bottom: 10px;}
    .raynor-academy-sales-sec { margin-top: 30px; }
    .raynor-academy-sales-sec .each-raynor-box{display: block;}
    .raynor-academy-sales-sec .each-raynor-box .inner-raynor-box h3{font-size: 20px; line-height: 24px;padding: 12px 0;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec { padding: 20px 12px 20px 12px;margin-bottom: 20px; }
    .raynor-academy-sales-sec .each-raynor-box .content-sec figure{margin: 0px auto 15px auto;}
    .raynor-academy-sales-sec .each-raynor-box .content-sec p{font-size: 12px; line-height: 20px;padding: 0 0px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec{margin-bottom: 10px;    display: block;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document{padding: 5px 10px 5px 10px; background-color: #ECF0F5; margin-bottom: 10px;}
    .raynor-academy-sales-sec .content-sec1 .each-document{padding: 0 0 0 10px!important;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document h4{font-size: 12px; line-height: 14px; margin-right: 10px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child{font-size: 16px; line-height: 18px;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child::after{width: 70px; margin: 3px 0 6px 0;}
    .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:last-child{font-size: 12px;}
    .course-download-sec .view-download-sec a:first-child { margin-right: 4px; }
/*    .course-download-sec .view-download-sec a{padding: 4px 8px; line-height: 18px;}*/
    .course-download-sec .view-download-sec a img { width: 24px; }
    .tuition-sec .tuition-price-table .seat-price { width: 50%; }
    .tuition-sec .tuition-price-table .seat { width: 24%; }
    .tuition-sec .tuition-price-table .payment { width: 26%; }
    .tuition-sec .tuition-price-table th, .tuition-sec .tuition-price-table td{padding: 8px 8px 8px 0; font-size: 12px; line-height: 16px;}
    .tuition-sec .tuition-price-table{padding-right: 0;}
    .raynor-academy-sales-sec .appply-button a{font-size: 11px;line-height: 20px;padding: 6px;width: 273px;margin-top: 25px;}
    .raynor-academy-sales-sec .appply-button .right-btn{margin-left: 15px}
    .raynor-academy-sales-sec .content-sec .tuition-sec { margin-top: 20px; }
    .raynor-academy-sales-sec .raynor-sales-academy{padding-left: 12px;}
    .raynor-academy-sales-sec .raynor-academy{padding-right: 12px;}
    .raynor-academy-sales-sec .content-sec .tuition-sec h4{font-size: 16px; line-height: 18px;}
    .raynor-academy-sales-sec .content-sec .tuition-sec h4::after {width: 70px;    margin: 6px 0 0px 0;}
    .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec p { padding: 0 0px; }
    .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .tuition-sec p{font-size: 14px; line-height: 22px;    margin-top: 15px;}

        /*------------------------ Raynor-Academy-Application-Form -----------------------*/

        .raynor-application-form-middle-sec { padding: 20px 20px;}
        .contact-information-heading h3{font-size: 14px; line-height: 18px;}
        .contact-information-heading h3::after {width: 105px;margin: 8px 0 0px 0;}
        .raynor-application-form-middle-sec p{font-size: 12px; line-height: 20px;padding-bottom: 20px;}
        .contact-information-heading p {margin-top: 10px; padding-right: 0; margin-bottom: 15px;}
        .raynor-application-form-middle-sec .application-form-field .first-top-border {padding-top: 0px;border: none;}
        .raynor-application-form-middle-sec .application-form-field .form-group input, .raynor-application-form-middle-sec .application-form-field .form-group textarea, .raynor-application-form-middle-sec .application-form-field .form-group select{padding: 5px 0; font-size: 14px; line-height: 18px;}
        .raynor-application-form-middle-sec .application-form-field label{font-size: 14px; line-height: 20px;}
        .raynor-application-form-middle-sec .application-form-field .second-top-border { padding-top: 0; }
        .raynor-application-form-middle-sec .application-form-field .form-group{margin-bottom: 20px;}
        .contact-information-heading.your-contact-information { margin-top: 10px; }
        .student-name-course-registration-sec{display: block;}
        .student-name-course-registration-sec .student-name-sec {width: 100%;    margin-right:0px;}
        .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec{    padding: 20px 15px;}
        .student-name-course-registration-sec h3{font-size: 14px; line-height: 15px;}
        .student-name-course-registration-sec h3::after{width: 105px;margin: 7px 0 13px 0;}
        .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec {padding: 15px 15px;}
        .raynor-application-form-middle-sec .student-name-course-registration-sec p { margin-bottom: 15px; }
        .student-name-course-registration-sec .enrolling-checkbox input { width: 15px; height: 15px; margin-right: 10px; }
        .raynor-application-form-middle-sec .student-name-course-registration-sec label{font-size: 14px; line-height: 17px;}
        .student-name-course-registration-sec .enrolling-checkbox {margin-bottom: 15px;}
        .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group input, .raynor-application-form-middle-sec .student-name-course-registration-sec.form-group textarea{padding: 5px 0; font-size: 14px; line-height: 18px;}
        .student-name-course-registration-sec .course-registration-sec{width: 100%;margin-top: 20px;}
        .student-name-course-registration-sec .enrolling-checkbox label{font-size: 12px;}
        .raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field label{font-size: 14px; line-height: 22px;padding-right: 30px;}
        .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group select{font-size: 12px; line-height: 15px;padding: 7px 0;}
        .raynor-application-form-middle-sec .thnk-you-content { margin-top: 20px; }
        .raynor-application-form-middle-sec .thnk-you-content p { margin-bottom: 10px; }
        .raynor-application-form-middle-sec .document-download .each-document{    padding: 0 0 0 10px;}
        .raynor-application-form-middle-sec .document-download .each-document h4{    margin-right: 8px;font-size: 12px; line-height: 17px;}
        .raynor-application-form-middle-sec .document-download .view-download-sec a img {width: 12px;}
/*        .raynor-application-form-middle-sec .document-download .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
        .raynor-application-form-middle-sec .document-download .view-download-sec a:first-child { margin-right: 4px; }
        .confirmation-submit-sec input { width: 15px; height: 15px; margin-right: 10px; }
        .confirmation-submit-sec label{font-size: 13px; line-height: 19px;}
        .confirmation-submit-sec .submit-btn {font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px;    margin-top: 25px;}
        .raynor-application-form-middle-sec .thnk-you-content{padding-right: 0px;}

            /*------------------------ Residential Sectional Doors page -----------------------*/
.dashbord-middle-sec.residentialSectionalDoors-middle-sec {padding: 20px 20px 0px 20px;}
.residentialSectionalDoors-middle-sec h3{font-size: 14px; line-height: 16px;margin-bottom: 5px;}
.residentialSectionalDoors-middle-sec p {font-size: 12px; line-height: 15px;margin-bottom: 10px;}
.residentialSectionalDoors-middle-sec .left-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec .right-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec h3::before{margin: 0px 0 7px 0;}
.residentialSectionalDoors-middle-sec .each-content-sec { margin-bottom: 20px; }
/*------------------------ Document-view-download-box-sec -----------------------*/
.document-view-download-box h4{margin-right: 8px; font-size: 12px; line-height: 17px;}
/*.document-view-download-box .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
.document-view-download-box .view-download-sec a:first-child{ margin-right: 10px; }
.document-view-download-box .view-download-sec img{ width: 30px; }
.document-view-download-box{ padding: 0 0 0 10px; }

/*------------------------ Commercia page -----------------------*/

.dashbord-middle-sec.commercial-middle-sec{padding: 20px 15px;}
/*.commercial-middle-sec .each-logo-box{width: 50%; padding: 0 10px; margin-bottom: 20px;}*/
.commercial-middle-sec .each-logo-box{padding: 0 10px; margin-bottom: 20px;}
.commercial-middle-sec .logo-box-inner-sec{padding: 0px 20px 0 20px;}
.logo-image-upload-box label{font-size: 15px; line-height: 19px;padding: 12px 25px; margin-top: 20px;width: auto;}
.commercial-middle-sec .each-catagory-logo-sec h4{font-size: 18px; line-height: 20px;    margin-bottom: 15px;padding-left: 10px;}
.commercial-middle-sec .catagory-select-section p{font-weight: 400; font-size: 12px; line-height: 20px; margin-bottom: 20px;}
.commercial-middle-sec .dropdown-select-field{display: block;}
.commercial-middle-sec .dropdown-select-field select{padding: 10px 15px;font-size: 16px; line-height: 18px;background-position-y: 14px;width: 100%;}
.commercial-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 15px;margin: 0 0 15px 0;}
.commercial-middle-sec .catagory-select-section {    margin-bottom: 25px;}
.commercial-middle-sec .each-catagory-logo-sec{padding: 30px 10px 10px 10px; margin-bottom: 20px;}
.commercial-middle-sec .view-download-delete a{font-size: 12px; line-height: 19px;}


/*------------------------ Raynor Architect Page -----------------------*/

.dashbord-middle-sec.raynor-architect-dashbord-middle-sec{padding: 20px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec { padding-right: 12px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec p{font-size: 12px; line-height: 18px;margin-bottom: 12px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec { padding-bottom: 15px; }
.raynor-architect-dashbord-middle-sec .app-download-sec{    padding: 20px 15px;display: block;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content{width: 100%;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3{font-size: 18px; line-height: 28px;padding-right: 0;}
.raynor-architect-dashbord-middle-sec .app-download figure img.img-fluid { width: auto; height: 75px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a { display: inline-block; margin-top: 20px; }
.app-download a img.img-fluid { width: 80px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child { margin-right: 40px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .right-side-download-option-sec{justify-content: flex-start; margin-top: 15px;}
.raynor-architect-dashbord-middle-sec .right-side-image-sec{    margin-top: 25px;    text-align: center;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul li{font-size: 12px;line-height: 18px;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul{margin-left: 19px;}


/*------------------------ Project Gallery Page -----------------------*/

.projectGallery-middle-sec{padding: 20px 15px 0 15px;}
.projectGallery-middle-sec .dropdown-select-field{display: block;}
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{font-size: 14px; line-height: 17px;margin: 0 10px 0px 0;}
.projectGallery-middle-sec .dropdown-select-field select{    background-position-y: 11px;font-size: 16px; line-height: 20px;padding: 8px 15px;width: 50%;}
.projectGallery-middle-sec .catagory-select-section { margin-bottom: 20px; }
.projectGallery-middle-sec .projret-photo-upload-sec h3 {font-size: 16px; line-height: 25px; margin-bottom: 15px; }

.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box{width: 240px; padding: 20px 20px 20px 10px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box a{font-size: 14px; line-height: 18px; width: auto; margin: 10px 0 5px 0; padding: 12px 20px;}

.multi-select-dropdown .select2-selection{ background-position-y: 11px; font-size: 16px; line-height: 20px; padding: 10px 12px 0 12px; width: 100%; }
.projectGallery-middle-sec .dropdown-select-field.multi-select-dropdown{width: 100%;}
.multi-select-dropdown .select2-selection .select2-selection__clear{display: none;}
.multi-select-dropdown .select2-selection .select2-selection__choice{font-size: 14px; line-height: 17px;}
.multi-select-dropdown .select2-selection .select2-selection__choice__remove{margin-right: 10px;font-size: 25px;}
.slider-gallery-sec .carousel-indicators button{width: 8px; height: 8px;margin-right: 4px; margin-left: 4px;}
.slider-gallery-sec .carousel-indicators{margin-bottom: 0;}


.projectGallery-middle-sec .projret-photo-upload-sec .right-content { margin: 0px 0 0 20px; width: 60%; }
.projectGallery-middle-sec .projret-photo-upload-sec .right-content p{font-size: 12px; line-height: 18px;padding-right: 70px;}
.all-project-section .each-project .inner-sec p {font-size: 12px; line-height: 18px;}
.all-project-section .each-project .inner-sec h3{font-size: 18px; line-height: 20px;margin-top: 0px;}
.all-project-section .each-project .details-text p{font-size: 12px; line-height: 19px; margin-bottom: 4px;}
.all-project-section .each-project .details-text p span{margin-right: 20px;width: 20%;}
.all-project-section .each-project{    margin-bottom: 20px;max-width: 50%;}
.project-upload-popup .modal-content { padding: 24px 25px;overflow-y: scroll; max-height: 100vh; }
.projectGallery-middle-sec .project-upload-popup .project-upload-content h3 {font-size: 23px; line-height: 29px;    margin-bottom: 30px;}
.project-upload-popup .btn-close{width: 20px; height: 20px;background-size: 15px;right: 11px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content h4 {font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content input {font-size: 14px;line-height: 21px;padding: 3px 0;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields{display: block;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields label{font-size: 14px; line-height: 20px;margin-bottom: 8px;}
.project-upload-popup .note{font-size: 12px; line-height: 19px;    padding-right: 10px;}
.project-upload-popup .btn-sec .submit-btn {padding: 10px 35px;}
.project-upload-popup .modal-dialog{width: 90%;}
.view-delete-download .download{padding-right: 4px;}

.project-upload-popup.thankYou-popup .modal-content { padding: 40px 20px; }
.project-upload-popup.thankYou-popup .thank-you-content h3{font-size: 22px; line-height: 32px;}
.project-upload-popup.thankYou-popup .thank-you-content p{font-size: 14px; line-height: 21px;}
.project-upload-popup.thankYou-popup .btn-close{background-size: 13px;}

/*------------------------ Marketing Literature Page -----------------------*/
.marketing-literature-middle-sec h3{font-size: 14px; line-height: 16px;}
.dashbord-middle-sec.marketing-literature-middle-sec .all-item-outer-sec .each-item-box{width: 100%;}
.dashbord-middle-sec.marketing-literature-middle-sec{padding: 20px;}
.marketing-literature-middle-sec .new-features-sec{padding: 0 12px; margin-top: 20px;}

/*------------------------ Warranty Support Page -----------------------*/
.dashbord-middle-sec.warranty-support-middle-sec{    padding: 20px;}
.warranty-support-middle-sec h3{font-size: 14px; line-height: 16px; margin-bottom: 20px;}

/*------------------------ Product Video Page -----------------------*/
.categarory-search-sec .dropdown-select-field select{background-position-y: 15px; background-size: 9px;font-size: 14px; line-height: 19px;width: 60%;padding: 8px 15px;}
.categarory-search-sec .search-field-box .search-field{padding: 8px 13px; width: 200px;}
.categarory-search-sec .search-field-box .search-field input::placeholder{font-size: 14px;}
.productVideo-middle-sec .each-product-video .inner-sec iframe{height: 200px;}
.video-details p {font-size: 14px; line-height: 20px;}
.video-details { margin: 15px 0 0 0; }
.productVideo-middle-sec .each-product-video{display: block;margin-bottom: 20px;}
.productVideo-middle-sec{padding: 20px 20px 0 20px;margin-bottom: 20px;}
.categarory-search-sec .dropdown-select-field label {font-size: 14px; line-height: 20px;margin-right: 15px;}
.productVideo-middle-sec #category_logo{padding: 0 12px;}
.categarory-search-sec .dropdown-select-field {width: 100%;}
.categarory-search-sec{display: block;}
.all-video-section h2{font-size: 16px;line-height: 23px;margin-bottom: 7px;padding-bottom: 0;}
.productVideo-middle-sec .all-video-section{padding: 5px 10px;margin-top: 0;}
.productVideo-middle-sec .categarory-search-sec .dropdown-select-field{display: block;}
.productVideo-middle-sec .categarory-search-sec .dropdown-select-field label{margin-bottom: 15px;}
.productVideo-middle-sec .categarory-search-sec .search-field-box .search-field{width: 100%}
.productVideo-middle-sec .each-product-video{width: 301px;}

/*------------------------ Product Photo Page -----------------------*/
.productphoto-middle-sec .all-productPhoto-section {padding: 20px 24px;margin-top: 0; }
.productphoto-middle-sec .each-product-photo { margin-bottom: 20px; width: 50%;}
.productphoto-middle-sec .each-product-photo h3 {font-size: 12px; line-height: 17px;padding: 10px 0;}
.productphoto-middle-sec{padding: 20px 20px 0 20px;}
.productphoto-middle-sec .categarory-search-sec .search-field-box .search-field { width: 100%; }
.productphoto-middle-sec #category_logo{margin-bottom: 20px;padding: 0 12px;}
.categarory-search-sec .search-field-box{margin-top: 15px;}
.productphoto-middle-sec .catagory-select-section{margin-bottom: 20px;}
.all-productPhoto-section h2{font-size: 16px;line-height: 28px;margin-bottom: 7px;padding-bottom: 0;}
.productphoto-middle-sec .categarory-search-sec{display: block;}
.productphoto-middle-sec .categarory-search-sec .dropdown-select-field{width: 100%;}

/*------------------------ Technical Resources Page -----------------------*/
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 120px;}
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-all-items { margin-top: 30px; }
/*.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box { width: 50%; }*/
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box p{padding: 0 20px;}

/* ================== FAQ ====== */

.faq-middle-sec { padding: 20px 20px; }
.faq-sec-content .accordion-button{font-size: 16px; line-height: 24px;}
.faq-sec-content {padding: 15px 0;}
.faq-sec-content .accordion-item{    padding: 15px 20px;}
.faq-sec-content .card-body p{font-size: 12px; line-height: 19px;}
.faq-sec-content .card-body { padding: 0 75px 0px 0; }
.faq-sec-content .accordion-button::after{  transform: scale(.8) !important;}

/* ================== Web Print ====== */

.web-print-middle-sec { padding: 20px; }
.web-print-content-sec .content-inner-sec .right-side-image img{width: 200px;}
.web-print-content-sec .content-inner-sec .left-side-content { padding: 20px 20px 20px 20px; }
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p { padding-right: 125px; }
.web-print-content-sec .content-inner-sec .left-side-content ul li{padding: 0 0px 10px 13px;font-size: 15px; line-height: 24px;background-position: 0 10px;}
.web-print-content-sec .left-side-content .login-sec h4{font-size: 16px; line-height: 26px;}
.web-print-content-sec .left-side-content .short-disclaimer { margin-top: 30px; }
.web-print-content-sec .left-side-content .login-sec a{font-size: 14px; line-height: 21px;padding: 8px 20px;}

/* ================== Contact Directory ====== */

.contact-directory-middle-sec{padding: 20px 20px 0px 20px;}

.contact-directory-content-sec .each-dept-contact .heading{font-size: 14px; line-height: 18px;padding: 12px 15px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details {padding: 20px 15px 20px 15px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p { padding-left: 0px; margin-bottom: 30px; }
.contact-directory-content-sec .each-dept-contact h4{font-size: 15px; line-height: 22px;    margin-bottom: 15px;}
.contact-directory-content-sec .each-dept-contact .heading span.extension{    width: 31%;}
.contact-directory-content-sec .each-dept-contact .heading span.dept-name{width: 69%;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p{font-size: 12px; line-height: 16px;margin-bottom: 15px;}
.contact-directory-content-sec .each-dept-contact {margin-bottom: 20px;}

/* ================== comparison 2 page ====== */

.comparison-item-select-middle-sec{padding: 20px;}
.comparison-items-sec .item-check-box{width: 36%;}
.comparison-items-sec .item-details{width: 64%;}
.comparison-items-sec .each-item {font-size: 14px; line-height: 20px;}
.comparison-item-select-middle-sec .comparison-items-sec h4{font-size: 16px; line-height: 20px;margin-bottom: 15px;}
.dashbord-middle-sec.comparison-item-select-middle-sec .dashbord-middle-sec-top p {margin-bottom: 25px;}
.comparison-items-sec .compare-btn {    margin-top: 5px;padding: 8px 20px;font-size: 14px; line-height: 21px;}
.comparison-items-sec .comparison-items-box { margin-bottom: 25px; }

/* ================== Electronoc Price Page ====== */
.electronoc-price-middle-sec{padding: 20px 20px 10px 20px;}
.electronoc-price-middle-sec .top-sec-content ul li{font-size: 13px; line-height: 18px;}
.electronoc-price-middle-sec .top-sec-left-side p, .electronoc-price-middle-sec .top-sec-right-side p{font-size: 13px; line-height: 18px;}
.electronoc-price-middle-sec .top-sec-content p{font-size: 13px; line-height: 18px;}
.electronoc-price-middle-sec h3{font-size: 14px; line-height: 18px;    margin-bottom: 15px;}
.electronoc-price-middle-sec hr{width: 95.7%; margin: 20px auto 30px auto;}
.electronoc-price-middle-sec .top-sec-content { margin-bottom: 15px; }
.electronoc-price-middle-sec h3::before{width: 70px;}
.top-sec-left-side{margin-bottom: 10px;}

/* ================== comparison 1 page ====== */

.dashbord-middle-sec.comparison-first-middle-sec .all-item-outer-sec .each-item-box { width: 50%; }

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{    padding-right: 70px;}

/*------------------------ Product Media Center Page -----------------------*/
.dashbord-middle-sec.product-media-center-middle-sec {padding-bottom: 60px;}
.product-media-center-middle-sec .media-catagories-btn-sec p{font-size: 12px; line-height: 17px;}
.product-media-center-middle-sec .media-catagories-btn-sec { margin-top: 20px; padding-left: 12px; }
.product-media-center-middle-sec .media-catagories-btn-sec a{ font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px; }

/* ================== Profile page ====== */

.profile-page { padding: 20px 20px; }
.profile-page .profile-account-details .profile-image-sec{padding: 0 50px;}
.profile-account-details .profile-image .profile-avtar {width: 90px; height: 90px;}
.profile-page .profile-account-details .profile-image{    width: 150px;}
.profile-page .profile-image-sec h4 { font-weight: 600; font-size: 18px; line-height: 24px;margin-top: 11px; }
.profile-page .profile-account-details .profile-image-edit img { width: 16px; }
.profile-page .profile-account-details .bg-circle {width: 40px;right: 0px; top: 30px}
.profile-page .profile-account-details .bg-circle
.profile-account-details .profile-image h4{font-size: 16px; line-height: 20px; text-align: center; margin-top: 10px; }
.profile-page .account-details{padding-left: 40px;}
.profile-page .account-details .membership-category .crown-logo img {width: 35px;}
.profile-page .account-details .membership-category .text{padding: 12px 0px;width: 250px;font-size: 18px; line-height: 24px;}
.profile-page .account-details .membership-category .crown-logo{    top: -17px;}

.profile-page .account-details .acNo_dealership .account-no{margin-right: 30;}
.profile-page .account-details .acNo_dealership h4 {font-size: 12px; line-height: 16px;    margin-bottom: 8px;}
.profile-page .account-details .acNo_dealership p{font-size: 14px; line-height: 20px;}
.profile-page .profile-account-details{    padding: 35px 12px;}
.profile-page .profile-account-details .profile-image-edit {    right: 20px;}
.profile-page .profile-bio-details{padding: 25px 15px;}
.profile-page .profile-bio-details .form-group .input-field span img { width: 16px; margin-left: 5px;}
.profile-page .profile-bio-details .form-group .input-field input{font-size: 14px;}
.profile-page .profile-bio-details .form-group label {font-size: 14px; line-height: 16px;}
.profile-page .save-btn-sec button {font-size: 14px; line-height: 15px; padding: 12px 0; width: 150px;margin-top: 10px;}
.profile-page .bottom-sec p{font-size: 12px; line-height: 17px;margin-top: 10px;text-align: center;}
.profile-page .bottom-sec span{font-size: 12px; line-height: 17px;text-align: center;}
.profile-page .each-side{padding: 0 12px;}
.profile-page .password-uppdate-sec .password-sec-heading h3 {font-size: 14px; line-height: 19px;    margin-bottom: 15px;}
.profile-page .password-uppdate-sec .save-btn-sec button { width: 185px; margin-top: 10px; }

/* ================== Marketing Sales Aids Page ====== */
.marketing-sales-aids-middle-sec .each-sales-aids {display: block;padding: 20px 20px 20px 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content{width: 100%;display: block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{width: 100%;display: block;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 0px;text-align: center;margin-bottom: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 18px; line-height: 22px; text-align: center;    margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;text-align: center;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;margin-top: 20px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;margin-top: 0px;padding: 6px 18px;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .add-cart-btn{justify-content: flex-end;}

/* ================== Comparisons 3 Page ====== */
.comparison-table tbody td{font-size: 12px; line-height: 15px;padding: 8px 10px;min-width: 255px;max-width: 255px; word-break: break-word;}
.comparison-table tbody tr td:nth-child(1){min-width: 115px; max-width: 115px;   padding: 8px 8px;}
.comparison-table thead th{min-width: 255px;max-width: 255px; font-size: 14px; line-height: 18px;padding: 12px 15px;}
.comparison-table thead th:nth-child(1){min-width: 115px;max-width: 115px;}

/*------------------------ Project Gallery Submission page -----------------------*/

.projectGallery-middle-sec.gallerySubmission-middle-sec { padding: 20px; }
.gallerySubmission-middle-sec .catagory-select-section .left-side { padding-right: 12px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side { padding-left: 12px; }
.catagory-select-section .catagory-radio-field, .catagory-select-section .project-descrip-field{display: block;    margin-bottom: 20px;}
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{    width: auto;}
.catagory-select-section .catagory-radio-field{    display: flex;}
.gallerySubmission-middle-sec .catagory-select-section .catagory-radio-field{margin-bottom: 20px;}
.gallerySubmission-middle-sec .catagory-select-section .right-side .input-field { margin-bottom: 20px; }
.image-upload-sec .image-upload-preview-sec { padding: 30px 25px;}
.projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea{font-size: 18px; line-height: 23px;height: 140px;}
.image-upload-preview-sec .image-upload-sec span {font-size: 14px; line-height: 22px;margin: 0 0 10px 0; display: block;}
.image-upload-preview-sec .image-upload-sec{    margin-bottom: 30px;}
.image-upload-preview-sec .image-sorting-text p{font-size: 14px; line-height: 20px;}
.drag-photo-sec p{font-size: 14px; line-height: 23px;}
.end-disclaimer-submit-sec { margin-top: 25px;}
.end-disclaimer-submit-sec p{font-size: 14px; line-height: 21px;}
.end-disclaimer-submit-sec label{font-size: 14px; line-height: 22px;}
.end-disclaimer-submit-sec input { width: 20px; height: 20px; margin-right: 15px; }
.end-disclaimer-submit-sec .submit-btn{font-size: 14px; line-height: 19px; padding: 13px 15px;margin-top: 20px;}
.image-upload-sec label{width: 145px;font-size: 15px;}

/*------------------------ Dealer List Page -----------------------*/

  .dealer-list-middle-sec .dropdown-select-field{width: 50%;}
  .dealer-list-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 17px; margin: 0 0 10px 0;}
  .dealer-list-middle-sec .dropdown-select-field select{background-position-y: 11px; font-size: 14px; line-height: 17px; padding: 8px 15px; width: 100%;}
  .search-box .search-field{padding: 10px 12px;}
  .search-box .search-field span i { font-size: 16px; }
  .dealer-list-middle-sec .dropdown-select-field{margin-right: 20px; display: block;}
  .dealer-list-table { margin-top: 20px; }
  .dealer-list-table .dealer-list-data th, .dealer-list-table .dealer-list-data td {padding: 10px 15px; font-weight: 600; font-size: 14px; line-height: 20px;vertical-align: middle;}
  .dealer-list-table .dealer-list-data{width: 660px;}
/*  .dealer-list-table .dealer-list-data a{font-size: 12px; line-height: 18px;padding: 6px 11px;}*/

  /*------------------------ Add New Dealer -----------------------*/

  .add-new-dealer-middle-sec .dropdown-select-field select{    background-position-y: 6px;}
  .add-new-dealer-middle-sec .all-radio-fields{    flex-wrap: wrap; margin-bottom: 0px;}
  .add-new-dealer-middle-sec .all-radio-fields h4 {font-size: 14px; line-height: 19px;margin-bottom: 13px;}
  .add-new-dealer-middle-sec .application-form-field textarea { height: 40px; }
  .add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check input {width: 15px; height: 15px;}
  .add-new-dealer-middle-sec .all-radio-fields .each-radio-field { margin-right: 0;width: 100%; }
  .disclaimer-submit-sec .submit-btn { font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px; margin-top: 25px; }
  .table-list .add-btn{    text-align: right;}
  .table-list .add-btn a{padding: 8px 7px;font-size: 12px;}
  .raynor-application-form-middle-sec .link{font-size: 15px;}

  /*************************Media Category Page***********************************/




/*.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 10px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 20px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {padding: 20px 20px;margin: 20px 0 20px 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {padding: 20px 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 37px;height: 45px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {padding-right: 0;width: 50%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {width: 50%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}*/
.meadiacategory-middle-sec .meadiacategory-right-sec {padding: 0;margin: 0;margin-bottom: 15px;width: 100%;height: auto;}
.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 20px;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 10px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 10px;width: 100%;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 20px;width: 50%;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {padding: 20px 20px;margin-bottom: 15px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {padding: 20px 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 37px;height: 45px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {padding-right: 0;width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp{margin-bottom: 15px;padding: 15px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .media-input{display: block;}
.meadiacategory-left-sec .input2{padding-left: 0;}
.meadiacategory-middle-sec .first-sec{margin-left: 0;}
.meadiacategory-middle-sec .all-meadiacategory-section{margin-bottom: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1{width: 100%;}
.meadiacategory-middle-sec .meadiacategory-heading h4{font-size: 19px;line-height: 29px;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec h2{font-size: 20px;padding: 15px 0 0 15px;}
.meadiacategory-middle-sec .meadiacategory-left-sec{padding: 0;}


.logo-box-inner-sec .upload-btn {font-size: 15px;line-height: 19px;padding: 12px 25px;margin-top: 20px;width: auto;}
.project-upload-popup .commercial-pop-up-content {padding: 70px 0 70px 20px;}
.project-upload-popup .project-upload-content .form-group h4 {font-size: 20px;line-height: 21px;}
.project-upload-popup .project-upload-content .form-group {margin-bottom: 25px;}

.modal-content .inner-sec-popup p , .modal-content .inner-sec-popup .details-text .details-line ,.modal-content .inner-sec-popup .details-text .details-line span , .modal-content .inner-sec-popup .details-text p:first-child{font-size: 12px; line-height: 18px;}
.modal-content .inner-sec-popup h3{font-size: 16px; line-height: 25px;margin-top: 8px;}
.dealer-status .approved{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status .reject{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status a img{width: 24px;margin: 0}
.dealer-status .text-reject{font-size: 15px!important;padding: 5px 0!important;width: 251px!important;}

.setting-page .first-row{margin-bottom: 20px;}
.setting-page .setting-content{padding: 20px 12px;}
.setting-page .each-box{margin-bottom: 20px;display: block;padding: 15px;}
.setting-page .setting-content h2{padding-bottom: 20px;}
.inner-image-sec{display: flex;justify-content: center;padding-bottom: 10px;}
.setting-page .inner-box label{width: 196px;padding: 10px 20px;margin-left: 0;}
.setting-page .inner-box{text-align: center;}
.setting-page .preview-image{height: unset;padding-bottom: 15px;}

.raynor-application-form-middle-sec .dealer-profile label .dealer-profile .profile-avtar { width: 242px;}
.raynor-application-form-middle-sec .dealer-profile label { width: 359px;margin: 0 auto;}

.catagory-select-section .select2{    width: 100% !important;padding: 6px 15px;}
.catagory-select-section .option-select-sec{    margin-top: 15px;}
.catagory-select-section .option-select-sec .each-option { margin-bottom: 15px; }

/*---------------------RaynorGram page--------------------*/

.raynorgram-input-section{padding: 0px 0 20px 0; width: 100%; display: inline-flex;}
.raynorgram-input-section .search-input{padding: 7px 8px; margin-bottom: 10px;}
.raynorgram-input-section .search-button button{padding: 6px 16px;}
.appearance-none{padding: 7px 8px;}
.select-input {margin-bottom: 10px;display: flex;justify-content: center;}
.all-raynorgram-section{padding:0px 0px; max-height: 300px;}
.all-raynorgram-section::-webkit-scrollbar {width: 8px;}
.raynorgram-contant article{padding: 20px 10px; margin: 10px 10px 0 10px;padding-top: 0;padding-right: 0;}
.heading_1 h5{font-weight:600; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.heading_1 p{font-size: 13px; line-height: 20px; font-weight: 400; margin-bottom: 20px;}
.raynorgram-contant article .pra{font-size: 12px; line-height: 21px;} 
.heading_2{text-align: right; width: 100%;}
.heading_1{width: 100%;padding-top: 0;}
.heading_2 p{font-size: 12px; line-height: 21px; font-weight: 400; margin-bottom: 10px;}
.download_sec{margin-bottom: 10px; font-size: 12px;}
.heading_2 .download_sec span{padding: 2px 0;font-size: 16px;width: 104px;}
.heading_2 .download_sec span a{padding: 6px; margin-left: 5px; }
.raynorgram-select-section .select2{padding: 6px 8px; width:100% !important;}

.raynorgram-input-sec{width: 50%;}
.raynorgram-select-section{width: 30%;}
.raynorgram-button-section{width: 20%;}
.all-raynorgram-section .colum-reverse{display: flex;flex-direction: column-reverse;}
.heading_2 .edit-delete img{width: 35px;}
.heading_2 .download_sec{padding-top: 1px;}
.heading_2 .download_sec .toggle:not(:checked)+label, .toggle1:not(:checked)+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle:checked+label, .toggle1:checked+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle_check{padding-right: 0;margin-right: 13px;padding-left: 0;}
.heading_2 .toggle + label::before, .toggle1 + label::before{height: 14px!important;width: 14px!important;}
.heading_2 .toggle+label, .toggle1+label{height: 24px;width: 48px;}
.heading_2 .toggle_check p{padding-top: 4px;text-align: center;}
.heading_2 .toggle:not(:checked)+label:before, .toggle1:not(:checked)+label:before{left: 6px;}
.heading_2 .toggle+label::before, .toggle1+label::before{top: 3px;}
.heading_2 .toggle:checked+label::before, .toggle1:checked+label::before{left: 26px;}


.sider-bar-accordion .accordion-item.selected .accordion-header a::before , .sider-bar-accordion .accordion-item.selected .accordion-header a::after{display: none !important;}
.main-dasbord-header{border-top-left-radius: 0;}
.sider-bar-accordion .accordion-item.selected { background: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; }



.user-login-mobile{width: 40px; display: block;}
.main-deskop-popup .deskop-popup{width: auto; height: auto;padding: 20px 20px;top: 50px; right: 15px;}
.manage-logout .manage-logout-profile , .manage-logout .manage-logout-logout{    width: 100%;}
.manage-logout{border-radius: 15px;}
.manage-logout .manage-logout-profile{border-bottom: 1px solid #E9EEF6;border-right: 0;}
.sider-bar-accordion .accordion-item.selected { background: #fff; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a span{width: 100%;}
.sider-bar-accordion .accordion-item:hover{border-radius: 0 !important;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 120px; font-size: 13px;border-radius: 5px;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text::after{left: 76%;      border-width: 7px;}

.referral-program-middle-sec .dashbord-middle-all-items p{padding-right: 0;font-size: 16px; line-height: 22px;padding: 0 10px 0 0; text-align: left;}
.referral-program-middle-sec .dashbord-middle-all-items h3 { text-align: left;font-size: 25px; line-height: 42px;}
.referral-program-form form label { font-size: 16px; line-height: 22px;}
.referral-program-form form input.form-control{padding: 6px 0;    margin-bottom: 18px;}
.referral-program-form form .form-input-radio-sec { display: block;}
.referral-program-form form .form-input-radio-sec span{margin: 0;}
.referral-program-form form .form-input-radio-sec span { display: inline-flex; align-items: center; margin: 0; }
.referral-program-form form .form-input-radio-sec span.first{margin-right: 40px; margin-top: 18px;}
.dashbord-middle-sec.referral-program-middle-sec { padding-left: 20px; }


/* Sneha ( 07/11/2024 ) */
.strategy-meetings-list-middle-sec .seo-list .col-6{width: 100%; display: flex; justify-content: space-between;}
.strategy-meetings-list-middle-sec.dashbord-middle-sec { padding-left: 12px; }
.strategy-meetings-list-middle-sec .seo-list .col-6 .col-auto.search-btn{padding: 0 0 0 0;}
.strategy-meetings-list-middle-sec .first-row-sec{width: 100%; margin: 0;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row{width: 90%; padding-right: 0; justify-content: start;        padding: 0;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row .col-auto{padding-left: 0; padding-right: 0;}
.strategy-meetings-list-middle-sec .strategy-meetings-input{width: 180px;    margin-right: 10px;}
.strategy-meetings-list-middle-sec .seo-list .search-btn button { padding: 10px 19px;  margin-top: 0;}
.strategy-meetings-list-middle-sec .first-row-sec .seo-list .col-6.row-reverse{width: 10%; padding: 0;    justify-content: end;}
.strategy-meetings-list-middle-sec .seo-list .form-control{width: 100%;}
.dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list .plus-icon a img{max-width: 100%; height: auto;    width: 30px;}
.past-strategymeetings .card-body { padding: 25px 20px 85px;}
.dashbord-middle-sec.strategy-meetings-list-middle-sec .seo-list .row.align-items-center{justify-content: space-between; padding: 0 0 0 12px;}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo { width: 40px; height: 40px;}
.past-strategymeetings .card-body .col-10.meetings{    width: 100%;}
.past-strategymeetings .card-body .edit-meeting{bottom: 0; top: auto;}
.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo.email { border-radius: 0px 0 6px 0px; }

.meetings .user-meeting-action { top: auto;  bottom: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.meetings .view-user-meeting { text-align: center;  line-height: 35px; font-size: 15px !important; width: 45%; margin-right: 0; margin-left: 10px; margin-bottom: 20px; }
.view-user-meeting a button { width: 100%; height: 100%;     padding: 2px 0px 2px 14px;  font-size: 12px !important;         line-height: 31px;}
.meetings .share-user-meeting { font-weight: 700; padding: 13px 5px; width: 45%; margin-left: 0; margin-right: 10px; margin-bottom: 20px; }
.meetings .share-user-meeting .btn.btn-light { font-size: 11px !important;padding: 0;  display: block; border: 0; }
.user-meeting-action .share-user-meeting .btn.btn-light .img-fluid.white_logo.email { padding-left: 5px; width: 24px; }

.past-strategymeetings .card-body .description{max-width: 100%;}
}




@media (min-width: 768px) and (max-width: 991.98px){
    .welcome-text input.meeting-create{font-size: 30px;}
  .meeting-summary-content .upload-icon i{font-size: 50px;}
  .strategy-meetings-create-middle-sec .meeting-right-side-content h1{font-size: 30px; line-height: 40px;}
  .keyword-ranking-popup .main-deskop-popup .key-item-popup{width: 670px;}
  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
  .login-dashbord-sec .login-details .login-form p{font-size: 21px; line-height: 29px;margin: 0 0 30px;}
  .user-profile-dropdown .dropdown-menu li a{color: #ffffff!important;}
  .siderbar-footer .social-media-sec{margin-top: 20px;}
  .dasbord-footer-sec .dasbord-footer-content .center-side{padding-top: 40px;}
    /*---------- New Register Page ---------------- */
  
  .new-register-page{padding: 20px 40px !important;background-position: unset;}
  .new-register-page h1{font-size: 28px!important;line-height: 34px!important;padding-bottom: 22px;}
  .new-register-page .dashbord-heading-content p{font-size: 15px!important;line-height: 24px!important;padding-bottom: 18px!important;}
  .register-content{padding: 30px 40px!important;}
  .register-content p{font-size: 15px !important;line-height: 22px !important;padding-bottom: 20px!important;}
  .register-content .dealer-profile label{font-size: 12px!important;padding: 6px 15px;}
  .register-content .each-radio-field{margin-right: 0!important;}
  .register-content .all-radio-fields.security-level-field .each-radio-field .form-check{margin-right: 0!important;}
  .register-content .form-check input{margin-right: 6px!important;margin-left: 10px;}
  .register-content .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;line-height: 18px;}
    /* ----------------------- shipping-information ---------------------- */

  .application-form-content {padding-top: 30px;}
  .application-form-content form {margin-top: 25px;}
  .dealership {margin: 15px 0 0 0;}
  .dealership label {font-size: 23px;line-height: 30px;}
  .dealership input{padding-left: 0;}
  .shipping-info-heading {font-size: 23px;line-height: 30px;}
  .shipping-info-submit-sec .submit-btn {font-size: 15px;line-height: 22px;padding: 12px 46px;margin-top: 15px;}

/*------------------------ your cart------------------------ */

  .your-cart-aids-middle-sec .each-sales-aids .price span {font-size: 22px;line-height: 28px;}
  .your-cart-aids-middle-sec .right-side-btn .price{width: auto; margin: 15px 0 5px 0;}
  .your-cart-aids-middle-sec .plus-minus-btn {float: right;margin: 0px 30px 0 0px;}
  .your-cart-aids-middle-sec .square-box h3 {font-size: 20px;line-height: 25px;}
  .your-cart-aids-middle-sec .square-box .box-price {font-size: 20px;line-height: 25px;}
  .box-btn .proceed-checkout {font-size: 16px;}
  .continue-shopping{font-size: 16px;}
  .your-cart-aids-middle-sec .square-box {padding: 40px 40px;}
  .your-cart-aids-middle-sec .all-sales-aids-right{padding-left: 12px; margin: 20px auto 0 auto;}
  .your-cart-aids-middle-sec .all-sales-aids-left .right-side-btn .delet-btn{width: 35px;height: 35px;}
  .your-cart-aids-middle-sec .each-sales-aids .price {font-size: 18px;line-height: 27px;}
  .box-btn .proceed-checkout {margin: 19px 0 15px 0px;}

  /* ================== Marketing Sales Aids Page ====== */

.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content {    width: 70%;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure img{width: 100px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 15px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 16px; line-height: 18px; margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 15px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;    padding: 6px 16px; margin: 10px 0px 0 0;}
.marketing-sales-aids-middle-sec{    padding: 30px 30px;}
.marketing-sales-aids-middle-sec .each-sales-aids{padding: 15px 15px 15px 15px;}
.marketing-sales-aids-middle-sec .right-side-btn .price {width: auto; padding: 6px 30px; margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .plus-minus-btn{margin: 5px 0;justify-content: flex-end;}
.plus-minus-btn span {font-size: 13px}
.marketing-sales-aids-middle-sec .qty-btn{display: block;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{    width: 30%;}
.marketing-sales-aids-middle-sec .qty-btn span.qty {font-size: 14px;    margin-right: 10px;}
.marketing-sales-aids-middle-sec .qty-number {    font-size: 16px;}


/*------------------------ checkouot---------------- */
  .checkout-middle-sec .checkout-col .square-box .shipping-cost-txt{margin: 0 64px 0 0;}
 .checkout-radio-col .form-group .form-check input{flex: unset;}
 .checkout-radio-col .form-group .form-check{justify-content: start;display: flex;}
 .checkout-address-sec .checkout-shipping-info {padding: 0px 0 0 0px; margin: 0 0 0 40px;}
 .checkout-middle-sec .checkout-address-sec {padding-top: 25px;}
 .checkout-address-sec .complete-order-btn{font-size: 18px;line-height: 28px;padding: 12px 32px;margin: 30px 0 0 10px;}

 .checkout-middle-sec .checkout-col{margin: 0 0 0 0;}
 .checkout-middle-sec .checkout-col .square-box h3{font-size: 20px;line-height: 25px;}
 .checkout-col .dollar-price{font-size: 20px;line-height: 25px;}
 .checkout-radio-col .form-group label {font-size: 17px;line-height: 25px;}
 .checkout-radio-col .form-group input{width: 16px;}
  /*------------------------ Product Details application form -----------------------*/

.product-details-application-form .application-form-field .form-group input, .product-details-application-form .application-form-field .form-group textarea, .product-details-application-form .application-form-field .form-group select{font-size: 14px; line-height: 18px; padding: 6px 0;}
.product-details-application-form .application-form-field .form-group label, .product-details-application-form .application-form-field .radio-field label, .product-details-application-form .select-2-multivalue-field label, .product-details-application-form .select-2-normal-dropdown label, .product-details-application-form .other-sec label{ font-size: 14px; line-height: 21px; margin-bottom: 3px; } 
.product-details-application-form { padding: 25px 30px;}
.product-details-application-form .application-form-field { margin-bottom: 25px; }
.product-details-application-form p.note-text { font-size: 20px; line-height: 33px;}
.product-details-application-form .application-form-field .radio-field .form-check input{width: 15px; height: 15px;margin-right: 8px;}
.product-details-application-form .application-form-field .radio-field{margin-right: 0px;}
.product-details-application-form .select2-container--default .select2-selection--multiple .select2-selection__choice { font-size: 11px; line-height: 16px; padding: 5px 10px 5px 12px; margin: 5px; }
.product-details-application-form .drop-down-arrow { position: absolute; right: 27px; top: 49%; }
.product-details-application-form .other-sec .select-2-multivalue-field{width: 60%;}
.product-details-application-form .sub-heading h3{font-size: 22px; line-height: 34px;    margin-bottom: 30px;}
  .dealer-list-table .dealer-list-data .table-btn1 img{width: 24px;}
  .dealer-list-table .dealer-list-data .delete{margin-left: 7px;}
  .commercial-middle-sec .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 344px));}
  .raynor-dealer-programs .program-qualification-content h4{font-size: 16px;line-height: 31px;padding: 25px 0 20px 20px;}
  .raynor-dealer-programs .program-benefits-content h4{font-size: 18px;line-height: 31px;padding: 15px 0 20px 0;padding-left: 15px;}
  .raynor-dealer-programs .program-benefits{padding-bottom: 30px;}
  .raynor-dealer-programs .program-benefits-content p{font-size: 16px;line-height: 25px;padding: 0 5px;}
  .raynor-dealer-programs .program-benefits .please-note{padding: 0 10px;}
  .raynor-dealer-programs .program-benefits-content .program-left{padding: 0 0 20px 0;}
  .raynor-dealer-programs .program-benefits-content .program-right{padding: 0 8px 20px 0;}
  .raynor-dealer-programs .all-logo-images{grid-template-columns: repeat(auto-fill, minmax(150px, 293px));}
/*  .project-gallery-popup .modal-dialog{max-width: 648px;min-height: -webkit-fill-available;}*/
  .project-gallery-popup .modal-dialog{width:95%;margin: 0 auto;min-height: -webkit-fill-available;}
  .project-gallery-popup .popup-text{padding: 30px 20px 0 12px;}
  .project-gallery-popup .modal-content .inner-sec-popup span{font-size: 17px;line-height: 18px;}
  .project-gallery-popup .posted-by{padding-bottom: 0;}
  .project-gallery-popup .modal-content .inner-sec-popup .details-text #description1{font-size: 13px;line-height: 18px;padding-bottom: 16px;}
  .project-gallery-popup .button-close{right: -49px;}

    /*------------------------ Log in page -----------------------*/
    .login-dashbord-sec .left-side-content{padding: 30px 25px; height: auto;text-align: center;background-image: unset;}
    .login-dashbord-sec .left-side-content h2{font-size: 32px; line-height: 48px;}
    .login-dashbord-sec .left-side-content h3{font-size: 28px; line-height: 37px; padding: 0 20px;    margin-bottom: 20px;}
    .login-dashbord-sec .left-side-content p{font-size: 18px; line-height: 27px;    padding: 0 70px;}
/*    .login-dashbord-sec .login-details{padding: 30px 100px;height: auto;}*/
    .form-group { margin-bottom: 20px; }
    .btn-sec button.login-btn{font-size: 17px;}
    .login-dashbord-sec .login-details p{font-size: 17px; line-height: 29px;margin: 3px 0 35px 0;}
    .login-form .form-group label{font-size: 18px; line-height: 27px;}
    .btn-sec button {margin-bottom: 30px;}
    /* .or-divider span{left: 40%;} */
    .new-dealer-registration h3{font-size: 20px; line-height: 25px;    margin: 30px 0 10px 0;}
    .login-logo img{    width: 55%;}   
/*.login-logo.desktop{display: none;}*/
.login-logo.mobile{display: block;margin-bottom: 35px;}
.login-dashbord-sec .left-side-content h2::before{    margin: 0 auto 10px auto;}
.form-group input::placeholder, .form-group textarea::placeholder{ font-size: 15px; line-height: 22px;}

    /*------------------------ Register page -----------------------*/
    .register-dashbord-sec .left-side-content{ padding: 30px 70px; height: auto; text-align: center;}
    .register-image{display: none;}
    .register-dashbord-sec .left-side-content h2{font-size: 32px; line-height: 48px; margin-bottom: 15px;}
    .register-dashbord-sec .left-side-content h2::before{width: 160px; margin: 0 auto 10px auto;}
    .register-dashbord-sec .left-side-content p{font-size: 18px; line-height: 27px; margin-bottom: 0px;}
    .register-dashbord-sec .register-details{padding: 30px 50px; height: auto;}
    .register-dashbord-sec .register-details .note{font-size: 16px; line-height: 24px;margin-bottom: 10px;}
    .register-details .register-form .form_field { padding-right: 12px; }
    .register-dashbord-sec .register-details .register-form .input-field label{margin-right: 25px; width: 30%; font-size: 16px; line-height: 22px;}
    .form-group input, .form-group textarea, .form-group select{padding: 12px 20px;font-size: 15px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p{font-size: 14px; line-height: 21px;    margin-bottom: 20px;}
    .register-dashbord-sec .register-details .register-form .declaration-note p:first-child{font-size: 16px; line-height: 23px; padding-right: 40px;}
    .register-dashbord-sec .register-details .register-form .declaration-note { margin-top: 10px; }
    .register-details .register-form .input-field p span{font-size: 14px; line-height: 21px;margin-top: 4px;}
    .register-details .register-form .terms-condition-note p{font-size: 14px; line-height: 21px;}
    .terms-condition-checkbox label {font-size: 14px; line-height: 21px;}
    .terms-condition-checkbox{margin-top: 15px;}
    .register-details .register-form .btn-sec button{line-height: 22px;}
    .dropdown-select-field select {background-position-y: 19px; background-size: 11px;}

    /*------------------------  Forgot Password page -----------------------*/
    .forget-logo img{width: 40%;}
    .forget-logo{margin-bottom: 30px;}
    .login-dashbord-sec.forget-password-sec .login-details { padding: 100px 100px 50px 100px; }
    .forget-password-sec .login-details h2{font-size: 32px; line-height: 48px;}
    .forget-password-sec .login-details p{font-size: 16px; line-height: 24px; margin: 30px 0 24px 0;}
    .forget-password-sec .login-form { padding: 0 15px; }
    .forget-password-sec .heading-content p { padding: 0 20px; }
    .forget-password-sec .login-form .form-group label {font-size: 18px; line-height: 27px;}
    .forget-password-sec .login-form .form-group p{font-size: 14px;}
    .forget-password-sec .login-details .forget-email-note p { font-size: 16px; line-height: 24px; padding: 0 20px; margin: 25px 0 40px 0;}
    .forget-email-note .back-login{font-size: 20px; line-height: 30px;}
    .login-dashbord-sec.forget-password-sec .left-side-content{padding: 40px 25px 0 25px;}
    .forget-password-sec .forget-left-image{width: 56%; margin: 0 auto -60px auto; position: relative;}




      /*------------------------ Dealer Dashbord -----------------------*/
      .main-dasbord-mobile-header{display: none;}
      .main-dasbord-desktop-header{display: none;}
      .main-dasbord-mobile-header.main-dasbord-ipad-header{display: block;}
      .main-dasbord-header{margin-top: 0px;}
      .mobilesidenav {height: 100%;width: 0;position: fixed; z-index: 1; top: 0; left: 0; background-color: #0000003d;overflow-x: hidden; transition: 0.5s;padding: 0;}
      .mobilesidenav .closebtn {position: absolute; top: 14px; right: 10px; font-size: 65px; line-height: 35px; color: #fff; display: inline-block;}
/*      .mobilesidenav article.sidenav-content{width: 280px; height: 100%; background-color: #001C3C; padding-top: 35px; position: relative;display: flex; flex-direction: column;}*/
      .mobilesidenav article.sidenav-content{width: 100%; height: 100%; background-color: #001C3C; padding-top: 65px; position: relative;display: flex; flex-direction: column;}
        /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item{border-top: 2px solid; border-bottom: 2px solid;border-color: #E9E9E9;} */
        /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:last-child{border-bottom: 4px solid #E9E9E9;} */
        /* .main-dasbord-mobile-header .sider-bar-accordion .accordion-item:first-child{border-top: 4px solid #E9E9E9;} */
        .sider-bar-accordion .accordion-item a{ padding: 8px 0 8px 20px !important;}
      .dashbord-middle-all-items{padding: 0;}
      .all-box-middle-sec{padding: 0;}
        .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu{background-color: #002855;padding: 7px 0;}
        .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li a{color: #fff; font-weight: 400;font-size: 14px; line-height: 20px;padding: 5px 10px;}
        .main-dasbord-mobile-header .user-profile-dropdown .dropdown-menu li:first-child{border-bottom: 1px solid #fff;}
        .main-dasbord-mobile-header .header-top-menus ul li a{font-weight: 500; font-size: 12px; line-height: 21px; color: #000000;}
        .main-dasbord-mobile-header .header-top-menus ul li .v-separator { height: 16px; width: 1px; background-color: #000; opacity: 0.5; margin: 0 10px; display: inline-block;     vertical-align: middle;}
        .main-dasbord-mobile-header .header-top-menus ul li a:hover {color: #13498E !important;}
        .sider-bar-accordion .accordion-item {padding: 6px 12px 6px 0px;}
        /* .main-dasbord-mobile-header .header-top-menus ul li a::after { content: ''; width: 0px; height: 1px; background-color: #13498E; display: block; margin: 3px auto 0 auto; }
        .main-dasbord-mobile-header .header-top-menus ul li a:hover:after{width: 30px;} */
        .main-dasbord-mobile-header .user-profile-dropdown button{padding: 0;display: inline-block;}
      .user-profile-dropdown button span img{width: 35px; height: 35px; border-radius: 50%;margin-left: 30px;}
      .main-dasbord-mobile-header .header-top-section{display: flex; align-items: center; justify-content: space-between;padding: 7px 30px 7px 0;background-color: #001c3c;}
      .main-dasbord-mobile-header .header-top-section .left-logo-sec{display: flex; align-items: center;}
      .main-dasbord-mobile-header{padding: 0;}
      .left-logo-sec a{display: inline-block;}
      .left-logo-sec a img{width: 70%;}
      .left-logo-sec span{width: 25px; text-align: center; display: inline-block; background-color: #002855; margin-right: 15px;}
      .left-logo-sec span i{color: #fff; font-size: 16px; line-height: 34px;}
      .main-dasbord .dashbord-side-bar{display: none;}
      .main-dasbord main{margin: 0;}
      /* .dasbord-heading-right{display: none;} */
      .header-logo, .dashbord-top-menu-sec{width: auto;}
      .main-dasbord-ipad-header .right-menu-profile-sec{display: flex; align-items: center;}
      .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner h6 {color: #484848 !important;}

      .dashbord-middle-sec.strategy-meetings-view-middle-sec {
          padding: 0px 26px 26px 26px;
      }
       .dashbord-middle-sec.strategy-meetings-create-middle-sec {
          padding: 0px 26px 26px 26px;
      }
      .sidebar-form .key-action-items .key-action-header{padding-top: 15px;}
      .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-left-side-content{    
        padding-right: 0;
         border-right: 0;
          padding-left: 0;}
          .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
      .referral-program-form{margin-top: 30px;}
      .dasbord-heading-sec{padding: 20px 30px;    background-position: right;min-height: unset;}
      .dasbord-heading-sec h1{font-size: 22px; line-height: 33px;margin-bottom: 7px;}
      .dashbord-heading-content { padding-bottom: 0px; }
      .dasbord-heading-sec h1::before {width: 120px;}
      .marketing-literature-middle-sec h2{font-size: 22px; line-height: 33px;margin-bottom: 7px;}
      .marketing-literature-middle-sec h2::before{width: 120px;}
      .dasbord-heading-sec .dashbord-heading-content p{font-size: 15px; line-height: 24px;}
      .dashbord-middle-sec{    padding: 30px 20px;}

      .dashbord-middle-sec .all-item-outer-sec .each-item-box{padding: 0 0; margin-bottom: 20px;min-height: unset;width: 33.33%;}
      .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px; margin: 0 10px;}
      .dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
      .dashbord-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 20px; line-height: 24px; margin: 5px 0;}
       


      .all-box-middle-sec .all-item-outer-sec .each-item-box{padding: 0 0; margin-bottom: 20px;min-height: unset;width: 33.33%;}
      .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{padding: 20px; margin: 0 10px;}
      .all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner figure img{width: 35px;}
      .all-box-middle-sec .all-item-outer-sec .each-item-box h3{font-size: 16px; line-height: 24px; margin: 5px 0;}

      .dasbord-heading-sec .dasbord-heading-right ul li {font-size: 12px; line-height: 18px;    margin-bottom: 0px;}
      .dashbord-middle-sec .dashbord-middle-sec-top p {font-size: 14px; line-height: 21px;margin-bottom: 20px;padding-right: 20px;}
      .dasbord-footer-sec{padding: 16px 30px;}
/*      .dasbord-footer-sec .dasbord-footer-content article{display: block;}*/
.dasbord-footer-sec .dasbord-footer-content article{flex-wrap: wrap;}
      .dasbord-footer-sec .dasbord-footer-content h4 {font-size: 14px; line-height: 21px;font-weight: 500;}
      .dasbord-footer-sec .dasbord-footer-content h4::after{width: 85px;    margin: 6px 0 10px 0;}
      .dasbord-footer-sec .dasbord-footer-content p{font-size: 12px; line-height: 18px;}
      .dasbord-footer-sec .dasbord-footer-content ul li{font-size: 12px; line-height: 18px;}
      .dasbord-footer-sec .dasbord-footer-content ul li span img { width: 10px; }
      .dasbord-footer-sec .dasbord-footer-content ul li span:first-child{flex-shrink: 0;    margin-right: 5px;}
      .dasbord-footer-sec .dasbord-footer-content .person-detail-sec{margin-bottom: 20px;}
      .dasbord-footer-sec .dasbord-footer-content .person-details:first-child::after {height: 40px;margin: 0px 40px 0px 40px;}
      .dasbord-footer-sec .dasbord-footer-content .right-side ul li span br{display: none;}
      /* .dashbord-middle-sec .all-item-outer-sec{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 242px));} */
      .your_role_btns h4, .for_employee h4{padding-bottom: 8px;}
      .your_role_btns .form-check-owner{padding-left: 0;}


      /*View Page Description*/

      .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h1 {
        font-size: 28px !important;
        line-height: 38px !important;   
      }

      .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h2 {
        font-size: 24px !important;
        line-height: 34px !important;
      }

      .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h3 {
        font-size: 20px !important;
        line-height: 30px !important;
      }

      .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h4 {
        font-size: 16px !important;
        line-height: 26px !important;
      }


          /*------------------------ Raynor-Academy-dashbord -----------------------*/
      .academy-image { margin-left: 35px; width: 15%; }
      .raynor-academy-dashbord-middle-sec { padding: 25px 20px;}
      .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box{padding: 15px 0 15px 15px;}
      .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon img { width: 40px; }
      .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing .quesion-sec-icon { top: -5px;left: 2px; }
      .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing h3{font-size: 16px; line-height: 21px;    margin-left: 20px;}
      .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box .headiing{margin-bottom: 10px;}
      .raynor-academy-dashbord-middle-sec .each-quesion-box .inner-quesion-box p { padding-right: 10px;color: #000000;font-size: 12px; line-height: 18px; }
      .raynor-academy-dashbord-middle-sec .each-quesion-box{padding: 0 10px;}
      .raynor-academy-sales-sec { margin-top: 30px; }
      .raynor-academy-sales-sec .each-raynor-box .inner-raynor-box h3{font-size: 20px; line-height: 24px;padding: 12px 0;}
      .raynor-academy-sales-sec .each-raynor-box .content-sec { padding: 20px 12px 20px 12px;}
      .raynor-academy-sales-sec .each-raynor-box .content-sec figure{margin: 0;}
      .raynor-academy-sales-sec .each-raynor-box .content-sec p{font-size: 12px; line-height: 20px;padding: 0 0px;}
      .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec{margin-bottom: 10px;}
      .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document{padding: 5px 10px 5px 10px; background-color: #ECF0F5; margin-bottom: 10px;}
      .raynor-academy-sales-sec .content-sec1 .each-document{padding: 0 0 0 10px!important;}
      .raynor-academy-sales-sec .each-raynor-box .course-download-sec .each-document h4{font-size: 12px; line-height: 16px; margin-right: 10px;}
      .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child{font-size: 16px; line-height: 18px;}
      .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:first-child::after{width: 70px; margin: 3px 0 6px 0;}
      .raynor-academy-sales-sec .each-raynor-box .course-download-sec .heading-sec span:last-child{font-size: 12px;}
      .course-download-sec .view-download-sec a:first-child { margin-right: 4px; }
      .course-download-sec .view-download-sec{text-align: right;}
/*      .course-download-sec .view-download-sec a{padding: 4px 8px; line-height: 18px;}*/
      .course-download-sec .view-download-sec a img { width: 33px; }
      .tuition-sec .tuition-price-table .seat-price { width: 50%; }
      .tuition-sec .tuition-price-table .seat { width: 24%; }
      .tuition-sec .tuition-price-table .payment { width: 26%; }
      .tuition-sec .tuition-price-table th, .tuition-sec .tuition-price-table td{padding: 8px 8px 8px 0; font-size: 12px; line-height: 16px;}
      .tuition-sec .tuition-price-table{padding-right: 0;}
      .raynor-academy-sales-sec .appply-button a{font-size: 15px;line-height: 23px;padding: 12px 0;width: 230px;margin-top: 25px;}
      .raynor-academy-sales-sec .appply-button .right-btn{margin-left: 0;margin-top: 15px;}
      .raynor-academy-sales-sec .content-sec .tuition-sec { margin-top: 20px; }
      .raynor-academy-sales-sec .raynor-sales-academy{padding-left: 12px;}
      .raynor-academy-sales-sec .raynor-academy{padding-right: 12px;}
      .raynor-academy-sales-sec .content-sec .tuition-sec h4{font-size: 16px; line-height: 18px;}
      .raynor-academy-sales-sec .content-sec .tuition-sec h4::after {width: 70px;    margin: 6px 0 0px 0;}
      .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec p { padding: 0 0px; }
      .raynor-academy-sales-sec .each-raynor-box.raynor-sales-academy .content-sec .tuition-sec p{font-size: 14px; line-height: 22px;    margin-top: 15px;}
      .raynor-academy-sales-sec .each-raynor-box .course-download-sec { margin-top: 20px; }

      /*------------------------ Raynor-Academy-Application-Form -----------------------*/

      .raynor-application-form-middle-sec { padding: 25px 30px;}
      .contact-information-heading h3{font-size: 20px; line-height: 26px;}
      .contact-information-heading p { margin-top: 15px; padding-right: 160px; margin-bottom: 25px; }
      .raynor-application-form-middle-sec p { font-weight: 400; font-size: 14px; line-height: 22px;}
      .raynor-application-form-middle-sec .application-form-field .first-top-border {padding-top: 5px;}
      .raynor-application-form-middle-sec .application-form-field .second-top-border { padding-top: 20px; }
      .raynor-application-form-middle-sec .application-form-field label{font-size: 14px; line-height: 21px;    margin-bottom: 3px;}
      .raynor-application-form-middle-sec .application-form-field .form-group input, .raynor-application-form-middle-sec .application-form-field .form-group textarea, .raynor-application-form-middle-sec .application-form-field .form-group select {font-size: 14px; line-height: 18px;padding: 6px 0;}
      .contact-information-heading.your-contact-information { margin-top: 15px; }
      .student-name-course-registration-sec .course-registration-sec { width: 48%; }
      .student-name-course-registration-sec .student-name-sec { width: 46%;    margin-right: 30px; }
      .student-name-course-registration-sec .student-name-sec, .student-name-course-registration-sec .course-registration-sec{    padding: 30px 20px;}
      .student-name-course-registration-sec h3{font-size: 20px; line-height: 24px;}
      .raynor-application-form-middle-sec .student-name-course-registration-sec p { margin-bottom: 15px; }
      .raynor-application-form-middle-sec .course-registration-sec .dropdown-select-field label{padding-right: 35px;font-size: 16px; line-height: 26px;}
      .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group input, .raynor-application-form-middle-sec .student-name-course-registration-sec.form-group textarea, .raynor-application-form-middle-sec .student-name-course-registration-sec .form-group select {font-size: 14px; line-height: 18px;padding: 6px 0;}
      .raynor-application-form-middle-sec .student-name-course-registration-sec label {font-size: 14px; line-height: 16px; margin-bottom: 4px;}
      .raynor-application-form-middle-sec .thnk-you-content { margin-top: 20px; }
      .student-name-course-registration-sec .enrolling-checkbox label{font-size: 13px;line-height: 13px;}
      .student-name-course-registration-sec .enrolling-checkbox input { width: 20px; height: 20px; margin-right: 15px; }
      .student-name-course-registration-sec .enrolling-checkbox{margin-bottom: 20px;}
      .raynor-application-form-middle-sec .thnk-you-content p { margin-bottom: 15px; }
      .raynor-application-form-middle-sec .document-download .each-document{    padding: 0 0 0 10px;}
      .raynor-application-form-middle-sec .document-download .each-document h4{    margin-right: 8px;font-size: 12px; line-height: 17px;}
      .raynor-application-form-middle-sec .document-download .view-download-sec a img {width: 22px;}
/*      .raynor-application-form-middle-sec .document-download .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
      .raynor-application-form-middle-sec .document-download .view-download-sec a:first-child { margin-right: 4px; }
      .confirmation-submit-sec input { width: 20px; height: 20px; margin-right: 20px; }
      .confirmation-submit-sec label{font-size: 14px; line-height: 20px;}
      .confirmation-submit-sec .submit-btn{line-height: 18px;    padding: 12px 0;margin-top: 25px;}
      .raynor-application-form-middle-sec .thnk-you-content{padding-right: 0px;}
      .manager-sec .upload{margin-bottom: 4px!important;}

          /*------------------------ Residential Sectional Doors page -----------------------*/
.dashbord-middle-sec.residentialSectionalDoors-middle-sec {padding: 30px 30px 10px 30px;}
.residentialSectionalDoors-middle-sec h3{font-size: 14px; line-height: 16px;margin-bottom: 5px;}
.residentialSectionalDoors-middle-sec p {font-size: 12px; line-height: 15px;margin-bottom: 10px;}
.residentialSectionalDoors-middle-sec .left-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec .right-side-details { padding-right: 12px; }
.residentialSectionalDoors-middle-sec h3::before{margin: 0px 0 7px 0;}
.residentialSectionalDoors-middle-sec .each-content-sec { margin-bottom: 20px; }
/*------------------------ Document-view-download-box-sec -----------------------*/
.document-view-download-box h4{margin-right: 8px; font-size: 12px; line-height: 17px;}
/*.document-view-download-box .view-download-sec a{ padding: 4px 8px; line-height: 18px; }*/
.document-view-download-box .view-download-sec a:first-child{ margin-right: 10px; }
.document-view-download-box .view-download-sec img{ width: 32px; }
.document-view-download-box{ padding: 0 0 0 10px; }

/*------------------------ Commercia page -----------------------*/

.dashbord-middle-sec.commercial-middle-sec{padding: 20px 30px;}
/*.commercial-middle-sec .each-logo-box{width: 33.33%; padding: 0 10px; margin-bottom: 20px;}*/
.commercial-middle-sec .video_section_admin .logo-box-inner-sec{padding: 0px;}
.commercial-middle-sec .each-logo-box{padding: 0 10px; margin-bottom: 20px;}
.commercial-middle-sec .logo-box-inner-sec{padding: 0px 20px 0 20px;}
.logo-image-upload-box label{font-size: 13px; line-height: 14px;padding: 12px 25px; margin-top: 20px;width: auto;}
.commercial-middle-sec .each-catagory-logo-sec h4{font-size: 18px; line-height: 20px;    margin-bottom: 15px;padding-left: 10px;}
.commercial-middle-sec .catagory-select-section p{font-weight: 400; font-size: 12px; line-height: 20px; margin-bottom: 20px;}
.commercial-middle-sec .dropdown-select-field{display: block;}
.commercial-middle-sec .dropdown-select-field select{padding: 10px 15px;font-size: 16px; line-height: 18px;background-position-y: 14px;width: 40%;}
.commercial-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 15px;margin: 0 0 15px 0;}
.commercial-middle-sec .catagory-select-section {    margin-bottom: 25px;padding-right: 12px;}
.commercial-middle-sec .each-catagory-logo-sec{padding: 30px 10px 10px 10px; margin-bottom: 20px;}
.commercial-middle-sec .view-download-delete a{font-size: 12px; line-height: 19px;}

/*------------------------ Raynor Architect Page -----------------------*/

.dashbord-middle-sec.raynor-architect-dashbord-middle-sec{padding: 30px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec { padding-right: 12px; }
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec p{font-size: 14px; line-height: 21px;margin-bottom: 12px;}
.raynor-architect-dashbord-middle-sec .left-side-content-sec .top-content-sec { padding-bottom: 15px; }
.raynor-architect-dashbord-middle-sec .app-download-sec{    padding: 20px 15px;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content{width: 48%;}
.raynor-architect-dashbord-middle-sec .app-download-sec .left-side-content h3{font-size: 18px; line-height: 27px;padding-right: 0;}
.raynor-architect-dashbord-middle-sec .app-download figure img.img-fluid { width: auto; height: 75px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download a { display: inline-block; margin-top: 20px; }
.app-download a img.img-fluid { width: 80px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .app-download:first-child { margin-right: 30px; }
.raynor-architect-dashbord-middle-sec .app-download-sec .right-side-download-option-sec{justify-content: flex-start; margin-top: 15px;}
.raynor-architect-dashbord-middle-sec .right-side-image-sec{ text-align: center;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul li{font-size: 14px;line-height: 21px;}
.raynor-architect-dashbord-middle-sec .top-content-sec ul{margin-left: 34px;}


/*------------------------ Project Gallery Page -----------------------*/

.projectGallery-middle-sec{padding: 30px 30px 10px 30px;}
.projectGallery-middle-sec .dropdown-select-field{display: block;}
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{font-size: 14px; line-height: 17px;margin: 0 10px 0px 0;}
.projectGallery-middle-sec .dropdown-select-field select{    background-position-y: 11px;font-size: 14px; line-height: 17px;padding: 8px 15px;width: 50%;}
.projectGallery-middle-sec .catagory-select-section { margin-bottom: 20px; }
.projectGallery-middle-sec .projret-photo-upload-sec h3 {font-size: 16px; line-height: 25px; margin-bottom: 15px; }
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box{width: 330px; padding: 20px 20px 20px 10px;}
.projectGallery-middle-sec .projret-photo-upload-sec .image-upload-box a{font-size: 14px; line-height: 18px; width: auto; margin: 0px 0 0px 15px; padding: 12px 20px;}
.image-upload-box img{width: 60px;}
.projret-photo-upload-sec .upload-content-sec{margin-bottom: 40px;}
.multi-select-dropdown .select2-selection{ background-position-y: 11px; font-size: 16px; line-height: 20px; padding: 10px 12px 0 12px; width: 90%; }
.projectGallery-middle-sec .dropdown-select-field.multi-select-dropdown{width: 100%;}
.multi-select-dropdown .select2-selection .select2-selection__choice{font-size: 14px; line-height: 17px;}
.multi-select-dropdown .select2-selection .select2-selection__choice__remove{margin-right: 10px;font-size: 25px;}
.slider-gallery-sec .carousel-indicators button{width: 8px; height: 8px;margin-right: 4px; margin-left: 4px;}
.slider-gallery-sec .carousel-indicators{margin-bottom: 0;}


.projectGallery-middle-sec .projret-photo-upload-sec .right-content { margin: 0px 0 0 20px; width: 45%; }
.projectGallery-middle-sec .projret-photo-upload-sec .right-content p{font-size: 12px; line-height: 18px;padding-right: 40px;}
.all-project-section .each-project .inner-sec p {font-size: 12px; line-height: 18px;}
.all-project-section .each-project .inner-sec h3{font-size: 18px; line-height: 20px;margin-top: 0;}
.all-project-section .each-project .details-text p{font-size: 12px; line-height: 19px; margin-bottom: 4px;}
.project-details .view-delete-download img{width: 32px!important;}
.all-project-section .each-project .details-text p span{margin-right: 20px;width: 25%;}
.all-project-section .each-project{    margin-bottom: 20px;max-width: 50%;}
.project-upload-popup .modal-content { padding: 24px 25px; }
.projectGallery-middle-sec .project-upload-popup .project-upload-content h3 {font-size: 23px; line-height: 29px;    margin-bottom: 30px;}
.project-upload-popup .btn-close{width: 20px; height: 20px;background-size: 15px;right: 11px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content h4 {font-size: 16px; line-height: 20px;}
.projectGallery-middle-sec .project-upload-popup .project-upload-content input {font-size: 14px;line-height: 21px;padding: 3px 0;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields{display: block;}
.projectGallery-middle-sec .project-upload-popup .category-productPhoto-fields label{font-size: 14px; line-height: 20px;margin-bottom: 8px;}
.project-upload-popup .note{font-size: 12px; line-height: 19px;    padding-right: 10px;}
.project-upload-popup .btn-sec .submit-btn {padding: 10px 35px;}
.project-upload-popup .modal-dialog{width: 90%;}
.view-delete-download .download{padding-right: 4px;}

.project-upload-popup.thankYou-popup .modal-content { padding: 40px 20px; }
.project-upload-popup.thankYou-popup .thank-you-content h3{font-size: 22px; line-height: 32px;}
.project-upload-popup.thankYou-popup .thank-you-content p{font-size: 14px; line-height: 21px;}
.project-upload-popup.thankYou-popup .btn-close{background-size: 13px;}


/*------------------------ Marketing Literature Page -----------------------*/
.marketing-literature-middle-sec h3{font-size: 16px; line-height: 18px;}
.dashbord-middle-sec.marketing-literature-middle-sec .all-item-outer-sec .each-item-box{width: 33.33%;}
.dashbord-middle-sec.marketing-literature-middle-sec{padding: 20px 8px;}
.marketing-literature-middle-sec .new-features-sec{margin-top: 25px;}

/*------------------------ Warranty Support Page -----------------------*/
.dashbord-middle-sec.warranty-support-middle-sec{    padding: 30px;}
.warranty-support-middle-sec h3{font-size: 14px; line-height: 16px; margin-bottom: 20px;}

/*------------------------ Product Video Page -----------------------*/
.productVideo-middle-sec { padding: 30px; }
.categarory-search-sec .dropdown-select-field select{background-position-y: 15px; background-size: 9px;font-size: 14px; line-height: 19px;width: 57%;padding: 8px 15px;}
.all-video-section h2{padding-bottom: 7px;}
.categarory-search-sec .search-field-box .search-field{padding: 12px 13px; width: 250px;}
.categarory-search-sec .search-field-box .search-field input::placeholder{font-size: 14px;}
.productVideo-middle-sec .each-product-video .inner-sec iframe{    height: 190px;}
.video-details p{
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #174580;
}
.video-details {margin: 15px 0 0px 0;}
.productVideo-middle-sec .each-product-video .inner-sec { padding: 15px 10px;}
.categarory-search-sec .dropdown-select-field label {font-size: 14px; line-height: 18px;}
.productVideo-middle-sec .each-product-video{width: 354px;margin-bottom: 10px;}
.productphoto-middle-sec .categarory-search-sec .search-field-box .search-field{width: 100%;}

/*------------------------ Product Photo Page -----------------------*/
.productphoto-middle-sec .each-product-photo { margin-bottom: 15px;width: 346px; }
.productphoto-middle-sec .each-product-photo h3{font-size: 12px; line-height: 17px;padding: 10px 0;}
.productphoto-middle-sec{padding: 30px 30px 10px 30px;}
.productphoto-middle-sec .all-productPhoto-section { margin-top: 0; }
.all-productPhoto-section h2{padding-bottom: 7px;}

/*------------------------ Technical Resources Page -----------------------*/
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-sec-top p{padding-right: 120px;}
.dashbord-middle-sec.technical-resources-middle-sec .dashbord-middle-all-items { margin-top: 30px; }
/*.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box { width: 50%; }*/
.dashbord-middle-sec.technical-resources-middle-sec .all-item-outer-sec .each-item-box p{padding: 0 20px;}

/* ================== FAQ ====== */

.faq-middle-sec { padding: 30px 30px; }
.faq-sec-content .accordion-button{font-size: 16px; line-height: 24px;}
.faq-sec-content {padding: 10px 0;}
.faq-sec-content .accordion-item{    padding: 10px 20px;}
.faq-sec-content .card-body p{font-size: 14px; line-height: 22px;}
.faq-sec-content .card-body { padding: 0 75px 0px 0; }

/* ================== Web Print ====== */

.web-print-middle-sec { padding: 30px; }
.web-print-content-sec .content-inner-sec .right-side-image img{width: 230px;}
.web-print-content-sec .content-inner-sec .left-side-content { padding: 20px 25px 20px 20px; }
.dasbord-heading-sec.web-print-heading-sec .dashbord-heading-content p { padding-right: 175px; }
.web-print-content-sec .content-inner-sec .left-side-content ul li{padding: 0 0px 10px 13px;font-size: 16px; line-height: 24px;background-position: 0px 9px;}
.web-print-content-sec .left-side-content .login-sec h4{font-size: 16px; line-height: 26px;}
.web-print-content-sec .left-side-content .short-disclaimer { margin-top: 40px; }
.web-print-content-sec .left-side-content .login-sec a{font-size: 14px; line-height: 21px;padding: 8px 20px;}

/* ================== Contact Directory ====== */

.contact-directory-middle-sec{padding: 30px 30px 10px 30px;}

.contact-directory-content-sec .each-dept-contact .heading{font-size: 14px; line-height: 18px;padding: 12px 15px;}
.contact-directory-content-sec .each-dept-contact .all-contact-details {padding: 20px 15px 20px 15px;}
.dashbord-middle-sec.contact-directory-middle-sec .dashbord-middle-sec-top p { padding-left: 0px; margin-bottom: 30px; }
.contact-directory-content-sec .each-dept-contact h4{font-size: 15px; line-height: 22px;    margin-bottom: 15px;}
.contact-directory-content-sec .each-dept-contact .heading span.extension{    width: 31%;}
.contact-directory-content-sec .each-dept-contact .heading span.dept-name{width: 69%;}
.contact-directory-content-sec .each-dept-contact .all-contact-details p{font-size: 12px; line-height: 16px;margin-bottom: 15px;}
.contact-directory-content-sec .each-dept-contact {margin-bottom: 20px;}

/* ================== comparison 2 page ====== */

.comparison-item-select-middle-sec{padding: 30px;}
.comparison-items-sec .item-check-box{width: 39%;}
.comparison-items-sec .item-details{width: 72%;}
.comparison-items-sec .each-item {font-size: 14px; line-height: 21px;}
.comparison-item-select-middle-sec .comparison-items-sec h4{font-size: 18px; line-height: 23px;}
.dashbord-middle-sec.comparison-item-select-middle-sec .dashbord-middle-sec-top p {margin-bottom: 25px;}
.comparison-items-sec .compare-btn {    margin-top: 5px;padding: 8px 20px;}
.comparison-items-sec .comparison-items-box { margin-bottom: 25px; }
.comparison-items-sec{width: 100%;}

/* ================== Electronoc Price Page ====== */
.electronoc-price-middle-sec{padding: 30px 30px 20px 30px;}
.electronoc-price-middle-sec .top-sec-content ul li{font-size: 13px; line-height: 18px;}
.electronoc-price-middle-sec .top-sec-left-side p, .electronoc-price-middle-sec .top-sec-right-side p{font-size: 13px; line-height: 18px;}
.electronoc-price-middle-sec .top-sec-content p{font-size: 13px; line-height: 18px;}
.electronoc-price-middle-sec h3{font-size: 14px; line-height: 18px;    margin-bottom: 15px;}
.electronoc-price-middle-sec hr{width: 97.7%; margin: 20px auto 30px auto;}
.electronoc-price-middle-sec .top-sec-content { margin-bottom: 15px; }
.electronoc-price-middle-sec h3::before{width: 70px;}

/* ================== comparison 1 page ====== */

/*.dashbord-middle-sec.comparison-first-middle-sec .all-item-outer-sec .each-item-box { width: 50%; }*/
.dasbord-heading-sec.comparison-first-heading-sec .dashbord-heading-content p{padding-right: 110px;}

/* ================== Raynor Marketing Store page ====== */

.dashbord-middle-sec.technical-resources-middle-sec.raynor-marketing-store-middle-sec .dashbord-middle-sec-top p{    padding-right: 50px;}

/*------------------------ Product Media Center Page -----------------------*/
.dashbord-middle-sec.product-media-center-middle-sec {padding-bottom: 60px;}
.product-media-center-middle-sec .media-catagories-btn-sec { margin-top: 20px;}
.product-media-center-middle-sec .media-catagories-btn-sec p{font-size: 14px; line-height: 22px;}
.product-media-center-middle-sec .media-catagories-btn-sec a{padding: 12px 0; width: 160px; }

/* ================== Profile page ====== */
.profile-page { padding: 30px 30px; }
.profile-page .profile-account-details{    padding: 40px 12px;margin-bottom: 30px;}
.profile-page .profile-account-details .profile-image-sec{padding: 0 40px;}
.profile-page .profile-account-details .profile-image{width: 150px;}
.profile-account-details .profile-image .profile-avtar{width: 95px; height: 95px;}
.profile-page .profile-image-sec h4{font-size: 18px; line-height: 22px;margin-top: 10px;}
.profile-page .account-details { padding-left: 45px;}
.profile-page .account-details .membership-category .text{width: 280px;font-size: 18px; line-height: 21px;padding: 13px 0px;}
.profile-page .account-details .membership-category .crown-logo{    top: -21px;}
.profile-page .account-details .membership-category .crown-logo img{    width: 40px;}
.profile-page .account-details .acNo_dealership p{font-size: 18px; line-height: 24px;}
.profile-page .profile-bio-details { padding: 40px 30px;}
.profile-page .profile-bio-details .form-group .input-field span img{    width: 18px;}
.profile-page .save-btn-sec button{line-height: 18px; padding: 12px 0; width: 150px;}
.profile-page .profile-account-details .profile-image-edit img{width: 18px;}
.profile-page .profile-account-details .profile-image-edit{right: 15px;}
.profile-page .account-details .acNo_dealership h4{font-size: 14px; line-height: 17px;}
.profile-page .bottom-sec p {font-size: 12px; line-height: 18px;}
.profile-page .bottom-sec span {font-size: 12px; line-height: 18px;}
.profile-page .profile-account-details .bg-circle{width: 45px;}
.profile-page .account-details .acNo_dealership .account-no { margin-right: 40px; }
.profile-page .profile-bio-details .form-group label{font-size: 16px; line-height: 18px;margin-bottom: 8px;}
  .profile-page .each-side{padding: 0 15px;}

/* ================== Marketing Sales Aids Page ====== */

.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure img{width: 100px;}
.marketing-sales-aids-middle-sec .each-sales-aids .left-side-content figure{    margin-right: 25px;}
.marketing-sales-aids-middle-sec .each-sales-aids h3{font-size: 16px; line-height: 18px; margin-bottom: 10px;}
.marketing-sales-aids-middle-sec .each-sales-aids p {font-size: 14px; line-height: 21px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 15px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;    padding: 6px 16px;}
.marketing-sales-aids-middle-sec{    padding: 30px 30px;}
.marketing-sales-aids-middle-sec .each-sales-aids{padding: 15px 15px 15px 15px;}
.marketing-sales-aids-middle-sec .each-sales-aids p span {font-size: 16px; line-height: 24px;}
.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn .buy-now-btn{font-size: 14px; line-height: 19px;margin-top: 0px;padding: 6px 18px;}
.marketing-sales-aids-middle-sec .all-sales-aids .each-sales-aids .add-cart-btn{justify-content: flex-end;}
/*.marketing-sales-aids-middle-sec .each-sales-aids .right-side-btn{margin-left: 15px;}*/

/* ================== Comparisons 3 Page ====== */
.comparison-table tbody td{font-size: 13px; line-height: 16px;padding: 10px 12px;min-width: 280px; max-width: 280px;word-break: break-word;}
.comparison-table tbody tr td:nth-child(1){min-width: 140px; max-width: 140px;   padding: 8px 8px;}
.comparison-table thead th{min-width: 280px;max-width: 280px;font-size: 16px; line-height: 21px;padding: 12px 15px;}
.comparison-table thead th:nth-child(1){min-width: 140px;max-width: 140px;}

/*------------------------ Project Gallery Submission page -----------------------*/

.gallerySubmission-middle-sec .catagory-select-section .left-side { padding-right: 12px; }
.gallerySubmission-middle-sec .catagory-select-section .right-side { padding-left: 12px; }
.projectGallery-middle-sec .dropdown-select-field label, .projectGallery-middle-sec .project-descrip-field label, .projectGallery-middle-sec .category-heading{width: 125px;}
.gallerySubmission-middle-sec .catagory-select-section .checkbox-errors{ margin-bottom: 20px; }
.projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea {font-size: 16px; line-height: 22px;}
.projectGallery-middle-sec.gallerySubmission-middle-sec { padding: 30px; }
.image-upload-sec .image-upload-preview-sec { padding: 25px 25px;}
.upload-image-preview-sec .image-sorting-text p {font-size: 14px; line-height: 17px;}
.drag-photo-sec p {font-size: 14px; line-height: 21px;margin-top: 15px;}
.projectGallery-middle-sec.gallerySubmission-middle-sec .project-descrip-field textarea{    padding: 12px 15px;}
.image-upload-preview-sec .image-upload-sec span {font-size: 14px;}
.image-upload-sec label{width: 150px;font-size: 15px}
.end-disclaimer-submit-sec p{font-size: 14px; line-height: 21px;}
.end-disclaimer-submit-sec { margin-top: 30px; }
.end-disclaimer-submit-sec .submit-btn{font-size: 15px; line-height: 20px; padding: 13px 15px;}

/*------------------------ Dealer List Page -----------------------*/

  .dealer-list-middle-sec .dropdown-select-field{width: 50%;}
  .dealer-list-middle-sec .dropdown-select-field label{font-size: 14px; line-height: 17px; margin: 0 0 10px 0;}
  .dealer-list-middle-sec .dropdown-select-field select{background-position-y: 11px; font-size: 14px; line-height: 17px; padding: 8px 15px; width: 100%;}
  .search-box .search-field{padding: 10px 12px;}
  .search-box .search-field span i { font-size: 16px; }
  .dealer-list-middle-sec .dropdown-select-field{margin-right: 20px; display: block;}
  .dealer-list-table { margin-top: 20px; }
  .dealer-list-table .dealer-list-data th, .dealer-list-table .dealer-list-data td {padding: 10px 15px; font-weight: 600; font-size: 14px; line-height: 20px;vertical-align: middle;}
  .dealer-list-middle-sec{padding: 30px;}

  /*------------------------ Add New Dealer -----------------------*/

  .add-new-dealer-middle-sec .dropdown-select-field select{    background-position-y: 6px;}
  .add-new-dealer-middle-sec .all-radio-fields h4 {font-size: 14px; line-height: 19px;margin-bottom: 13px;}
  .add-new-dealer-middle-sec .application-form-field textarea { height: 30px; }
  .add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check input {width: 15px; height: 15px;margin-right: 3px;}
  .disclaimer-submit-sec .submit-btn { font-size: 15px; line-height: 13px; padding: 12px 0; width: 155px; margin-top: 25px; }
  .add-new-dealer-middle-sec .all-radio-fields .each-radio-field{margin-right: 50px;}
  .add-new-dealer-middle-sec .all-radio-fields .each-radio-field .form-check:first-child { margin-right: 30px; }
  .continent-dropdown.dropdown-select-field select {margin-top: 20px;}
/*  .add-new-dealer-middle-sec .all-radio-fields {    margin-bottom: 20px;}*/
  .table-list .add-btn a{padding: 12px 14px;font-size: 14px;}
  .raynor-application-form-middle-sec .link{top: 39%;font-size: 12px;line-height: 14px;}
  .raynor-application-form-middle-sec .upload{padding: 2px 10px;}
  .raynor-application-form-middle-sec .drop-zone{height: 227px;padding: 0;}
  .raynor-application-form-middle-sec .drop-zone__prompt{font-size: 13px;}
  .raynor-application-form-middle-sec .application-form-field .select2{padding: 1px 0;}

  /*************************Media Category Page***********************************/


/*.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 10px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 20px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {padding: 20px 20px;margin: 20px 0 20px 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {padding: 20px 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 37px;height: 45px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {padding-right: 0;width: 50%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {width: 50%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}*/



.meadiacategory-middle-sec .meadiacategory-right-sec {padding: 0;margin: 0;margin-bottom: 15px;width: 100%;height: auto;}
.meadiacategory-middle-sec .meadiacategory-heading {margin-bottom: 20px;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .each-catagory {padding: 10px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .input-group-field {padding-top: 10px;width: 100%;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .button-save {margin-top: 20px;width: 50%;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box {padding: 20px 20px;margin-bottom: 15px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul {padding-right: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 {padding: 20px 20px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 a {width: 37px;height: 45px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input2 .input-field .add-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1 .cancel-icon {width: 18px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box-1 .list_group1 ul li {padding-right: 0;width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .main-box .list_group ul li {width: 100%;margin-bottom: 3px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-2 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-right-sec .box-1 h6 {margin-bottom: 10px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .input-group-field label {padding: 0 0 5px 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp{margin-bottom: 15px;padding: 15px;}
.meadiacategory-middle-sec .meadiacategory-left-sec .media-input{display: block;}
.meadiacategory-left-sec .input2{padding-left: 0;}
.meadiacategory-middle-sec .first-sec{margin-left: 0;}
.meadiacategory-middle-sec .all-meadiacategory-section{margin-bottom: 0;}
.meadiacategory-middle-sec .meadiacategory-left-sec .form-grp .list-1{width: 100%;}
.meadiacategory-middle-sec .meadiacategory-heading h4{font-size: 19px;line-height: 29px;padding: 0;}
.meadiacategory-middle-sec .meadiacategory-right-sec h2{font-size: 20px;padding: 15px 0 0 15px;}
.meadiacategory-middle-sec .meadiacategory-left-sec{padding: 0;}


.logo-box-inner-sec .upload-btn {font-size: 15px;line-height: 19px;padding: 12px 25px;margin-top: 20px;width: auto;}
.project-upload-popup .commercial-pop-up-content {padding: 70px 0 70px 20px;}
.project-upload-popup .project-upload-content .form-group h4 {font-size: 20px;line-height: 21px;}
.project-upload-popup .project-upload-content .form-group {margin-bottom: 25px;}

.modal-content .inner-sec-popup p , .modal-content .inner-sec-popup .details-text .details-line ,.modal-content .inner-sec-popup .details-text .details-line span , .modal-content .inner-sec-popup .details-text p:first-child{font-size: 12px; line-height: 18px;}
.modal-content .inner-sec-popup h3{font-size: 16px; line-height: 25px;margin-top: 8px;}
.dealer-status .approved{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status .reject{font-size: 12px;width: 100px!important;padding: 6px 0!important;}
.dealer-status a img{width: 24px;margin: 0}
.dealer-status .text-reject{font-size: 15px!important;padding: 5px 0!important;width: 251px!important;}

.setting-page .first-row{margin-bottom: 20px;}
.setting-page .setting-content{padding: 20px 12px;}
.setting-page .each-box{margin-bottom: 20px;display: block;padding: 15px;}
.setting-page .setting-content h2{padding-bottom: 20px;}
.inner-image-sec{display: flex;justify-content: center;padding-bottom: 10px;}
.setting-page .inner-box label{width: 196px;padding: 10px 20px;margin-left: 0;}
.setting-page .inner-box{text-align: center;}
.setting-page .preview-image{height: unset;padding-bottom: 15px;}

.raynor-application-form-middle-sec .dealer-profile label .dealer-profile .profile-avtar { width: 242px;}
.raynor-application-form-middle-sec .dealer-profile label { width: 359px;margin: 0 auto;}

.catagory-select-section .select2{    width: 100% !important;padding: 6px 15px;}
.catagory-select-section .option-select-sec{    margin-top: 15px;}
.catagory-select-section .option-select-sec .each-option { margin-bottom: 15px; }

/*---------------------RaynorGram page--------------------*/

.raynorgram-input-section{padding: 0px 0 20px 0; width: 100%; display: inline-flex;}
.raynorgram-input-section .search-input{padding: 7px 8px; margin-bottom: 10px;}
.raynorgram-input-section .search-button button{padding: 6px 16px;}
.appearance-none{padding: 7px 8px;}
.select-input {margin-bottom: 10px;display: flex;justify-content: center;}
.all-raynorgram-section{padding:0px 0px; max-height: 300px;}
.all-raynorgram-section::-webkit-scrollbar {width: 8px;}
.raynorgram-contant article{padding: 20px 10px; margin: 10px 10px 0 10px;padding-top: 0;padding-right: 0;}
.heading_1 h5{font-weight:600; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.heading_1 p{font-size: 13px; line-height: 20px; font-weight: 400; margin-bottom: 20px;}
.raynorgram-contant article .pra{font-size: 12px; line-height: 21px;} 
.heading_2{text-align: right; width: 100%;}
.heading_1{width: 100%;padding-top: 0;}
.heading_2 p{font-size: 12px; line-height: 21px; font-weight: 400; margin-bottom: 10px;}
.download_sec{margin-bottom: 10px; font-size: 12px;}
.heading_2 .download_sec span{padding: 2px 0;font-size: 16px;width: 104px;}
.heading_2 .download_sec span a{padding: 6px; margin-left: 5px; }
.raynorgram-select-section .select2{padding: 6px 8px; width:100% !important;}

.raynorgram-input-sec{width: 50%;}
.raynorgram-select-section{width: 30%;}
.raynorgram-button-section{width: 20%;}
.all-raynorgram-section .colum-reverse{display: flex;flex-direction: column-reverse;}
.heading_2 .edit-delete img{width: 35px;}
.heading_2 .download_sec{padding-top: 1px;}
.heading_2 .download_sec .toggle:not(:checked)+label, .toggle1:not(:checked)+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle:checked+label, .toggle1:checked+label{top: 5px;right: 7px;}
.heading_2 .download_sec .toggle_check{padding-right: 0;margin-right: 13px;padding-left: 0;}
.heading_2 .toggle + label::before, .toggle1 + label::before{height: 14px!important;width: 14px!important;}
.heading_2 .toggle+label, .toggle1+label{height: 24px;width: 48px;}
.heading_2 .toggle_check p{padding-top: 4px;text-align: center;}
.heading_2 .toggle:not(:checked)+label:before, .toggle1:not(:checked)+label:before{left: 6px;}
.heading_2 .toggle+label::before, .toggle1+label::before{top: 3px;}
.heading_2 .toggle:checked+label::before, .toggle1:checked+label::before{left: 26px;}


.sider-bar-accordion .accordion-item.selected .accordion-header a::before , .sider-bar-accordion .accordion-item.selected .accordion-header a::after{display: none !important;}
.main-dasbord-header{border-top-left-radius: 0;}
.sider-bar-accordion .accordion-item.selected { background: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.main-deskop-popup .deskop-popup{top: 80px; right: 30px;}
.user-login-mobile{width: 60px; display: block;}

.sider-bar-accordion .accordion-item.selected { background: #fff; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.main-dasbord .main-dasbord-mobile-header .sider-bar-accordion h4 a span{width: 100%;}
.sider-bar-accordion .accordion-item:hover{border-radius: 0 !important;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 220px;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text::after{    border-width: 8px;}

.dashbord-middle-sec.referral-program-middle-sec { padding-left: 20px; }
.referral-program-middle-sec .dashbord-middle-all-items p{padding-right: 30px;}
.mobile-header-heading-section { display: block; display: block; margin: 0 0 20px; border-top: 1px solid #ddd; padding-top: 30px; }
.dashbord-middle-sec.dealer-list-middle-sec { padding-left: 20px; padding-right: 20px; }
.dealer-list-table .dealer-list-data tr td:last-child{padding: 10px !important;}

.dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-right-side-content{padding-left: 0px; padding-right: 0px;}

.profile-page .save-btn-sec button , .referral-program-form form .submit-form{font-size: 16px; line-height: 18px; padding: 14px 12px 14px 30px;}
.profile-page .save-btn-sec button::after , .referral-program-form form .submit-form::after{ font-size: 13px;}
.profile-page .save-btn-sec button:hover , .referral-program-form form .submit-form:hover{padding-left: 22px; padding-right: 22px;}

.dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-right-side-content{padding-left: 0px; padding-right: 0px;}
.sidebar-form .key-action-items .action-item-content .action-item{margin-bottom: 0px;}
.dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-left-side-content{padding-right: 0px; border-right: 0; padding-left: 0px;}
.dashbord-middle-sec.strategy-meetings-view-middle-sec .sidebar-form .upload-files{padding-top: 30px;}


/* Sneha ( 07/11/2024 ) */
.strategy-meetings-list-middle-sec.dashbord-middle-sec { padding-left: 12px; }
.strategy-meetings-list-middle-sec .seo-list .form-control{width: 100%;}
.strategy-meetings-list-middle-sec .strategy-meetings-input{width: 190px; }
.past-strategymeetings .card-body { padding: 15px 20px;}
.meetings .share-user-meeting .btn.btn-light { font-size: 12px !important;}
.view-user-meeting a button{font-size: 12px !important;}
.user-meeting-action .share-user-meeting .btn.btn-light .img-fluid.white_logo.email { width: 25px; padding-left: 4px; }
.meetings .share-user-meeting{    padding: 11px 18px;}
.past-strategymeetings .card-body .col-10{    padding-right: 170px;}
.past-strategymeetings .card-body .description{max-width: 100%;}

}

@media (min-width: 992px) and (max-width: 1115.98px)
{
  .dashbord-middle-sec .all-item-outer-sec .each-item-box{width: 42%!important;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .meeting-summary-content .upload-icon i{font-size: 50px;}
    .keyword-ranking-popup .main-deskop-popup .key-item-popup{width: 850px;}
  .strategy-meetings-view-middle-sec .meeting-right-side-content h1.view-social{padding-bottom: 15px;}
  .strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
.strategy-meetings-create-middle-sec .meeting-right-side-content h1{font-size: 30px; line-height: 40px;}
.dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-right-side-content{padding-left: 0px;}
.client-list .select2.select2-container{ width: 225px !important;}
  /* .sider-bar-accordion .accordion-item.selected .accordion-header::before , .sider-bar-accordion .accordion-item.selected .accordion-header::after{display: none;} */
/* .main-dasbord-header{border-top-left-radius: 0;} */
/* .main-dasbord main{background-color: #fff;} */
/* .sider-bar-accordion .accordion-item.selected { background: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } */
.dashbord-middle-sec .all-item-outer-sec .each-item-box{    width: 33.33%;      margin-bottom: 20px;  min-height: auto;}
.dashbord-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{margin: 0 10px;}

.all-box-middle-sec .all-item-outer-sec .each-item-box{    width: 33.33%;      margin-bottom: 20px;  min-height: auto;}
.all-box-middle-sec .all-item-outer-sec .each-item-box .each-item-inner{margin: 0 10px;}


  /*    new-profile-edit*/
.profile-page .account-details h3{font-size: 20px;margin-bottom: 4px;}
.profile-page .account-details h5{font-size: 17px;margin-bottom: 20px;}
.profile-page .account-details ul li{font-size: 15px;line-height: 23px;}

.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text{width: 180px;}
.all-item-outer-sec .each-item-box .info-tooltip.plans-info-tooltip .tooltip-text::after{    border-width: 8px;}
.main-dasbord .dashbord-side-bar{width: 260px;}
.main-dasbord main{margin-left: 260px;}



.referral-program-middle-sec .dashbord-middle-all-items p{padding-right: 0;}
.dealer-list-table .dealer-list-data th, .dealer-list-table .dealer-list-data td{padding: 10px;}
.edit-image .table-btn1 figure .white_logo , .edit-image .table-btn1 .blue_logo , .view-download-sec figure .white_logo , .view-download-sec .blue_logo { width: 25px; }

.profile-page .save-btn-sec button , .referral-program-form form .submit-form{font-size: 16px; line-height: 18px; padding: 14px 12px 14px 30px;}
.profile-page .save-btn-sec button::after , .referral-program-form form .submit-form::after{ font-size: 13px;}
.profile-page .save-btn-sec button:hover , .referral-program-form form .submit-form:hover{padding-left: 22px; padding-right: 22px;}
.profile-page .account-details { padding-left: 65px;}
.profile-page { padding: 0px 20px; }


/* prince new css  */

.past-strategymeetings .col-2 meetings{
  padding-left: 0;
    padding-right: 13px;
}

.past-strategymeetings .card-body .edit-meeting .img-fluid.white_logo {
    width: 30px;
    height: 22px;
    background: #103865;
    padding: 5px;
}


/* prince new css  */

/*View Page Description*/


.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h1 {
  font-size: 30px !important;
  line-height: 40px !important;   
}

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h2 {
  font-size: 26px !important;
  line-height: 36px !important;
}

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h3 {
  font-size: 22px !important;
  line-height: 32px !important;
}

.strategy-meetings-view-middle-sec .meeting-right-side-content .meeting-summary-content .meeting-summary-description h4 {
  font-size: 18px !important;
  line-height: 28px !important;
}


/* Sneha ( 07/11/2024 ) */
.strategy-meetings-list-middle-sec .seo-list .form-control{width: 100%;}
.strategy-meetings-list-middle-sec .strategy-meetings-input{width: 180px; }
.past-strategymeetings .card-body { padding: 15px 20px;}
.strategy-meetings-list-middle-sec .seo-list .search-btn button { padding: 10px 18px;}
.meetings .share-user-meeting .btn.btn-light { font-size: 12px !important;}
.view-user-meeting a button{font-size: 12px !important;}
.user-meeting-action .share-user-meeting .btn.btn-light .img-fluid.white_logo.email { width: 25px; padding-left: 4px; }
.meetings .share-user-meeting{    padding: 11px 18px;}
.past-strategymeetings .card-body .col-10{    padding-right: 100px;}
.dashboard-content .web-text { font-size: 16px; line-height: 20px;}
.past-strategymeetings .card-body .description{max-width: 100%;}
.main-dasbord-header { padding: 40px 40px 10px 30px;}
.strategy-meetings-list-middle-sec.dashbord-middle-sec { padding-left: 30px; }
.dashboard-content .welcome-text{font-size: 25px;}
.dasbord-footer-content{text-align: right !important;}
.strategy-meetings-view-middle-sec .meeting-right-side-content h1{font-size: 30px;
    line-height: 40px;}
.dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-left-side-content{    
  padding-right: 0px;
    border-right: 0;
    padding-left: 0px;}
  .dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-left-side-content{    
  padding-right: 0px;
    border-right: 0;
    padding-left: 0px;}
    .sidebar-form .upload-files{padding-top: 30px;}
    .sidebar-form .upload-files.email-content {
          padding-top: 0px;
      }
      .strategy-meetings-create-middle-sec .meeting-right-side-content .meeting-summary-content.email-content{padding-top: 0;}
    .referral-program-form{margin-top: 30px;}
    .sidebar-form .key-action-items .action-item-content .action-item{margin-bottom: 0px;}
.dashbord-middle-sec.strategy-meetings-view-middle-sec .meeting-right-side-content{padding-left: 0px;padding-right: 0px;}
.dashbord-middle-sec.strategy-meetings-create-middle-sec .meeting-right-side-content{padding-left: 0px;padding-right: 0px;}
}

.dataTables_wrapper .dataTables_paginate{float: right !important;}