@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-regular-webfont.woff') format('woff'),
        url('fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('fonts/opensans-regular-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-bold-webfont.woff') format('woff'),
        url('fonts/opensans-bold-webfont.ttf') format('truetype'),
        url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'open_sansregular'; font-size: 15px;}
.ptop10{padding-top: 10px;}
.ml-5{margin-left: 5px}
.mb-10{margin-bottom: 10px}

/************ form content *******************/
input[type="text"]{
    width: 100%;   
    text-align:left; 
    border: 1px solid #aaa;
}
textarea.form-control{
    width: 100%; 
    text-align:left; 
    border-radius: 4px;
    border: 1px solid #aaa;
}
.input-group-addon{padding: 6px 8px;}

input[type="text"].form-control,
input[type="email"].form-control,
input[type="password"].form-control,
textarea.form-control{padding: 6px; box-sizing: border-box;}
/*********************************************/



/******************* Custom File Upload Button Start **********************/
::-webkit-file-upload-button { cursor:pointer; }
.addevent-img-upload{}
.addevent-img-upload .fileUpload {
    position: relative; overflow: hidden; width:150px; 
}
.addevent-img-upload .fileUpload input.upload { 
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0);
}
.addevent-img-upload .fileUpload span{ 
    display: inline-block; box-sizing: border-box; text-align: center; color: #fff; padding:8px 10px; background: #7B7B7B; border-radius:4px; 
    width: 100%; font-size: 15px;
}
.addevent-img-upload .fileUpload span i{margin-right: 5px;}
/*************************************/ 


.pg-bg-1{background:url("../img/pattern-bg.jpg");  }
.tim-header{padding:22px 0; background: #10151b;}
.tim-footer{padding:15px 0; background: #10151b;}
.tim-copyright{font-size: 15px; color: #fff; text-align: center;}

.login-pg{padding-top:30px; padding-bottom: 30px;}
.tim-logo{ text-align: center;}
.tim-logo img{}
.login-box{padding:30px 30px; background: #0e0e0e; border-radius: 6px;}

.login-regi-title{font-size: 26px; color: #fff; text-align: center; text-transform: uppercase; line-height: 24px; padding-bottom: 12px;}
.login{padding:10px 0 0;}
.login .form-group{position: relative;}
.login .form-control{height: 44px; border: 0px solid #fff; box-shadow: none; font-size: 15px; color: #888; }
.login .input-group-addon{
    font-size: 22px; 
    /*background-color: #c633ca;*/ 
    background: #348ecd;
    color: #fff; border: 0px; min-width: 48px; text-align: center;}
#UserPassword.form-control{padding: 6px !important;}
.log-out{text-align: right;}

.remember-pass{color: #fff; font-size: 15px;}
.remember-me{float: left; position: relative; padding-left: 20px; }
.remember-me .re-me{position: absolute; top: 0px; left: 0px;}
.forgot-pass{float: right;}
.forgot-pass a{color: #fff;}
.remember-me input[type="checkbox"], 
.remember-me input[type="radio"]{margin: 2px 3px 0 0;}

.submit-btn{text-align: center;}
.submit-btn .btn-submit{
    /*background: #c633ca;*/
        margin-right: 103px;
    background: #f3b704;
}
.submit-btn .btn{padding: 6px 50px; color:#fff; font-size: 16px;  font-family: 'open_sansbold'; height: 44px; box-sizing: border-box;}
.new-account{text-align: center; font-size: 15px; padding-bottom:5px; margin-top: -5px;}
.new-account a{color: #fff;}
.text-muted, .passError{ padding-left:48px; color: red !important; font-size: 12px; }

.text-muted-1, .passError-1{ padding-left:0px; color: #fff !important; }
.message{ color: red; text-align: center; margin-top: 5px;/* margin-bottom: -15px;*/ }
label.error{/*margin-top: -15px;*/ display: block !important; color: red; font-size: 14px; font-weight: normal;/* min-height: 10px;*/}
#emailError{color: red; font-size: 12px;}



/************** admin login**********************/
.pg-bg-2{background-color:#f1f2f7; }
.login-box-bg-outer-admin{padding: 12px; background:#0e0e0e; border-radius: 8px;}
.login .input-group-addon-admin{font-size: 22px; background-color: gray; color: #414141; border: 0px; min-width: 48px; text-align: center;}
.forgot-pass-text{text-align: center; font-size: 18px;}


/************Event list css*******************/
.event-list-block{padding-top:10px; padding-bottom: 40px;}

.uppercase{text-transform: uppercase;}
.etitle-row{ border-radius: 8px 8px 0 0; color:#fff; position: relative; font-size: 20px; font-family: 'open_sansbold'; 
             padding: 8px 20px; margin-top: 30px; 
}
.econtent-row{border-radius:0 0 8px 8px ; padding: 20px; color:#333; background: #fff; border: 1px solid #aaa; border-top: none}
.my-etitle{background: #ff6c60;}
.all-etitle{background: #39b7ac; }

.add-event-btn{position: absolute;top: 7px; right: 20px;}
.add-event-btn .btn {padding: 4px 12px;  background-color: #111;  border-color: #111;  color: #fff;}
.status-edit .fa-pencil{color:#ff6c60; cursor: pointer;}

.filter-title-row{background: #d6d6d6; border: 1px solid #aaa; border-bottom-width: 0; border-radius: 6px 6px 0 0; padding: 10px; font-size: 16px; font-family: 'open_sansbold'; }
.filter-content-row{padding: 15px 10px; background: #fff;  border: 1px solid #aaa; border-radius:0 0 6px 6px ;}
.filter-box{margin: 0 -0.6%;}
.select-col,
.date-col,
.checkbox-col,
.textbox-col,
.searchbtn-col,
.reset-col{float: left; margin: 0 0.6%; box-sizing: border-box;}

.select-col{width: 18%;}
.date-col{width: 18%;}
.checkbox-col{width: 8%; position: relative; line-height: 34px; padding-left: 20px;}
.textbox-col{width: 30%;}
.searchbtn-col{width: 14%;}
.reset-col{width:4%;}


.reset-col .btn{font-size: 16px;}

.filter-checkbox{position: absolute; top:7px; left: 0px;}

.filter-box .btn-submit {
    background-color: #ff6c60;
    border-color: #ff6c60;
    color: #fff;
    font-size: 16px; 
    font-family: 'open_sansbold';
    width: 100%;
    text-align: center;
}
.filter-box .btn-submit:hover{background-color: #FF5347; border-color: #FF5347;}
.filter-box .form-control{height: 37px;}
.filter-box input[type="text"]{line-height: 25px;}

.event-list-conteiner{ margin-top: 20px;}
.event-list-row{margin-bottom: 10px; background: #39b7ac; padding: 10px 90px 10px 10px; position: relative; color: #000; border-radius: 6px; min-height: 75px;}
.event-by{position: absolute; top: 10px; right: 10px;}
.event-by-title{ text-align: right; line-height: 22px; text-transform: capitalize;}
.event-by-btn{padding-top:8px;}
.event-by-btn .btn{
    background-color: #111;
    border-color: #111;
    color: #fff;
    padding: 4px 12px;
    width: 150px;
}
.event-list-row:hover{background: #2da89d;}
.event-by .edit{display: none; font-size: 20px; padding-top: 6px; text-align: right;}
.event-list-row:hover .event-by .edit{display: block;}
.event-list-row:hover .event-by .edit a{color:#000;}
#sharedError{color:#f00;}
.event-list-row .list-title{font-family: 'open_sansbold'; line-height:22px; }
.event-list-row .list-title a{color: #222; text-transform: capitalize;}
.event-list-row .list-title a:hover{color: #000;}
.event-list-row .list-text{padding-top:8px;}



/************Event list pagination css*******************/
.event-list-pagi{}
.event-list-pagi ul li{display:none; }
.event-list-pagi ul li span{background: #d6d6d6;}
.light-theme a, .light-theme span{background: rgba(0, 0, 0, 0.5) -moz-linear-gradient(center top , #ffffff 0%, #efefef 100%) repeat scroll 0 0}
.event-list-pagi ul li:first-child,
.event-list-pagi ul li:last-child{display:block;}
.light-theme li:last-child span,
.light-theme li:last-child a{margin-right: 0 !important;}
.light-theme a, 
.light-theme span{margin: 0 10px 0 0 !important;}
.event-list-pagi.simple-pagination{padding: 0;}


/************Event add css*******************/
.add-event-block{padding-top: 10px; padding-bottom: 40px;}
.add-event-form{}
.add-event-form .form-group label{font-weight: normal;}
.add-event-submit-row .btn-success,
.pro-update-btn-row .btn-success{font-family: 'open_sansbold';}



/************Event detail css*******************/
.add-detail-block{padding-top:10px; padding-bottom: 30px;}
.event-detail-content{padding:10px 10px; position: relative;}
.ed-title{text-align: right; font-family: 'open_sansbold';}
.ed-content{}
.edesc-row{padding: 5px 0; display: table; width: 100%;}
.edesc-row-image img{
    max-height: 100%; max-width: 100%; width: auto !important; height: auto !important; margin: 15px 0; float: left; margin-right: 20px;
}
.desc-images{margin: 10px 50px; padding: 20px; background: #f1f1f1; border: 1px solid #ccc; }
.desc-images-viewall{margin: 10px 0px; padding: 0px 82px; }
.desc-images-viewall a{/*float: none !important;*/ }
.desc-images a,
.desc-images-viewall .descimgviewall{
    width: 182px; 
    height: 180px; 
    margin:5px; 
    display: inline-block; 
    float: left; 
    background: #ddd; 
    position: relative; 
    border: 2px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 0 2px #aaa;
}
.desc-images-viewall .descimgviewall a{}
.desc-images-viewall .delete-event{
    position: absolute; z-index: 111; top: 0; right: 0; color: #333;
    background: #888 none repeat scroll 0 0;
    border-radius: 0 0 0 50%;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 28px;
    padding-left: 9px;
    padding-top: 2px;
    width: 28px;
    display: none;
}
.desc-images-viewall .descimgviewall:hover .delete-event{display: block;}
.desc-images img,
.desc-images-viewall img{ width: 100%; height: 100%; object-fit: contain;}
.share-event-user-row{}
.share-event-user-row .btn-success{font-family: 'open_sansbold';}
.detail-view-all{text-align: right; padding: 5px 10px 0 0;}
.detail-view-all span{cursor: pointer; color: #ff6c60;}
.detail-view-all span:hover{text-decoration: underline;}
.detail-view-all a{
    width: inherit; height: inherit; margin: inherit; background: none; border: none; box-sizing: inherit; box-shadow: none; float: none;
    color: #ff6c60; width: inherit !important; height: inherit !important;
}
.play-icon{ position: absolute; top: 28%; margin-left: -16px; left: 50%; font-size: 35px !important; color: #000; opacity: 0.7;}
.play-icon:hover{ opacity: 0.9; text-shadow: 0 0 5px #ccc;}


/********** IE 10, 11 hacks **********/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

    .desc-images img,
    .descimgviewall a img{
        position: absolute; z-index: 111; top: 50%; left: 50%; margin-bottom: -50%; margin-right: -50%; transform: translate(-50%,-50%);     
        width: auto !important;  max-width: 100% !important; height: auto; max-height: 100% !important;  }

    .ekko-lightbox-container > div.ekko-lightbox-item img{height: 100%;}
    .ekko-lightbox-nav-overlay a{width: 50%; display: block;}
    .ekko-lightbox-nav-overlay a:last-child span{float: right;}
}


/************Event detail popup css*******************/
.popup-share-event{width: 30%;}
.popup-share-event .modal-header{ background:#39b7ac; border-bottom-width: 0; border-radius: 4px 4px 0 0;}
.popup-share-event .modal-header .modal-title,
.popup-share-event .modal-header .close{color:#fff;}
.popup-share-event .modal-header .close{opacity: 0.5;}
.popup-share-event .share-user-row{padding: 5px 0 5px 20px; border-bottom: 0px solid #ccc; position: relative;}
.popup-share-event .share-user-row input[type="checkbox"]{position: absolute; top:6px; left: 5px;}
.share-btn-row{text-align: center; padding: 5px 0;}
.share-btn-row .btn{padding: 6px 20px; font-size: 15px; box-sizing: border-box;}
.btn-share { background-color: #ff6c60 ; border-color: #ff6c60; color: #eee;}
.btn-share.btn:hover{ color: #fff;}
.popup-profile-update{width: 40% !important;}
.popup-profile-update .modal-title{width: 95%;}
.popup-profile-update .form-group{display: table; width: 100%;}
.popup-profile-update label.error{padding-left: 15px;}

.popup-share-event .share-user-row-1{padding: 5px ; border-bottom: 0px solid #ccc; position: relative;}
.user-status{float: right;}

.ekko-lightbox.modal .modal-header{padding: 10px;}
.ekko-lightbox.modal .modal-body{padding: 10px;}
.ekko-lightbox-nav-overlay a span{padding: 0 20px; cursor: pointer;}
.share-user-block{height: 210px; overflow-x: hidden; overflow-y: auto;}

/************success message css*******************/
.event-share-smg{}
/*.event-share-smg .message{border-radius: 4px; margin-bottom:0px; margin-top: 20px; padding: 15px;  box-shadow:0 0 2px #999;}*/
/*.event-share-smg .success{background-color: #dff0d8;  border-color: #d6e9c6;  color: #3c763d;}*/
.event-share-smg .message{border-radius: 4px; margin-bottom:0px; margin-top: 25px; padding: 10px;  box-shadow:0 0 2px #999;}
.event-share-smg .success{background-color: #fff;  border:1px solid #999;  color: #0f887d;}

/*.event-share-smg .message{border-radius: 4px; margin-bottom:0px; margin-top: 25px; padding: 0px; font-size: 18px;}
.event-share-smg .success{color: #3c763d;}*/


/************Logout section css*******************/
.log-out .dropdown .btn-default,
.log-out .dropdown-toggle{background-color: #ff6c60 !important; border-color: #ff6c60 !important; color: #fff !important;}
.open > .dropdown-menu { display: block; }
.dropdown:hover .dropdown-menu { display: block;}
.open > .dropdown-menu,
.dropdown:hover .dropdown-menu{right:0; float: none; left: inherit; min-width: 140px; margin: -1px 0 0; border-radius: 4px;}



/************ profile page css *******************/
.profile-edit-btn{position: absolute;top: 7px; right: 145px;}
.profile-edit-btn a{font-size: 24px; color: #111;}
.profile-edit-btn .btn {
    background-color: #111;
    border-color: #111;
    color: #fff;
    padding: 4px 12px;
}
.profile-edit-link{font-size: 24px; color: #111; float: left; margin-right: 15px;}
.profile-edit-link:hover{ color: #111;}
.pr-detail-row{padding: 5px 0; clear: both; display: table; width: 100%;}
.pr-click-here{cursor: pointer; color:#ff6c60;}
.pr-click-here:hover{text-decoration: underline;}


/************ Page not found ***************/
.pagenotfound{padding:130px 0px; text-align: center;}
.pagenotfound .notfound{ }
.notfound .left{float: left; width: 35%; box-sizing: border-box; text-align: right;}
.notfound .right{float: left; width: 65%; box-sizing: border-box; text-align: left; padding-left: 20px; padding-top: 30px;}
.notfound .right h3{font-size: 50px;}


/************ view all page css*******************/
#dvPreview{}
#dvPreview img{}
.select-upload-row{ padding: 5px 77px;}
.col-upload{margin: 0 10px; display: inline-flex;}
.view-all-page{}
.view-all-page .etitle-row{padding: 8px 120px 8px 20px;}
.view-all-page .event-detail-content{padding:10px 0px;}


/************ Leave a reply *******************/
.leave-reply-block{ padding:10px 45px; border-top: 1px solid #ccc;}
.leave-reply-block .title-row{  color: #39b7ac;  font-family: "open_sansbold";  font-size: 18px; padding: 8px 13px;}

.replyer-list{padding: 5px 15px; color:#555; border: 1px solid #fff; border-radius: 4px; position: relative;}
.replyer-title{font-family: 'open_sansbold'; text-transform:capitalize; }
.replyer-list span{color:#888;}
.kvalid label.error{clear: both !important; padding-left: 15px !important;}
.replyer-list:hover{border: 1px solid #eee; box-sizing: border-box; background:rgba(0,0,0,0.02);}
.resetPass{ text-align: center; color: #fff; padding-bottom: 10px; font-size: 16px; }
.rpl-list-delete{display: none;}
.replyer-list:hover .rpl-list-delete{display:block; position: absolute; top: 15px; right: 15px; font-size: 18px; }


/************ admin 06-05-17 kishor chat page *******************/
.decor-default {
    background-color: #ffffff;
    /*height:450px;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
}
.decor-default .chat-body{width: 80%; margin: 10px auto; border: 1px solid #aaa; padding: 20px; height: 550px; overflow-y: auto; overflow-x: hidden;}
.col-inside-lg {
    padding: 20px;
}
.chat-body h6 {
    font-size: 20px;
}
.sytem-title {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 10px 0;
    position: fixed;
    top: 0;
    width: 71%;
    z-index: 999;
}
.chat-items {
    overflow: hidden;
    padding-bottom:10px;
    padding-top: 10px;
}
.chat-body .answer.left {
    float: left;
    padding: 0 0 0 58px;
    text-align: left;
}
.chat-body .answer {
    clear: both;
    max-width: 600px;
    overflow: hidden;
    position: relative;
}
.chat-body .answer.left .avatar {
    left: 0;
}
.chat-body .answer .avatar {
    bottom: 36px;
}
.chat-body .avatar {
    height: 40px;
    position: absolute;
    width: 40px;
}
.chat-body .avatar img {
    border-radius: 50%;
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.chat-body .answer.left .avatar .status {
    right: 4px;
}
.chat-body .answer .avatar .status {
    bottom: 0;
}
.chat .avatar .status.offline {
    background: #ed4e6e none repeat scroll 0 0;
}
.chat .avatar .status {
    border-radius: 5px;
    height: 10px;
    position: absolute;
    width: 10px;
}
.chat-body .answer .name {
    font-size: 14px;
    line-height: 36px;
}
.chat-body .answer.left .text::before {
    border-right-color: #ebebeb;
    border-right-width: 12px;
    left: -30px;
}
.chat-body .answer .text::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 18px 18px 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
}
.chat-body .answer.left .text {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 8px 8px 8px 0;
    color: #333333;
}
.chat-body .answer .text {
    font-size: 16px;
    line-height: 26px;
    padding: 12px;
    position: relative;
}
.chat-body .answer .text img{
    /*max-height: 250px;*/
    width: 100%;
    max-width: 300px;
    /*height: 100%;*/
    /*max-height: 300px;*/
}
.chat-body .answer.left {
    text-align: left;
}
.chat-body .answer.right {
    float: right;
    padding: 0 58px 0 0;
    text-align: right;
}
.chat-body .answer {
    clear: both;
    max-width: 600px;
    overflow: hidden;
    position: relative;
}
.chat-body .answer.right .avatar {
    right: 0;
}
.chat-body .answer .avatar {
    bottom: 36px;
}
.chat-body .answer.right .text {
    background: #095f56 none repeat scroll 0 0;
    border-radius: 8px 8px 0;
    color: #ffffff;
}
.chat .avatar {
    height: 40px;
    position: absolute;
    width: 40px;
}
.chat-body .answer {
    clear: both;
    max-width: 600px;
    overflow: hidden;
    position: relative;
}

.chat-body .answer.right .text::before {
    border-left-color: #095f56;
    border-left-width: 12px;
    right: -30px;
}
.chat-body .answer.right .time {
    color: #333333;
    padding-right: 12px;
}
.chat-body .answer .time {
    font-size: 16px;
    line-height: 36px;
    padding-bottom: 1px;
    position: relative;
}
.chat-body .answer-add {
    background: #6b6262 none repeat scroll 0 0;
    bottom: 0;
    clear: both;
    padding: 20px;
    position: sticky;
    width: 100%;
}
.chat-body .answer-add input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    width: 100%;
}
.chat input {
    border-radius: 0;
}
.chat-body .answer-add .answer-btn-2 {
    background: rgba(0, 0, 0, 0) url("http://91.234.35.26/iwiki-admin/v1.0.0/admin/img/icon-41.png") no-repeat scroll 50% 50%;
    right: 20px;
}
.chat-body .answer-add .answer-btn {
    cursor: pointer;
    display: block;
    height: 36px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 36px;
}

/*Users photo detail*/
.userphotodetail{}
.userphotodetail .desc-images-viewall .descimgviewall{width: 230px;}
.userphotodetail .desc-images-viewall{padding: 0 0; margin: 0;}
.userphotodetail .desc-images-viewall .descimgviewall img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}


.usercontact{}
.usercontact select{height: 32px;}




/*******************************************************/
/*            Bootstrap 2.3.2 Media Queries            */
/*******************************************************/

/********** 11111111111111111111111111 **********/
@media only screen and (min-width : 992px) and (max-width : 1200px) {

    .desc-images a{width: 143px; height: 140px;}
    .popup-share-event{width: 40%;}
    .popup-profile-update{width: 45% !important;}
    .select-upload-row{ padding: 5px 0;}
    .desc-images-viewall{ padding: 0px; }
    .desc-images-viewall a{width: 175px; height: 175px; }
}
/********** 2222222222222222222222222 **********/
@media only screen and (max-width : 991px) { 

    .event-detail-content{padding: 10px 0;}
    .desc-images{margin: 10px 0; padding: 10px; }
    .desc-images a{width: 127px; height: 127px;}
    .event-detail-content{padding: 10px 0 0;}
    .desc-images{margin: 0;}

    .etitle-row{margin-top: 20px}

    .select-col{width: 24%;}
    .date-col{width:35%;}
    .checkbox-col{width: 16%;}
    .textbox-col{width:71%; margin-top: 10px;}
    .searchbtn-col{width:19%; margin-top: 10px;}
    .reset-col{width:5%; margin-top: 10px;}

    .popup-share-event{width: 50%; margin-left: 25%;}
    .popup-profile-update{width: 50% !important;}

    .login-box{padding: 20px 0;}
    .login-pg{padding-top:20px; padding-bottom: 20px;}
    .desc-images-viewall{ padding: 0px; }
    .desc-images-viewall a{width: 166px; height: 165px; }

    .select-upload-row{ padding: 5px 0;}

}
/********** 3333333333333333333333333 **********/
@media only screen and (max-width : 767px) {

    .tim-logo img{width: 300px;}
    .log-out{text-align: center; padding-top: 10px;}
    .add-detail-block{padding: 10px;}
    .ed-title{text-align: left;}
    .add-detail-block{padding: 10px 10px 30px;}
    .event-list-block{padding: 10px 10px 30px;}
    .add-event-block{padding: 10px 10px 30px;}

    .open > .dropdown-menu, 
    .dropdown:hover .dropdown-menu{right: 50%; margin-right: -70px;}

    .notfound .left img{width: 170px;}
    .notfound .right h3{font-size: 40px;}

}
/********** 4444444444444444444444444 **********/
@media only screen and (max-width : 600px) {

    .etitle-row{padding: 8px 10px;}
    .econtent-row{padding: 10px;}
    .col-upload{margin: 5px 10px;}
    .popup-share-event{width: 70%; margin-left: 15%;}
    .popup-profile-update{width: 70% !important;}
    .add-event-btn{right: 10px;}
    .select-col, .date-col, .checkbox-col, .textbox-col, .reset-col{margin: 0 1%;}

    .select-col{width:48%;}
    .date-col{width: 48%; margin-top: 10px;}
    .checkbox-col{width: 20%; margin-top: 10px;}
    .textbox-col{width: 76%; margin-top: 10px;}
    .searchbtn-col{width: 40%; margin-top: 10px ; margin-left: 25%;}
    .reset-col{width: 10%; margin-top: 10px;}
    .desc-images-viewall a{width: 128px; height: 128px; }

    .notfound .left{width: 33%;}
    .notfound .left img{width: 150px;}
    .notfound .right h3{font-size: 30px;}

}
/********** 5555555555555555555555555 **********/
@media only screen and (max-width : 480px) {

    .tim-logo img {width: 260px;}
    .desc-images a{width: 118px; height: 118px;}
    .col-upload{margin:7px 0px; width: 100%; text-align: center; display: inherit;}
    .col-upload .addevent-img-upload{display: inline-block;}
    .view-all-page .etitle-row{font-size: 18px;}
    .popup-share-event{width:90%; margin-left: 5%;}
    .popup-profile-update{width: 90% !important;}

    .select-col, 
    .date-col, 
    .checkbox-col, 
    .textbox-col{width: 100%; margin: 10px 0% 0}
    .searchbtn-col{width: 50%; margin-top: 10px ; margin-left: 18%;}
    .reset-col{width:15%; margin-top: 10px;}

    .login-box-bg-inner{padding: 20px;}
    .remember-me{display: block; width: 100%;}
    .forgot-pass{float: left; display: block; padding-top: 10px;}

    .notfound .left{width: 100%; text-align: center; padding-left: 35px;}
    .notfound .right{width: 100%; padding-left: 0; text-align: center; padding-top: 10px;}

}
/********** 6666666666666666666666666 **********/
@media only screen and (max-width : 320px) {

    .tim-logo img{width: 90%;}

}
/*************************************/

/* admin user details*/
.modal-buyerlog{}
.modal-buyerlog .modal-body img{width: auto !important; max-width: 100% !important; margin-bottom: 10px;}
.modal-buyerlog .modal-body{padding: 20px;}
.modal-buyerlog .form-group {margin-bottom: 5px;}
.modal-buyerlog{}

.red{ color:  #c80000 }
.box .box-body img { width: 56px;  height: 53px; }

.error-text-color{ color: red; }
.success-text-color{ color: green; }

.prd-img{ position: relative; height: 100px; padding: 0px; margin-bottom: 15px; border: solid 5px #fff; box-shadow:0 0 10px #f4f4f4; border-radius: 4px; overflow: hidden;  }
.prd-img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.prd-img i{ position: absolute; right: 10px; top: 10px; z-index: 999; font-size: 21px; color: red; }

input[type="file"] {
   display: block;
}
.imageThumb {
   max-height: 75px;
   border: 2px solid;
   padding: 1px;
   cursor: pointer;
}
.pip {
   display: inline-block;
   margin: 10px 10px 0 0;
}
.remove {
   display: block;
   background: #444;
   border: 1px solid black;
   color: white;
   text-align: center;
   cursor: pointer;
}
.remove:hover {
   background: white;
   color: black;
}

/* end admin user details */