@charset "utf-8";
/* CSS Document */

/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap'); */ 
 /* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body{ font-family: "Work Sans", sans-serif; padding:0; margin:0; font-size:16px;}

h1, h2, h3, h4, h5, h6{ padding:0; margin:0;}
p{ padding:0; margin:0;}
ul li{ padding:0; margin:0; list-style:none;}
ul{ padding:0; margin:0;}
a:hover{text-decoration: none;}


/*******header******/

#header{ background:#f8f9f9; padding:10px 0; border-bottom:1px solid #ddd;}
#header .email ul li{ list-style:none; display:inline-block; padding-right:30px;}
#header .email ul li a{ font-size:14px; font-weight:400; color:#000; text-decoration:none;}
#header .top_right{ float:right;}
#header .top_right ul li{ display:inline-block; list-style:none; border-right:1px solid #000;padding:0px 10px;line-height: 14px;}
#header .top_right ul li:last-child{ border:none;}
#header .top_right a{ text-decoration: none; font-size: 18px; color: #000; font-weight: 500;}
#header .top_right a:hover{ color:#308969;}

/**header-top***/
#header-top{ padding:20px 0;}
#header-top .logo img{ width:110px;}
#header-top ul li{ list-style:none; display:inline-block; padding-left:20px;}
#header-top ul li a{ color:#fff; font-size:19px; font-weight:400; text-decoration:none;}
#header-top ul li a:hover{ color:#ffeb43;}
#header-top .btn-outline-secondary {height: 41px; color: #000; font-size: 14px; outline:none; padding:10px; border:1px solid #ddd; margin-top:1px !important;}
#header-top .btn-outline-secondary:hover{ background:none !important; color:#000; box-shadow:none !important;}
#header-top .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{ background:none; box-shadow:none; outline:none; color:#000;}

#header-top .form-control:focus{box-shadow: none;}
#header-top .search-modal { position: absolute; top: 20px; color: #000000; right: 9px; background: #f2515e; font-size: 15px; padding: 8px 20px; border-radius: 20px; z-index: 99999999; font-weight: bold; text-transform: uppercase;}
#header-top .search-modal a { color: #000; text-decoration: none;}
#header-top .icon {  width: 40px; height: 40px; border-radius: 50%; text-align: center;}
#header-top .icon a { color: #fff; font-size: 20px; line-height: 2em;}
#header-top .form-control {border: 1px solid #dddddd; border-radius: 0 3px 3px 0; box-shadow:none; outline:none;} 
#header-top .top_form input{  width:382px; padding:12px; border:1px solid #ddd; box-shadow: none; font-size:14px; font-weight:400; outline:none;height: 41px;}
#header-top .top_form button{ font-size:16px; background:#172a55; padding: 8px 12px; color:#fff; text-transform:uppercase; border:1px solid #ddd; box-shadow:none; outline:none; margin-left: -6px; border-radius:0 5px 5px 0;}
#header-top .iocn_tex ul li a .fa{ color:#000; font-size:24px; font-weight:400;}
#header-top .iocn_tex ul li{ display:inline-block; list-style:none; border-right:1px solid #000; padding:0 10px; margin-top:8px;}
#header-top .iocn_tex ul li:last-child{ border:none;}
#header-top .iocn_tex{ float:right;}


/*******menu-top**********/
#menu-top{background: #328b6b;}
#menu-top ul li{ display:inline-block; list-style:none; padding:0 15px;}  
#menu-top ul li a{ color:#fff; font-size:16px;  font-weight:500;position: relative;padding-left: 0; padding-right: 0;} 
#menu-top ul li a:hover:after,#menu-top ul li a.active:after { position: absolute; top: 100%; height: 2px; background-color: #fff; width: 100%; content: ''; left: 0; }
#menu-top ul li a:hover{ color:#f2f9ff ;}  
#menu-top .navbar.navbar-expand-lg.navbar-light.navbar-me{ padding:0; margin:0;}  
#menu-top .drop_text .btn.btn-outline-secondary{ border-radius:0; background:#f88e00; box-shadow:none; outline:none; border:none; font-size:16px; color:#fff;padding: 10px 10px; text-transform:uppercase; font-weight:500;}  
#menu-top .drop_text .fa{ padding-left:90px; font-size:20px; padding-top:2px;}
#menu-top .drop_text .dropdown-menu.show{top: -2px;} 
#menu-top .navbar-brand{ display:none;}  

/* slide */
#slide{background: url(../images/back_slid.jpg)no-repeat;background-size: cover; background-position: center center; text-align: center;}
.slide_row_sec{padding: 4% 0;}
#slide h2{font-size: 28px; color: #fff;}
#slide p{font-size: 16px; color: #fff;}
#slide p a{font-size: 16px; color: #fff; text-decoration: none; transition: 0.5s;}
#slide p a:hover{font-size: 16px; color: #f88e00; text-decoration: none;}

.sfsdfgsdg{ position:relative; }
.inner_section{ position:absolute; top:0; right:0; left:0;z-index: 2;}
.carousel-item img {
    /* height: 500px;  */
    width: 100%;
}
#slide-banner .carousel-inner:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); content: ''; z-index: 1; }
.bnnrslidr{ overflow:hidden;}
.bnnrslidr .carousel-indicators li{ background:#fff; border:solid 1px #fff; height:10px; width:10px; border-radius:100px; }
.bnnrslidr .carousel-indicators .active{ border-color:#328b6b;background-color: #328b6b;}
.bnnrslidr .carousel-indicators{ z-index:2;bottom: 23px;}
.bnnrslidr #carouselExampleFade .carousel-inner .carousel-item {opacity:9;  transition-property: opacity;   overflow:hidden;}
.bnnrslidr .carousel-item.active img {  transition: transform 5000ms linear 0s; /* This should be based on your carousel setting. For bs, it should be 5second*/ transform: scale(1.05, 1.05);}
.bnnrslidr #carouselExampleFade .carousel-inner .active {  opacity: 1;}
.bnnrslidr #carouselExampleFade .carousel-control-next, #carouselExampleFade .carousel-control-prev { display:none; }


/***slide-banner***/
div#bannerbg_imgscn { padding: 50px 0;}
#slide-banner .online h1{font-size: 36px; font-weight: 700; color: #fff; text-transform: uppercase;}
#slide-banner .online h2{font-size: 22px; color: #fff; font-weight: 400; padding: 20px 0;}
#slide-banner .online h3 { font-size: 23px; font-weight: 500; color: #fff; }
#slide-banner .category{ margin-top:30px;}
#slide-banner .category .form-inline .form-control { width: 50%; background: #fff0; font-size: 18px; color: #fff; font-weight: 300; border-radius: 0px; box-shadow: none; outline: none; height: 50px; padding: .375rem .75rem; border: 2px solid #fff; }
#slide-banner .category .btn { background: #f88e00; padding: 9px 20px; font-size: 20px; color: #fff; font-weight: 400; border-radius: 0px; }
#slide-banner .category .mr-sm-2, .mx-sm-2{ margin-right: 0 !important;}
#slide-banner .input-group-prepend.form_part{ float:left; padding-top:30px; margin-left:20%;}
#slide-banner .btn-outline-secondary:hover{ background:none; border:none; color:none;}
#slide-banner .btn.btn-outline-secondary.dropdown-toggle.button_style{border:2px solid #fff; padding:11px 15px; border-radius:0; color:#a5b1bf; font-size:16px; font-weight:300;}
#slide-banner .dropdown-toggle::after{ margin-left:50px;}
#slide-banner .product ul li{ display:inline-block; list-style:none; margin:50px 5px 0;display: inline-flex;}
#slide-banner .product ul li a{ font-size: 16px; color: #fff; text-decoration: none; font-weight: bold; padding: 15px 30px; border: 2px solid #fff; border-radius: 30px; }
#slide-banner .product ul li a:hover{ color:#fff;border: 2px solid #328b6a8f;background-color: #328b6a8f;}

#video_text{ padding:50px 0;}
#video_text .slide { margin-bottom: 30px;}
#video_text .about_tx { box-shadow: 0 0 22px 2px rgba(0, 0, 0, 0.09); padding: 15px; border-radius: 8px; margin: 35px 0;background: #f2f9ff;}
#video_text .about_tx h2{ font-size:32px; color: #000; font-weight:600;}
#video_text .about_tx h3{ font-weight: 500; color: #328b6b; padding: 10px 0 5px; font-size: 20px; border-bottom: 1px solid #328b6b;}
#video_text .about_tx p { font-size: 18px; font-weight: 400; color: #333333; padding: 10px 0; }
#video_text .trade iframe{ width:100%; height:315px;border-radius: 10px;}



/*******dasbord**********/   
#dasbord{ padding:50px 0;} 
#dasbord .panel-body ul li.active { background: #fff; border-left: 5px solid #328b6b; }
#dasbord .panel-body ul li.active a{ color: #328b6b; }
#dasbord .flex-column{    border: 1px solid #308969; border-radius: 10px; overflow: hidden;}  
#dasbord .nav-pills .nav-link{ border-bottom:1px solid #fff; border-radius:0; background: #328b6b; color:#fff; padding:12px; font-size:15px; font-weight:500;} 
#dasbord .nav-pills .nav-link:last-child{border-bottom: 0;}
#dasbord .nav-pills .nav-link.active, .nav-pills .show>.nav-link, #dasbord .nav-pills .nav-link:active{    background-color: #fff; color: #328b6b; border-left: 5px solid #328b6b;}
#dasbord .panel-body{ background:#272c2e;} 
#dasbord .panel-body ul li{ list-style:none; padding:6px 10px; border-bottom:1px solid #ddd;background-color: #133227;} 
#dasbord .panel-body ul li a{ text-decoration:none; font-size:15px; color:#fff; font-weight:400; display: block;}
#dasbord .panel-body ul li a:hover{ color:#f88e00;}
#dasbord .nav-pills .nav-link .fa{ float:right; color:#fff; font-weight:500;}    
#dasbord .tatal h4{ font-size:16px; color:#959595; font-weight:400;}  
#dasbord .tatal h5{ font-size:30px; color:#000; font-weight:500;}   
#dasbord .tatal p{ font-size:14px; color:#959595; }   
#dasbord .tatal { border-right:1px solid #ddd;} 
#dasbord .tatal img{ width:90px; margin-right:15px;}   
#dasbord .tatal.last{ border:none;}   
#dasbord .new_tabele .table .th{ font-size:14px;}
#dasbord .new_tabele{ padding-top:40px;}
#dasbord .new_tabele .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background:none; color:#000;}
#about_us .nav-tabs .nav-link.active { background: #308969; color: #fff; border-color: #308969; }
#about_us .nav-tabs .nav-link{color:#333;border: 1px solid #dee2e6;}
#about_us .nav-tabs{gap: 3px;}
#dasbord .new_tabele .nav-tabs .nav-link{ border:none; color:#000; font-size:16px; font-weight:500; padding:0 15px 0 0;}
#dasbord .new_tabele .nav-tabs{ border-bottom:none;}  
#dasbord .new_tabele .nav-tabs .nav-link:hover{ color:#f88e00;}  
#dasbord .new_tabele .table .thead-light th{ color:#000; font-weight:500; font-size:14px;border-color: #dee2e6; background-color: #e9ecef;}
#dasbord .new_tabele .table td, .table th{ padding:6px;}
#dasbord .new_tabele .table td{ font-size:14px; font-weight:400; color:#000; border: 1px solid #ddd;}
#dasbord .new_tabele .table td span{ color:#888888; font-size:12px;	}
#dasbord .new_tabele .table td img{ width:24px;}
#dasbord .new_tabele .table td a{ text-decoration:none; font-size:14px;}
#dasbord .new_tabele .table td a .fa{ font-size:11px;}
#dasbord .new_tabele .table td .view{ background:#e7fdfd; color:#1bbbb0; padding:2px 5px; font-size:12px;}
#dasbord .new_tabele .table td .accept{ background:#eafdf2; color:#15ad37; padding:2px 5px; font-size:12px;}
#dasbord .new_tabele .table td .cancel{ background:#ffe8ee; color:#ed4544; padding:2px 5px; font-size:12px;}
#dasbord .new_tabele .table{ border:1px solid #ddd; margin-top:15px;}

#dasbord .next_tab{ margin:20px 0;}
#dasbord .next_tab h3{ font-size:20px; font-weight:500; color:#000; padding-bottom:15px;}
#dasbord .next_tab .form-group{ margin-bottom:0;}
#dasbord .next_tab .col-form-label{ padding:5px 0 0; margin-bottom:0; font-size:14px; color:#000;}
#dasbord .next_tab .form-control{display: block; width: 100%; padding:5px 10px; font-size:14px; border: 1px solid #ddd; border-radius:2px; box-shadow:none; outline:none; color:#555;}
#dasbord .days{border:1px solid #ddd;}
#dasbord .days ul li{ list-style:none; display:inline-block; padding:2px 15px; border:1px solid #ddd; border-radius:3px;    margin: 0 0 0 12px;}
#dasbord .days ul li a{ text-decoration:none; font-size:13px; color:#919191;}
#dasbord .days ul li:hover{ background:#f88e00;}
#dasbord .days ul li a:hover{color:#fff;}
#dasbord .days ul{ border-bottom:1px solid #ddd; padding:15px 0;}
#dasbord .days .time h3{ font-size:15px; color:#000; font-weight:500;}
#dasbord .days .time p{ font-size:13px; font-weight:400; color:#555;}
#dasbord .days .time{ padding:15px; float:left;}
#dasbord .days .slots{ float:right; padding:10px;}
#dasbord .days .slots a{ font-size:14px; font-weight:400; color:#2584dd; text-decoration:none;}

#dasbord .new_tab{ padding:30px 0 20px;}
#dasbord .new_tab .nav-tabs .nav-link{ border:none; border-radius:0; font-size:15px; color:#000; font-weight:500;padding: 0 30px 0 0;}
#dasbord .new_tab .nav-tabs .nav-link:hover{color:#000; font-weight:500;}
/* #dasbord .new_tab .nav-tabs{ border-bottom:none;} */
#dasbord .new_tab .nav-tabs { margin-bottom: 15px; border-bottom: 2px solid #b5b5b5;}
#dasbord .new_tab .form-content{ margin:15px 0;}
#dasbord .new_tab .form-control{ box-shadow:none; outline:none; border:1px solid #ddd; font-size:14px; color:#555; border-radius:2px;}
#dasbord .new_tab .input-group-text{ color:#000; font-size:14px; font-weight:500;}
#dasbord .new_tab .btn.btn-default{ background:#8cb100; font-size:16px; color:#fff; font-weight:500; text-transform:uppercase; border:none; border-radius:0; box-shadow:none; outline:none;}
#dasbord .table_text .table td, .table th{padding: 10px 8px; border-top: 1px solid #ddd;}
#dasbord .table_text .table td{ font-size:13px; color:#000; font-weight:400;}
#dasbord .table_text .table{ border:1px solid #ddd;}
#dasbord .table_text .table thead{background: #328b6b;color: #fff;}
#dasbord .table_text .table td span{ color:#5fa5e6;}
#dasbord .form_order{ margin:20px 0;}
#dasbord .form_order h3{ font-size:20px; color:#000; font-weight:400; background:#f7f7f7; padding:10px;}
#dasbord .form_order img{ width:100%;}
#dasbord .slwar li{ display: inline-block; font-size:13px; color:#555; padding:10px; }
#dasbord .slwar li img{ width:35px;}
#dasbord .slide{ margin-bottom:30px;}
/* #dasbord .profile .up_img img{ margin-right:15px; border-radius:0;} */
#dasbord .up_img span { display: inline-block; padding: 0 5px !important; }
#dasbord .profile .btn{display: inline-block; font-size:18px; font-weight:500; padding:6px 35px; border-radius:3px; background:#328b6b; border:none; box-shadow:none; outline:none;}
#dasbord .order_new .form-control{ box-shadow:none; outline:none; display: block; font-size:15px; color:#000; padding:8px;}
#dasbord .profile .btn:hover{ background:#133227;}
#dasbord .order_new .table{ border:1px solid #ddd;white-space: nowrap;}
#dasbord .order_new .table td, .table th{ padding:9px 7px; border: 1px solid #dee2e6}
#dasbord .order_new .table thead th{ font-size:14px; font-weight:500; color:#000;}
#dasbord .order_new .table td{ font-size:14px; color:#565656; font-weight:400;vertical-align: middle;}
#dasbord .order_new .table td a{ text-decoration:none;}
#dasbord .order_new .table td a span{ color:#000;}
#dasbord .order_new .table td .deliverd{ background:#00c0ef; font-size:12px; color:#fff; padding:4px 10px; border-radius: 3px;}						
#dasbord .order_new .table td .panding{ background:#3c8dbc; font-size:12px; color:#fff; padding:4px 10px; border-radius: 3px;}
#dasbord .order_new .table td .accept{ background:#00a65a; font-size:12px; color:#fff; padding:4px 10px; border-radius: 3px;}	
#dasbord .order_new .table td .comp{background:#f39c12; font-size:10px; color:#fff; padding:4px 4px; border-radius: 3px;}	
#dasbord .order_new .table td .ziyem{background:#dd4b39; font-size:12px; color:#fff; padding:4px 10px; border-radius: 3px;}	
#dasbord .order_new .show p{ font-size:14px; color:#000; font-weight:400;}	
#dasbord .order_new .show .pagination li a{ font-size:14px; color:#000; font-weight:400;}	
#dasbord .order_new .show .pagination li a:hover{ background:#337ab7; color:#fff;}	
#dasbord .order_new .show .pagination{ float:right;}
/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
     margin-right: 40px; list-style:none;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0; text-decoration:none;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}   
.tabbable-line > .nav-tabs > li.open a, .tabbable-line > .nav-tabs > li a:hover {
  border-bottom: 4px solid #f88e00;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li a.active,.tabbable-line > .nav-tabs > li a.show {
  border-bottom: 4px solid #328b6b;
  position: relative;
  color: #000;
  font-weight: 600;
}

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}


#degres{ margin-bottom:50px;}
#degres .img-fluid{ border-radius: 10px; }
.carousel-item .img-fluid{ border-radius: 10px; }	
		

		
/***footer***/
#footer{ background:#376d83; padding:50px 0;}
#footer .address img{ width:100px; padding-bottom:20px;}
#footer .address .footer_logo img{ width: 50px;margin-right: 10px; }
#footer .address ul li{ list-style:none; padding: 5px 0;}
#footer .address ul .adds{ background:url(../images/loc.png) left 11px no-repeat; padding:10px 0 10px 30px; font-size:16px; color:#d6d6d6; font-weight:300;}
#footer .address ul .phs{ background:url(../images/ph.png) left 11px no-repeat; padding:10px 0 10px 30px; font-size:16px; color:#d6d6d6; font-weight:300;}
#footer .address ul .mail{ background:url(../images/mail.png) left 11px no-repeat; padding:10px 0 10px 30px; font-size:16px; color:#d6d6d6; font-weight:300;}
#footer .address h2{ font-size:20px; color:#fff; font-weight:500; padding-bottom:20px;text-transform: capitalize;}
#footer .address ul li a{ font-size:15px; font-weight:400; color:#d6d6d6; text-decoration:none;display: block;}
#footer .address ul li a:hover{ color:#308969;}
#footer .address form{position: relative; width: 350px; border-radius: 5px;  border: 1px solid #828282;}
#footer .address input{ width: 100%; height: 48px; color: #d6d6d6; font-size: 15px; background: none;border: 0;padding: 0 120px 0 15px; box-shadow:none; outline:none;}
#footer .address button{position: absolute; right: 0; top: 0; height: 100%; font-size: 12px; color: #fff; background: #308969; font-weight: 500; padding: 0 18px; border: 0;text-transform: uppercase;border-top-right-radius: 5px;border-bottom-right-radius: 5px; box-shadow:none; outline:none; border-left: 1px solid #828282;}
#footer .address button:hover{background-color:#40ad86 ;}
#footer .address .icon_ft li{ display:inline-block; padding-right:10px; list-style:none;}
#footer .address .icon_ft li a img{ width:40px; text-decoration:none;}
#footer .address .icon_ft{ margin-top:10px;}
#footer .address h3{ font-size:18px; color:#fff; font-weight:500; padding-top:40px;}

#copy_right{ background:#000;}
#copy_right .copy {padding:15px 0;}
#copy_right .copy p{ font-size:15px; color:#d6d6d6; font-weight:300; padding-top:10px;}
#copy_right .copy ul li{ display:inline-block; padding-left:10px; list-style:none;}
#copy_right .copy ul{ float:right;}
#copy_right .copy ul li a{ text-decoration:none;}


/***********co-profile*********/
#dasbord .profile h2{ color:#328b6b; font-size:24px; font-weight:600; font-style:italic;}
#dasbord .profile h3{ font-size: 18px; color: #fff; padding: 15px; margin: 10px 0px 20px; background-color: #133227;}
#dasbord .profile h3 em{ font-size: 14px; font-style: normal; }
#dasbord .profile .form-control{ box-shadow:none; border:1px solid #ddd; outline:none; font-size:14px; color:#9f9f9f; background:#fff; font-weight:400;}
#dasbord .profile .col-form-label{ font-size:15px; font-weight:400; color:#3f3f3f;}
#dasbord .profile .checkbox label{ font-size:15px; font-weight:400; color:#3f3f3f; margin:0 15px;}
#dasbord .profile .custom-select{ box-shadow:none; outline:none;}
#dasbord .profile p{ font-size:16px; color:#333333; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
#dasbord .profile input[type=checkbox], input[type=radio]{ width:25px; height:14px;}
#dasbord .profile span .fa{ color:#fcb101; padding-right:10px;}
#dasbord .profile span{ padding:10px;}
/* #dasbord .stor_size_text{ border-right:1px solid #ddd;} */
#dasbord .stor_size_text h4{ font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 15px; padding: 5px; background: #133227;}
#dasbord .stor_size_text p{ color:#232323; font-size:16px; border-bottom:none;padding-bottom: 0;}
#dasbord .stor_size h4{ font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 15px; padding: 5px; background: #133227;}
#dasbord .stor_size p{ color:#232323; font-size:16px; border-bottom:none;padding-bottom: 0;}
#dasbord .summary p{color:#232323; font-size:16px; border-bottom:none;}	
#dasbord .summary_text p{color:#232323; font-size:16px; border-bottom:none; text-align:right;}	
#dasbord .profile ul li{ background:url(../images/dat.png) left 10px no-repeat; padding: 10px 0 5px 30px; font-size:15px; font-weight:400; color:#000;}
.table-wrapper-scroll-x.my-custom-scrollbar .table-striped{ background:url(../images/blar.png) top center no-repeat; background-size:cover; width:100%;white-space: nowrap;}

/* Sale_performance */
.sale_p{padding: 0px !important; margin: 0px !important;}
.sale_p h2{font-size: 24px; color: #f88e00; font-style: italic; font-weight: 500;}
#page_heading_sec{background: url(../images/back_slid.jpg)no-repeat; background-size: 100% 100%; text-align: center;}
#page_heading_sec h2{font-size: 40px; color: #fff; font-weight: 600; padding-bottom: 10px;}
#page_heading_sec p{font-size: 16px; color: #fff; font-weight: 500;}
#page_heading_sec p a{text-decoration: none; font-size: 16px; color: #fff; font-weight: 500; transition: 0.5s;}
#page_heading_sec p a:hover{text-decoration: none; font-size: 16px; color: #f88e00; font-weight: 500;}
#page_heading_sec .head{padding: 3% 0;}

.review_tab .nav-link{font-size: 15px !important; color: #8e8e8e !important; font-weight: 500 !important;     padding: 10px 10px 10px 0 !important;}
.review_tab .nav-link.active{font-size: 15px !important; color: #000 !important; border-bottom: solid 2px#328b6b !important; width: fit-content !important; padding: 10px 10px 10px 0 !important;}
i.clr{color: #f3bd6a;}
i.blank{color: #d8d8d8;}
.review_sec h5{color: #707070; font-size: 16px;}
.review_sec {
    border-right: 2px solid #f0f0f0;
    text-align: center;
}
.review_sec p {
    padding: 10px 0;
}

.review_row {
    padding: 20px 0;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    margin: 0;
}
#dasbord .review_row {
border-top: 0;
}
.review_row h4 {
    font-size: 15px;
    color: #8e8e8e;
    padding: 15px 0;
    font-weight: normal;
}
.review_row h5 {
    font-size: 15px;
    font-weight: 600;
}
.review_row p span {
    font-size: 15px;
    font-weight: 500;
    padding-right: 10px;
}
.star_content, .star_content_color {
    display: flex;
}
.review_sec h1 {
    font-size: 48px;
    color: #6a9b00;
    font-weight: 600;
}

.star_content h5 {
    width: 75%;
    height: 7px;
    background: #6a9b00;
    border-radius: 30px;
    align-self: center;
}
.star_content p {
    text-align: center;
    font-weight: 300;
    font-size: 15px;
    color: #929292;
    padding: 4px 10px;
}
.star_content_color h5 {
    width: 75%;
    height: 7px;
    background: #e5e5e5;
    border-radius: 30px;
    align-self: center;
}
.star_content_color p {
    text-align: center;
    font-weight: 300;
    font-size: 15px;
    color: #929292;
    padding: 4px 10px;
}


/* last */


.profile img{border: solid 1px #f6f6f6;}
.profile_review_tab{padding: 15px 0;border-bottom: solid 1px #eee;margin: 0;}
.profile_review_tab .col-9 h3{font-size: 15px; color: #000;}
.profile_review_tab .col-9 p{font-size: 13px; color: #8e8e8e;}
.hand_up p{color: #33b050; font-size: 13px; padding: 10px 0; font-weight: 600;}
.reply_row .col-6 a{color: #1ec5fa; font-size: 15px; font-weight: 600; text-decoration: none;}
.reply_row .col-6 a i{padding-right: 5px;}
.reply_row .col-6 h6{color: #8e8e8e; font-size: 15px; font-weight: 500;}
.reply_row .col-6 h6 a.s1{border: solid 1px #8e8e8e; padding: 3px 6px; color: #8e8e8e;}
.reply_row .col-6 h6 a.s2{border: solid 1px #8e8e8e; padding: 3px 6px;color: #8e8e8e;}
a.btn_green{background: #0d8a32; color: #fff; border-radius: 3px; padding: 7px 10px; text-decoration: none;
    line-height: 3;}
.date{color: #d0d2d6; font-size: 14px;}
.message_row h4{font-size: 14px; color: #000; font-weight: 600;    padding: 5px 0 10px 0;}
.joined_new_user{padding: 15px 0;border-bottom: solid 1px #eee;margin: 0; margin: 15px 0;} 
.message_new_sec{padding: 15px 0;border-bottom: solid 1px #eee;margin: 0; margin: 15px 0;}
.message_new_sec a.btn_green{background: #ff9906; color: #fff; border-radius: 3px; padding: 7px 10px; text-decoration: none;
    line-height: 3;}
.form-group .col-sm-9 {align-self: center;}
.col-form-label {font-size: 14px; text-align: right;}
.custom-file-label {margin: 15px;}
.btn_sumbit {display: grid;justify-content: center;}
.save_btn {line-height: 2;padding: 7px 30px;background: #f88e00;color: #fff;font-size: 16px;font-weight: 600;margin: 0 15px;border-radius: 3px;text-decoration: none; border: none;}
.edit_btn {line-height: 2;background: #172a55;color: #fff;font-size: 16px;font-weight: 600;margin: 0 15px;border-radius: 3px;padding: 7px 30px;text-decoration: none; border: none;}
.input-group-text {border-left: none;border-radius: 3px !important;}
.table_custom td {padding: 5px;vertical-align: top;border-top: none;}

.border_box{border: solid 1px #ddd;}
.border_box .col-4{text-align: center; border-right: solid 2px #ddd;}
.select_btn{line-height: 2;padding: 7px 30px; border:none;background: #f88e00;color: #fff;font-size: 16px;font-weight: 600;margin: 15px;border-radius: 3px;text-decoration: none;}
.nav_sell_buy{margin-bottom: 20px;}
.nav_sell_buy .nav-link {font-size: 18px;color: #000000 !important;font-style: normal;font-weight: 500;border: none;}
.nav_sell_buy .nav-link.active {font-size: 18px;color: #328b6b !important;font-style: normal;font-weight: 500;border: none;border-bottom: solid 1px #328b6b;}

/********model**********/

#add_plus .modal-body .form-control{ box-shadow:none; outline:none; font-size:14px; padding:10px; display:block; border:1px solid #ddd;}
#add_plus .modal-body label{ font-size:15px; color:#555; font-weight:500;}
#add_plus .modal-footer .btn{ background:#8cb100; border:1px solid #8cb100; font-size:16px; display: inline-block; padding:5px 10px;    font-weight: 400; box-shadow:none; outline:none;}
#add_plus.modal-footer .btn:hover{background:#172a55; border:1px solid #172a55;}
#add_plus .modal-body .form-check a{text-decoration:none; font-size:14px; font-weight:500;}
#add_plus .close {float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5;  box-shadow:none; outline:none;}
#add_plus .modal-title{ font-size:18px; color: #000; font-weight:500;}   
    
/********password**********/   
#save_model .form-control{display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; box-shadow:none; outline:none;}   
#save_model .btn{ background:#8cb100; border:1px solid #8cb100; font-size:16px; display: inline-block; padding:5px 10px;    font-weight: 400; box-shadow:none; outline:none;}   
#save_model .btn:hover{background:#172a55; border:1px solid #172a55;}   
#save_model .close {float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5;  box-shadow:none; outline:none;}    
#save_model .modal-title{ font-size:18px; color: #000; font-weight:500;}





/**********about_us*********/
#about_us{ padding:50px 0 0;}
#about_us .portal{ border:1px solid #ddd;}
#about_us .portal ul li{ list-style:none;  border-bottom:1px solid #ddd; padding:10px 0}
#about_us .portal ul li:last-child{ border:none;}
#about_us .portal ul li a{ text-decoration:none; font-size:18px; font-weight: 600; padding:0px 15px; color:#000;}
#about_us .portal ul li a:hover{ color:#308969;}
#about_us .welcome h2{ font-size:32px; color:#333; font-weight:700;margin-bottom: 25px;}	
#about_us .welcome h3{ font-size:24px; color:#000; font-weight:400; padding:15px 0;}
#about_us .welcome p{ font-size: 18px; color: #555; font-weight: 400; line-height: 30px;}
#about_us .slide {margin-bottom: 30px;}
#about_us .welcome { padding: 20px 15px; border: 2px solid #dee2e6; margin-top: 5px; border-radius: 0 0 8px 8px; }

/**********contact_us*********/
#contact_us{ padding:50px 0 30px;}
.loction { padding: 15px; border-radius: 10px; box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.11); margin-bottom: 30px; }
#contact_us .loction h2{font-size:32px; color:#333; font-weight:700; padding-bottom:20px;}
#contact_us .loction p{ font-size:16px; color:#555; font-weight:400; padding-bottom:15px;}
#contact_us .loction ul li{ list-style:none; padding:10px 0; border-bottom:1px solid #ddd;}
#contact_us .loction ul li:last-child{ border:none;}
#contact_us .loction ul li a { font-size: 16px; color: #000; text-decoration: none; display: flex; align-items: center; }
#contact_us .loction ul li a:hover{ color:#308969;}
#contact_us .loction ul li a i { margin-right: 15px; font-size: 18px; width: 35px; text-align: center; color: #fff; background-color: #308969; height: 35px; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
#contact_us .loction .form-control { font-size: 16px; color: #555; border: 1px solid #ddd; font-weight: 400; display: block; padding: 10px 15px; box-shadow: none; border-radius: 6px; }
#contact_us .loction label{ font-size:16px; color:#000; font-weight:400;}
#contact_us .loction .btn { background: #308969; font-size: 20px; font-weight: 600; color: #fff; border-radius: 5px; padding: 10px 25px; }
#contact_us .loction .btn:hover{ background:#1d523f;}
#contact_us .slide {margin-bottom: 30px;}

.address-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    font-family: Arial, sans-serif;
  }

  .address-box {
    flex: 1;
    border: 1px solid #ccc;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background-color: #f9f9f9;
  }

  .address-box h4 {
    margin-top: 0;
    text-decoration: underline;
  }
			

/**********login*********/
#login{ padding:50px 0;}
#login .details h2{ color:#f88e00; font-size:32px; font-weight:bold; padding:15px 15px 5px;}
#login .details{ border:1px solid #ddd;}
#login .details p{ font-size:18px; color:#f88e00; padding:0 15px;}
#login .supplier{ padding: 15px; border: 1px solid #ddd; border-radius: 16px; background-color: #f2f2f2;}
#login .supplier h2 { color: #333; font-size: 28px; font-weight: 700; padding-bottom: 15px; }
#login .supplier .form-control{ font-size:14px; color:#555; border-radius:8px; border:1px solid #ddd; font-weight:400; display:block; padding:10px; box-shadow:none;}
#login .supplier .btn{ background:#308969; font-size:16px; font-weight:600; color:#fff; border-radius:5px; padding:8px 25px;width: 175px;margin: 0 auto;display: block;}
#login .supplier .btn:hover{ background:#1d523f;}
#login .forgetpwd{color:#308969; font-size:16px; display:inline-block; margin-bottom:10px;display: flex;justify-content: flex-end;font-weight: 600;}
#login .supplier p{ text-align:center; font-size:16px; color:#999;}
#login .facebook{ background:#3a559f; font-size:16px; color:#fff; font-weight:600; width:100%; display:inline-block; padding:10px 15px; border-radius:5px; border:none;box-shadow:none; text-decoration:none; text-align: center;}
#login .gogle{background:#dd4b39; font-size:16px; color:#fff; font-weight:600;  padding:10px 15px; border-radius:5px; border:none; box-shadow:none; text-decoration:none;width:100%; display:inline-block; text-align: center;}
section#login h3 { font-size: 20px; display: block; margin: auto; padding: 28px 0 0; }
#login .supplier p a{ color:#308969;font-weight: 600; }
.supplier label { font-weight: 600; font-size: 14px; }
/******our team******/
#our { padding: 20px 11px; border: 2px solid #dee2e6; margin-top: 5px; border-radius: 0 0 8px 8px; }
#our h2{ font-size:32px; font-weight:500; color:#333;margin-bottom: 30px;}
#our .member .text h4 { color: #fff; margin-top: 0; margin-bottom: 10px; font-size: 16px; font-weight: 600; }
#our .member .text p{color: #fff; font-size:20px;}   
#our .member .text ul li{ display:inline-block; list-style:none;}    
#our .member .text ul li a{ font-size:30px; text-decoration:none; padding:0 5px;}     
#our .member .text ul li a .fa{ color:#fff;}    
#our .member {cursor: pointer; position: relative; width: 100%; margin-bottom: 30px; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); border: 3px solid #308969; }
#our .member img { display: block; width: 100%; height: auto; }

#our .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #308969bf; }

#our .member:hover .overlay { opacity: 1; }
#our .text { position: absolute; top: 50%; left: 49%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
#our .become a{text-align: center; font-size: 22px; color: #000; padding: 98px 28px; text-decoration: none; font-weight: bold; display: inline-block; border: 3px solid #308969bf; border-radius: 10px;}  
#our .become a:hover{ color:#308969bf;}    
   

/**faq**/
#faq{ padding:50px 0;}
#faq h2{ font-size:28px; color:#333; font-weight:600;text-align: center;margin-bottom: 30px; }
#faq p{ font-size:18px; color:#555; font-weight:400;}
#faq p + p{ margin-top: 10px;}
#faq .accordion .fa { position: absolute; right: 20px; top: 21px; }
#faq .card{     margin: 10px 0; border-radius: 10px; overflow: hidden;}      
#faq .btn-link{ font-weight: 600; font-size: 20px; display: block; text-align: left; width: 100%; text-decoration: none; padding: 15px; background: #308969; color: #fff; border-radius: 0;}     
#faq .card-header{padding:0px; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125);}  
/***blog***/
#blog{ padding:50px 0;}
#blog h2{ font-size:32px; color:#f88e00; font-weight:500;padding-bottom: 20px;}
#blog .blog-img {
	position: relative;
}
#blog .blog-img img {
	width: 100%;
}
#blog .post-category a {
	display: inline-block;
	background-color: #FF7200;
	color: #fff;
	font-size: 15px;
	padding: 5px 20px;
}
#blog .single-blog:hover img {
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
}
#blog .post-category {
	position: absolute;
	left: 0;
	bottom: 0;
}
#blog .blog-content {
	padding:15px;
}
.single-blog {
	border: 1px solid #eee; margin-bottom: 25px;
}
#blog .blog-title h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}
.meta ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#blog .meta ul li{ display:inline-block; color:#000; font-size:14px;}
#blog .meta ul li a{ text-decoration: none; color: #308969; font-size: 14px; font-weight: 600; }
#blog .meta {
	margin-bottom:10px;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
#blog .blog-content a.box_btn { display: inline-block; background-color: #308969; padding: 10px 25px; color: #fff; text-transform: capitalize; margin-top: 20px; border-radius: 30px; }
#blog a.box_btn::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #1f654c;
	left: -100%;
	top: 0;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1;
}
#blog a.box_btn {
	overflow: hidden;
	z-index: 2;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
	text-decoration:none;
}
#blog a.box_btn:hover::before {
	left: 0;
	z-index: -1;
}
#blog audio { width: 100%; margin-bottom: 15px; }
#blog .blog-img iframe { width: 100%;height: 238px;}
   
#blog .search{background: #f8f8f8;
    border: 1px solid #ebebeb;
    padding: 57px 20px 54px 20px;
    border-radius: 4px;}

#blog .search h3{ font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 20px;}

#blog .search input{  height: 35px;
    border: 1px solid #ebebeb;
    background: #fff;
    color: #242424;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;}	

#blog .search button {
    color: #fff;
    display: inline-block;
    background: #242424;
    border: none;
    padding: 0 20px;
    height: 34px;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 3px;
}
#blog .search .widget_list > h3{font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin: 20px 0;}

#blog .search .post_wrapper{ 
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;}
#blog .search .post_thumb {
    width: 55px;
    float: left;
    margin-right: 10px;
}
#blog .search .post_thumb a img {
    border-radius: 50%;
}
#blog .search .post_info span {
    font-size: 12px;
}
#blog .search .post_info a{ font-size:14px;color: #000;}
#blog .search .post_info h3 {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 14px;
    margin-bottom: 5px;
}
#blog .search .post_info h3 a{ color:#000;}

#blog .search .widget_list > ul > li {
    border-bottom: 1px solid #ebebeb;
}
#blog .search .widget_list > ul > li > a {
    font-size: 14px;
    display: block;
    line-height: 25px;color: #555;
    padding: 10px 0;text-decoration:none;
}
#blog .search .widget_list > ul > li > a:hover{ color:#f88e00;}
#blog .search .tag_widget ul li {
    display: inline-block;
}
#blog .search .tag_widget ul li a:hover { color:#f88e00;}
#blog .search .tag_widget ul li a {
    margin: 0 6px 5px 0; text-decoration:none;
    display: block;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #ebebeb;
    background: #fff;
    padding: 0 15px;
    line-height: 29px;
    border-radius: 3px; color:#555;
}

.blog_pagination {
    margin-bottom: 60px;
}
.blog_pagination .pagination {
    border: 1px solid #ebebeb;
    justify-content: center;
    padding: 10px 0;
}
.pagination ul li.current {
    background: #308969;
    color: #ffffff; 
}
.pagination ul li a {
    display: block;
    border-radius: 3px; color:#000; text-decoration:none;
}
.pagination ul li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f1f1f1;
    border-radius: 3px;
    margin-left: 3px;
}
.pagination ul li a:hover {
    background: #308969;
    color: #ffffff;
}



.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination a {
    padding: 10px;
    margin: 0 5px;
    text-decoration: none;
    border: 1px solid #ddd;
    cursor: pointer;
}

.pagination a.active {
    background-color: #308969;
    color: white;
}

.pagination a:hover {
    background-color: #308969;
    color: white;
}

/*****Blog Details******/
#blog .col-12 .row + .row{
    margin-top: 15px;
}
.bolg_imagepart ul li {
    display: inline-block;
    padding: 0 6px 0 0;
    font-size: 15px;
    color: #000;
}
.bolg_imagepart ul {
    padding-bottom: 20px;
}
.bolg_imagepart p {
    font-size: 15px;
    font-weight: 400;
    padding: 20px 0;
}
.bolg_imagepart h3 {
    margin: 31px 0 31px 40px;
    font-style: italic;
    padding: 30px 45px;
    background: #f6f6f6;
    border: 1px solid #ebebeb;
    border-left: 4px solid #0063d1;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}
.left_part {
    width: 50%;
    float: left;
    display: block;
}
.Share-part i {
    background: #000;
    padding: 9px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #000;
    color: #ffff;
}
.Share-part i:hover {
    background: transparent;
    border: 1px solid #000;
    color: #000;
}
.Share-part {
    font-size: 14px;
    text-transform: capitalize;
    margin-right: 20px;
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 700;
}
.left_part ul li {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.left_part a{color: #000; text-decoration: none;}

.left_part a:hover{color: #0063d1; }
.meta.di_part ul li {
    display: inline-block !important;
    font-size: 13px !important;
}
.blog-title.blog_partimah a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
}
/*div#nav-tab {
    display: inline-block;
    float: left;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 15px;
    color: #000;
}
a#nav-home-tab {
    border: 1px solid #000;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #000000 #000000 #000000;
        color: #f88e00;
}*/
/*.tab-content>.active {
    display: flex;
    padding: 0 50px;
}*/

/*.nav-tabs .nav-link {
    border: 1px solid black;
    border-radius: 0;
    border-top-right-radius: 0;
        color: #000;
}
.nav-tabs {
    border-bottom: 0;
}*/
.comments_box {
    margin-bottom: 54px;
}
.comments_box h3 {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 500;
    line-height: 28px;
}
.comment_list {
    overflow: hidden;
    margin-bottom: 30px;
}
.comment_list .comment_thumb {
    display: inline-block;
    float: left;
}
.comment_list .comment_content {
    margin-left: 70px;
    position: relative;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 15px;
}
.comment_list .comment_content p {
    margin-bottom: 0;
    font-size: 14px;
}
.comment_reply {
    position: absolute;
    top: 20px;
    right: 12px;
}
.comment_reply a {
    padding: 2px 10px;
    border-radius: 3px;
    color: #fff;
    background: #242424;
    display: block;
    text-decoration: none;
}
.comment_meta a {
    color: #000;
    text-decoration: none;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.comment_list .comment_content h5 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.comment_list .comment_content h5 a:hover {
    color: #0063d1;
}
.comment_reply a:hover {
    background: #0063d1;
}

.comment_list.list_two {
    padding-left: 50px;
}
.comments_form h3 {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 500;
    line-height: 28px;
}
.comments_form p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}
.comments_form form label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}


.comments_form form textarea {
    width: 100%;
    height: 200px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
    resize: none;
    padding: 10px;
}
.comments_form form input {
    width: 100%;
    height: 40px;
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 0 20px;
}
.comments_form form button {
    border: 0;
    line-height: 36px;
    background: #242424;
    font-weight: 500;
}

.button {
    background: #0063d1;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 22px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 3px;
}
.comments_form form button:hover {
    background: #0063d1;
}


/*********search page********/
#search_page { overflow:hidden; margin-bottom:40px;}
#search_page .serchleft{    float: left;  width: 230px; padding:12px; border:solid 1px #ddd; background:#fff; }
#search_page  h6{ padding:0 0 10px; border-bottom:solid 1px #ddd; margin-bottom:20px;}
#search_page .serchleft h6 .btnhdng { display:inline-block; padding:10px 15px; border-radius:5px;  background: #ffc722;  color: #333; font-size: 15px;}
#search_page  h6 .serchdng{ padding:12px 20px;    display: inline-block; background:#ffc722; color:#000; font-size:15px; }
#search_page .serchleft .input-group .sarchinput{ height:36px;     font-size: 13px; box-shadow:none; border-radius:5px 0 0 5px; outline:none; border-right:none; padding:10px;}
#search_page .serchleft .input-group .sarchinput:focus{ border-color:#ddd;}
#search_page .serchleft .input-group .btn{height:36px; box-shadow:none; border-radius:0 5px 5px 0; outline:none; border:solid 1px #ddd; background:none; color:#666; font-size:16px; padding:5px 12px; margin-left:-5px; border-left:none;}
#search_page .serchleft label{ font-size:14px;   }
#search_page .serchleft .inpthdng{ margin: 10px 0 5px;}
#search_page .serchleft .form-control{height:36px !important; font-size:13px; padding:10px 5px;}
#search_page .serchleft .brk{ font-size:14px; margin:10px 0 5px; display:block;}
#search_page .serchleft p{ font-size:14px; margin:46px 0 0; display:block;}
#search_page .serchleft .formt{ font-size:14px;}
#search_page .serchleft .col-md-2{ padding:0 10px;}
#search_page .serchleft .pdgrgtnne{ padding-right:0;}
#search_page .serchleft .pdglftnne{ padding-left:0;}
#search_page .serchleft .pdglftnne .form-control{ margin-top:33px;}
#search_page .serchright{    float: left;    width: calc(100% - 230px); padding:12px; /*margin:30px 0;*/  border:solid 1px #ddd; background:#fff;}
#search_page .serchright .table th:nth-child(1){ width:40px;}
#search_page .serchright .table th{    padding: 10px; font-size:15px; color:#fff; border:none; font-weight:500; width:100px;}
#search_page .serchright .table td{ font-size:14px; color:#333;}
#search_page .serchright .table td .btn{ background:#ffc722; color:#000; font-size:14px;}
#search_page .serchright .table td .btn:hover{    background: #172a55; color:#fff;}

/*********salesone page********/
#salesone_page .salesone_part{ padding:15px; border:solid 1px #ddd; background:#fff;}
#salesone_page .salesone_part .salesonepart_rgt h3{ font-size:24px; color:#333; font-weight:500;  }
#salesone_page .salesone_part .salesonepart_rgt .rewslst .fa{ font-size:20px; color:#f8ad1c;}
#salesone_page .salesone_part .salesonepart_rgt .rewslst{ position:relative;}
#salesone_page .salesone_part .salesonepart_rgt .rewslst a{ font-size:14px; color:#333;  font-weight:400; }
#salesone_page .salesone_part .salesonepart_rgt .rewslst .btn{ background:none; border:none; outline:none; box-shadow:none;position:absolute; right:0; bottom:-34px;    padding: 0; }
#salesone_page .salesone_part .salesonepart_rgt .rewslst .btn .fa{ color:#f62749;font-size:16px; }
#salesone_page .salesone_part .salesonepart_rgt ul{ margin-top:40px;}
#salesone_page .salesone_part .salesonepart_rgt ul li{font-size:16px; color:#333; font-weight:400; margin:10px 0;}
#salesone_page .salesone_part .salesonepart_rgt ul li .fa{ color:#f62749;font-size:18px; padding-right:4px; }
#salesone_page .salesone_part .salesonepart_rgt .seeprofile{ text-align:right;}
#salesone_page .salesone_part .salesonepart_rgt .seeprofile a{ font-size:18px; color:#fff; font-weight:400; background:#f62749; text-decoration:none; text-align:center; padding:10px 35px; } 

#salesone_page .salesone_partwo { margin:30px 0 90px;}
#salesone_page .salseonvdeo{ margin:30px 0 0;}
#salesone_page .salesone_partwo .carousel-indicators{ bottom:-112px;}
#salesone_page .salesone_partwo .carousel-indicators li{ width:200px; height:80px; opacity:0.5;}
#salesone_page .salesone_partwo .carousel-item img {   height: auto;}
#salesone_page .salesone_partwo .carousel-indicators li.active{ opacity:9;}
#salesone_page .salseonvdeo iframe { width: 100%;  height: 315px;}
#salesone_page .prodctable{ margin:50px 0;}
#salesone_page .prodctable .table{ border:solid 2px #ddd;    background: url(../images/blar.png) top center no-repeat;background-size: cover;width: 100%;}
#salesone_page .prodctable .table th{ border:solid 1px #fff !important; font-size:15px; background:#40e0d0; color:#333;}
#salesone_page .prodctable .table td{ border-left:solid 1px #333; font-size:14px; color:#333; font-weight:400;}
#salesone_page .prodctable .table .bgnone{ border:solid 1px #fff; background:none;font-size:14px; color:#008000; font-weight:600;}
#salesone_page .prodctable .table td .btn{background:none; border:none; outline:none; box-shadow:none; font-size:15px; padding:0; color:#3587fe;}

#salesone_page .responename{ margin:40px 0;}
#salesone_page .responename .table{ text-align:center; border:solid 2px #ddd;    background: url(../images/blar.png) top center no-repeat;background-size: cover;width: 100%;}
#salesone_page .responename .table th{ border:solid 1px #fff !important; font-size:16px; background:#40e0d0; color:#333;}
#salesone_page .responename .table td{ border-left:solid 1px #333; font-size:15px; color:#333; font-weight:500;}

/*table model*/
#tablemodel .btmfrm { width:90%; margin:0 auto;}
#tablemodel .modal-body h4{ font-size:18px; color:#333; text-align:center;}
#tablemodel .modal-lg {   max-width: 900px;}
#tablemodel .btmfrm .col-sm-4{ padding:0;}
#tablemodel .btmfrm  .col-form-label{ padding:0; margin:0;}
#tablemodel .btmfrm .col-sm-9{ padding:0 5px;}

/*********salestwo page********/
#salesone_page #salestwo_page .salesone_partwo{ margin:0 0 110px;}
#salesone_page #salestwo_page .salspert_two .salesonepart_rgt{ padding:20px 0 0;}
#salesone_page #salestwo_page .salspert_two .salesonepart_lft {    padding: 0 180px 0 0;}
#salesone_page #salestwo_page .salspert_two .salesonepart_lft img{ width:100%;}
#salesone_page #salestwo_page .salspert_two .salesonepart_rgt h3 {    font-size: 18px;}
#salesone_page #salestwo_page .salspert_two .salesonepart_rgt .rewslst .fa {   font-size: 16px;  width: 15px;}
#salesone_page #salestwo_page .salspert_two .salesonepart_rgt ul {   margin-top: 40px;}
#salesone_page #salestwo_page .salspert_two .salesonepart_rgt ul li { font-size: 16px;} 
#salesone_page .salesone_part .salspert_two .seeprofile a {  font-size: 16px; padding: 9px 20px;}
#salesone_page #salestwo_page  .salesone_partwo .carousel-item img{ height:400px;}


/******search1 css*******/
/* #search_page.search_page1 .search1_left{ float:none; width:100%;}
#search_page.search_page1 .search1_rght{margin:30px 0; float:none;  width:inherit; } */
#search_page.search_page1 .search1_left .form-control {  height: 40px !important;}
#search_page.search_page1 .search1_left .input-group .btn { height: 40px;border: 1px solid #ced4da;border-radius: 0 .25rem .25rem 0;}







/*************************/
@media (min-width: 1200px) {

  
}

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

/********home*******/
#header-top .top_form input{width: 340px;}
#dasbord{ padding:30px 0 20px;}
#dasbord .upcoming{padding-top: 20px;}
#dasbord .upcoming .table td{ font-size:12px; padding: 6px 3px;}
#dasbord .table_text .table td, .table th{ padding: 10px 2px;}
#dasbord .upcoming .table .thead-light th{ font-size:11px;}
#dasbord .days ul li{padding: 2px 10px; margin: 0 0px 0 6px;}
#dasbord .profile input[type=checkbox], input[type=radio]{ width:20px;}
#dasbord .nav-pills .nav-link{font-size: 13px; padding: 8px 3px;}
#dasbord .order_new .table thead th{ font-size:13px;}
/* #footer .address form{width: 260px;} */
#dasbord .panel-body ul li a{ font-size:12px;}
#our{ padding:40px 0;}
#our .become a{ padding: 84px 28px; font-size: 18px;}
#faq{ padding:40px 0;}
#faq h2{ font-size:26px;}

#blog .blog-img iframe{height:198px;}
#blog{ padding:40px}
.blog_pagination {margin-bottom: 40px;}
    
/*********search page********/
#search_page .serchright .table th:nth-child(1) { width: 65px;}
#search_page .serchleft .pdglftnne .form-control{ margin-top:31px;}
}


@media (min-width:768px) and (max-width:991px){
/********home*******/
/* #header{ display:none;} */
#header-top .top_form input{width: 340px;}
#dasbord{ padding:30px 0 20px;}
#dasbord .upcoming{padding-top: 20px;}
#dasbord .upcoming .table td{ font-size:12px; padding: 6px 3px;}
#dasbord .table_text .table td, .table th{ padding: 10px 8px; font-size:12px;}
#dasbord .upcoming .table .thead-light th{ font-size:11px;}

#header-top{ display:none;}
#menu-top .drop_text{ display:none;}
#menu-top .navbar-brand{ display:block; padding-top:0;}
#menu-top .navbar-light .navbar-toggler{color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); background: #308969;    padding: 2px 7px;    margin: 2px 0;}
#dasbord .nav-pills .nav-link{ font-size:12px; padding:5px;}
#dasbord .next_tab h3{ font-size:16px;}
#dasbord .next_tab{margin: 10px 0;}
#dasbord .next_tab .col-form-label{ padding:0;}
#dasbord .days ul li a{ font-size:10px;}
#dasbord .days ul li{margin: 0 0 0 2px; padding: 0px 7px;}
#dasbord .days ul{ padding:10px 0;}
#dasbord .days .time{ padding:10px;}
#dasbord .new_tab{padding: 10px 0 0;}
#dasbord .new_tab .nav-tabs .nav-link{padding: 0 20px 0 0; font-size: 14px;}
.mb-3, .my-3{ margin-bottom:0;}
#dasbord .new_tab .form-content{margin: 5px 0;}
#dasbord .new_tab .btn.btn-default{font-size: 11px; padding: 9px 3px;}
.table_text .table thead th{ font-size:12px;}
#degres{margin-bottom: 20px;}
#dasbord .tatal img{ width:60px; margin-right:10px;}
#dasbord .tatal h4{ font-size:12px;}
#dasbord .tatal h5{ font-size:20px;}
#dasbord .tatal p{ font-size:13px;}
#dasbord .slide{margin-bottom: 10px;}
#footer{ padding:30px 0;}
#copy_right .copy ul li a img{ width:30px;}
#copy_right .copy p{padding-top: 5px;}

/***********co-profile*********/
#dasbord .profile h2{ font-size:20px;}
#dasbord .profile h3{ font-size:16px; padding:10px;}
#dasbord .profile .col-form-label{ padding:5px 0 0 0; font-size:14px;}
#dasbord .profile .checkbox label{margin: 0 1px;font-size: 14px;}
#dasbord .profile .up_img img{ width:90px;}
#dasbord .profile p{ font-size:14px;}
#dasbord .profile input[type=checkbox], input[type=radio]{ width:20px; height:14px;}
#dasbord .stor_size_text h4{ font-size:15px;}
#dasbord .profile p{ font-size:12px;}
#dasbord .profile ul li{ font-size:14px;}
#dasbord .tabbable-line > .nav-tabs > li.active > a{ font-size:15px;}
#dasbord .my-custom-scrollbar {position: relative; width:100%;overflow-x: auto;}
#dasbord .panel-body ul li a{ font-size:10px;}

/***home**/
/* #slide-banner{ padding:30px 0;} */
/* #slide-banner .online h1{ font-size:30px;} */
/* #slide-banner .online h2{ font-size:30px;}
#slide-banner .online h3{ font-size:32px;} */
#slide-banner .category{ margin-top:20px;}
#slide-banner .input-group-prepend.form_part{ margin-left: 14%;padding-top: 20px;}
/* #slide-banner .product ul li{ padding: 10px 15px; margin: 25px 5px 0;} */
#video_text{padding: 30px 0;}
#video_text .about_tx{ padding-top:15px;}
#video_text .about_tx h2{ font-size:26px;}
#video_text .about_tx h3{ font-size:18px;}

/**********about_us*********/
#about_us{ padding:30px 0 0;}
#about_us .portal ul li a{ font-size:16px;}
#about_us .welcome h3{ font-size:20px;}
#about_us .welcome h2{ font-size:30px;}

/**********contact_us*********/
#contact_us .loction h2{ font-size:28px; padding-bottom: 10px;}
#contact_us{ padding:30px 0;}

/**********login*********/
#login{ padding:30px 0;}
#login .supplier h2{ font-size:24px;}
#login .forgetpwd{ margin-bottom:0;}

/**********our team*********/
#our{ padding:30px 0;}
#our .become a{padding: 55px 10px; font-size: 14px;}
#our h2{ font-size:28px;}
/* .tab-content>.active {padding: 0;float: right;} */
div#nav-tab {padding: 0;}

/***#faq***/
#faq{ padding:30px 0;}
#faq h2{ font-size:24px;}
#faq .bs-example{ padding:10px 0;  margin: 0px 0 0;}
#faq .card-body{ padding:10px; }

/***blog***/
#blog .blog-img iframe{height:140px;}
#blog{ padding:20px 0;}
.blog_pagination {margin-bottom: 20px;}
#blog h2{ font-size:24px;}
#blog .search{padding: 30px 10px 10px 10px;}
#blog .search .widget_list > h3{ font-size:15px;margin: 10px 0;}
#blog .blog-content{padding:10px;}
#blog .blog-title h4{ font-size:16px; }
#blog .blog-content p{ font-size:14px;}
#blog .search h3{margin-bottom:10px;}
#blog .search input{ margin-bottom:10px;}
#blog .search .widget_list > ul > li > a{ padding:5px 0;}

/*********search page********/
#search_page .serchright .table th:nth-child(1) { width: auto;}
#search_page .serchright .table th { width: auto;}
#search_page .serchright .table .img img{ width:14px;}
#search_page .serchleft .pdglftnne .form-control{ margin-top:31px;}

/*table model*/
#tablemodel .modal-lg {   max-width:800px;}
#tablemodel .modal { padding-right:0 !important;}
#salesone_page .salesone_partwo {   margin: 40px 0 145px;}
#salesone_page .prodctable { margin: 40px 0 0;}
/*********salestwo page********/
#salesone_page #salestwo_page .salesone_part{ margin-bottom:40px;}
#salesone_page .salseonvdeo {    margin:0}
#salesone_page .responename {    margin:30px 0;}
#salesone_page .responename.responename_ipad {    margin:40px 0;}


/******search1 css*******/
#search_page.search_page1 .search1_rght{margin:30px 0 0;  }

}

@media (max-width: 767px) {
/********home*******/
#menu-top ul li{ padding:0;}
#menu-top ul li a{ font-size:14px; padding: 3px 0;}
/* #header{ display:none;} */
#header-top .top_form input{width: 340px;}
#dasbord{ padding:15px 0 10px;}
#dasbord .upcoming{padding-top:10px;}
#dasbord .upcoming .table td{ font-size:12px; padding: 6px 3px;}
#dasbord .table_text .table td, .table th{ padding: 10px 10px; font-size:12px;}
#dasbord .upcoming .table .thead-light th{ font-size:11px;}

#header-top{ display:none;}
#menu-top .drop_text{ display:none;}
#menu-top .navbar-brand{ display:block;}
#menu-top .navbar-light .navbar-toggler{color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); background: #328b6b;    padding: 2px 7px;}
#dasbord .nav-pills .nav-link{ font-size:12px; padding:5px;}
#dasbord .next_tab h3{ font-size:16px; padding-bottom:0;}
#dasbord .next_tab{margin: 10px 0 0;}
#dasbord .next_tab .col-form-label{ padding: 0 0 7px 15px;}
#dasbord .days ul li a{ font-size:10px;}
#dasbord .days ul li{margin: 3px 0 3px 2px; padding: 0px 7px;}
#dasbord .days ul{ padding:10px;}
#dasbord .days .time{ padding:10px;}
#dasbord .new_tab{padding: 10px 0 0;}
#dasbord .new_tab .nav-tabs .nav-link{padding: 0 9px 0 0; font-size: 13px;}
.mb-3, .my-3{ margin-bottom:0;}
#dasbord .new_tab .form-content{margin: 5px 0;}
#dasbord .new_tab .btn.btn-default{font-size: 11px; padding: 6px 15px;}
.table_text .table thead th{ font-size:12px;}
#degres{margin-bottom:10px;}
#dasbord .tatal img{ width:60px; margin-right:10px;}
#dasbord .tatal h4{ font-size:12px;}
#dasbord .tatal h5{ font-size:20px;}
#dasbord .tatal p{ font-size:13px;}
#dasbord .slide{margin-bottom: 10px;}
#footer{ padding:15px 0;}
#copy_right .copy ul li a img{ width:30px;}
#copy_right .copy p{padding-top: 5px;}
/* #footer .address input{height: 35px;} */
#footer .address form{width: 285px;}
#footer .address h3 { font-size: 20px; padding-top: 26px; }
#footer .address img{ padding-bottom:0;}
#footer .address h2{padding-bottom: 10px;}
#footer .address{ padding:5px 0;}
#copy_right .copy ul{ float:none; padding-top:10px;}
#copy_right{padding: 10px 0;}
#dasbord .flex-column{ margin-bottom:15px;}
#dasbord .media{ margin:10px 0;}
#dasbord .next_tab .form-control{ margin-bottom:10px;}
#dasbord .new_tab .input-group{ margin:3px 0;}
#dasbord .form_order h3{ font-size:15px;}
#dasbord .form_order{margin:5px 0;}
#dasbord .slwar li{ padding:5px;}
/* #footer .address .icon_ft li a img{ width:24px;} */
#footer .address ul .adds{ font-size:14px;}
#footer .address ul .phs{ font-size:14px;}
#footer .address ul .mail{ font-size:14px;}
#dasbord .slide .carousel-item img{ width:100%;}
#dasbord .table_text{overflow: scroll;}
#dasbord .tatal{ border-right:none;}

/***********co-profile*********/
#dasbord .profile h2{ font-size:16px;}
#dasbord .profile h3{ font-size:13px; padding:8px; margin: 10px 0px 10px;}
#dasbord .profile .col-form-label{padding: 5px 0px 0px 16px; font-size:14px;}
#dasbord .profile .checkbox label{margin: 0 1px;font-size: 13px;}
#dasbord .profile .up_img img{ width:80px; margin-right: 5px;}
#dasbord .profile .form-group{margin-bottom: 5px;}
#dasbord .profile .btn{ font-size:15px; margin-bottom:15px;}
#dasbord .profile p{ font-size:13px; margin-bottom:5px;}
#dasbord .profile span{ padding:0;}
#dasbord .stor_size_text h4{ font-size:13px;}		
#dasbord .stor_size h4{ font-size:13px;}
#dasbord .profile ul li{ font-size:13px;}
#dasbord .profile ul{ padding-bottom:15px;}
#dasbord .stor_size_text{ border-right:none;}
#dasbord .my-custom-scrollbar {position: relative; width:100%;overflow-x: auto;}
#dasbord .order_new .show .pagination{ float:none; padding-top:10px;}
.tabbable-line > .nav-tabs > li{margin-right: 15px;}
.tabbable-line > .nav-tabs > li > a{ font-size:14px;}
.tabbable-line > .tab-content{padding: 7px 0;}
#dasbord .order_new .form-control{ padding:4px;}


/* last */
.reply_row .col-6 h6 a.s1 {
  font-size: 13px;
  line-height: 3;
}
.reply_row .col-6 h6 a.s2 {
  font-size: 13px;
  line-height: 3;
}
.review_sec h1 {
  font-size: 30px;
}
.col-form-label {
  font-size: 14px;
  text-align: left;
}
.save_btn {
  margin: 15px;
}
.edit_btn {
  margin: 15px;
}
.border_box {
  border: solid 1px #ddd;
  margin: 15px -15px;
}
.nav_sell_buy .nav-link.active {
  font-size: 14px;
}
.nav_sell_buy .nav-link {
  font-size: 14px;
}
#save_model .form-group{ margin-bottom:5px;}
#add_plus .form-group{ margin-bottom:5px;}
#dasbord .panel-body ul li a{ font-size:10px;}

/***home**/
/* #slide-banner{ padding:20px 0;} */
#slide-banner .online h1{ font-size:20px;}
#slide-banner .online h2{ font-size:20px; padding: 10px 0;}
#slide-banner .online h3{ font-size:22px;}
#slide-banner .category{ margin-top:6px;}
#slide-banner .input-group-prepend.form_part{ margin-left:0%;padding-top:14px;}
/* #slide-banner .product ul li{ padding: 8px 15px; margin: 15px 0px 0; width:100%;} */
#video_text{padding:20px 0;}
#video_text .about_tx{ padding-top:10px;}
#video_text .about_tx h2{ font-size:20px;}
#video_text .about_tx h3{ font-size:14px;}
#video_text .about_tx p{ font-size:14px;}
#slide-banner .dropdown-toggle::after{ margin-left:10px;}
#slide-banner .btn.btn-outline-secondary.dropdown-toggle.button_style{padding: 6px 7px;font-size: 17px;    margin-top: 8px;}
#slide-banner .category .form-inline .form-control{ height:41px;}
#slide-banner .category .btn{ font-size:14px;padding: 9px 18px;}
#video_text .trade iframe{height: 167px;}
#video_text .slide .carousel-item img {width: 100%;}
#video_text .slide{margin-bottom: 10px;}

/**********about_us*********/
#about_us{ padding:20px 0 0;}
#about_us .portal ul li a{ font-size:14px;}
#about_us .welcome h3{ font-size:16px; padding:5px 0;}
#about_us .welcome h2{ font-size:20px; padding-top:10px;}
#slide h2{ font-size:22px;}
#about_us .portal ul li{ padding:4px 0;}
#about_us .welcome p{ font-size:14px; padding-bottom:15px;}
#about_us .slide {margin-bottom:10px;}
#about_us .slide img{ width:100%;}

/**********contact_us*********/
#contact_us .loction h2{ font-size:20px; padding-bottom: 5px;}
#contact_us{ padding:20px 0 0;}
#contact_us .loction p{ font-size:14px; padding-bottom:5px;}
#contact_us .loction ul li a{ font-size:14px;}
#contact_us .loction label{ font-size:14px;}
#contact_us .loction .form-control{ padding:6px;}
#contact_us .slide {margin:10px 0;}
#contact_us .slide img{ width:100%;}


/**********login*********/
#login{ padding:20px 0;}
#login .supplier h2{ font-size:20px; padding-bottom: 10px;}
#login .forgetpwd{ margin-bottom:0;}
#login .supplier{ padding:10px;  margin-bottom: 15px;}
#login .supplier .form-control{ padding:6px;}
#login .supplier .btn{ padding:6px 15px;}
#login .supplier .form-group{ margin-bottom:10px;}
#login .facebook{ padding:6px 15px;}
#login .gogle{ padding:6px 15px;}

/**********our team*********/
#our{ padding:20px 0;}
#our .become a { font-size: 18px; display: block; }
#our h2{ font-size:20px;}
#our .member { margin-bottom: 15px; }
/* .tab-content>.active {padding: 0;float: right;} */
div#nav-tab {padding: 0;}


/***#faq***/
#faq{ padding:20px 0;}
#faq h2{ font-size:20px;}
#faq .card-body{ padding:10px; }
#faq p{ font-size:14px; padding: 5px 0;}
#faq .btn{white-space: normal; border:none;}
#faq .btn-link{ font-size:15px;}

/***blog***/
#blog .blog-img iframe{height:140px;}
#blog{ padding:15px 0}
.blog_pagination {margin-bottom: 20px;}
#blog h2{ font-size:20px; padding-bottom:10px;}
#blog .search{padding: 30px 10px 10px 10px;}
#blog .search .widget_list > h3{ font-size:15px;margin: 10px 0;}
#blog .blog-content{padding:10px;}
#blog .blog-title h4{ font-size:16px; }
#blog .blog-content p{ font-size:14px;}
#blog .search h3{margin-bottom:10px;}
#blog .search input{ margin-bottom:10px;}
#blog .search .widget_list > ul > li > a{ padding:5px 0;}
#blog .blog-content a.box_btn{ margin-top:10px;}
.single-blog{margin-bottom: 15px;}

/*********search page********/
#search_page .serchleft{ float:none; width:auto; margin-bottom:30px;}
#search_page .serchright{ float:none; width:auto;}
#search_page .serchright .table th:nth-child(1) { width: auto;}
#search_page .serchright .table th { width: auto;}
#search_page .serchright .table .img img{ width:14px;}
#search_page .serchleft .pdgrgtnne{ padding-right:15px;}
#search_page .serchleft .pdglftnne {  padding-left: 15px;}
#search_page .serchleft p {  margin: 10px 0 10px;  text-align: center;}
#search_page .serchleft .pdglftnne .form-control{ margin-top:0px;}

/*table model*/
#salesone_page{ padding:20px 0 0;}
#salesone_page .prodctable {  margin: 34px 0 0;}
#salesone_page .salesone_part .salesonepart_lft img{ width:100%;}
#salesone_page .salesone_part .salesonepart_rgt{ padding:20px 0;}
#salesone_page .salesone_part .salesonepart_rgt h3 {   font-size: 20px;}
#salesone_page .salesone_part .salesonepart_rgt .rewslst .fa { font-size: 16px;    width: 11px;}
#salesone_page .salesone_part .salesonepart_rgt ul li {font-size: 14px;}
#salesone_page .responename .table th {   font-size: 15px;}
#tablemodel .btmfrm { width:80%;}
#tablemodel .btmfrm .col-form-label{ padding:5px 5px;}
#tablemodel .modal-lg {   max-width:100%;}
#tablemodel .modal { padding:0 5px !important;}

/*********salestwo page********/
#salesone_page #salestwo_page .salspert_two .salesonepart_lft {  padding:0;}
#salesone_page #salestwo_page .salesone_partwo {  margin:0px 0 130px;}

#salesone_page .responename {    margin:20px 0;}
#salesone_page .responename.responename_ipad {    margin:20px 0;}

/******search1 css*******/
#search_page.search_page1 .search1_rght{margin:30px 0 0;  }

}
@media (max-width: 627px) {
#slide-banner .category {
    margin-top: 14px;    
}
}
@media (min-width: 481px) and (max-width:766px) {
#slide-banner .category {
    margin-top: 14px;    }
}
@media (max-width: 480px) {
    #about_us .nav-tabs { display: block; }
    #about_us .nav-tabs .nav-link { margin-bottom: 5px;}
    #about_us { padding: 30px 0 !important; }
    #about_us .nav-tabs {
        border-bottom: 0;
    }
}

@media (max-width: 420px) {
    .bnnrslidr .carousel-indicators{bottom: 5px; }
}



/* modified pages */

/* footer */
.footer .address h1{ margin-bottom: 20px; }
.footer_top{ background: #133227; padding:50px 0;}
.footer{ background-color: transparent !important; padding: 0 !important; }
.footer .address input::placeholder{ color: #d6d6d6; }
.footer .address img{ padding-bottom: 0 !important; }

@media (max-width: 1199px) {
    .footer .address form { width: 100% !important; }
}
@media (max-width: 991px) {
    .footer .address form { width: 100% !important; }
    .footer .address{ margin-bottom: 20px; }
}


/* header */
#header .top_right {float: none; display: flex; align-items: center; justify-content: flex-end;margin-top: 0; height: 100%;}
#menu-top .navbar-nav { padding: 20px 0; }

@media (max-width: 991px) {
button.navbar-toggler { position: absolute; right: 0; top: -48px; }
#header .top_right { margin-right: 57px; }
}

/* banner */
.product { margin-top: 40px; }
#slide-banner .product ul li{ margin-top: 0; }
#carouselExampleFade .carousel-item { height: 100%; }
#carouselExampleFade .carousel-item img { height: 100%; width: 100%; object-fit: cover; }
#carouselExampleFade .carousel-inner{ height: 100%; }
#carouselExampleFade { height: 650px; }
.input_search_holder { max-width: 600px; margin: 30px auto 0; position: relative; }
.input_search_holder .btn { position: absolute; right: 0; width: 70px; top: 0; border: 0; height: 100%;background-color: #328b6b;color: #fff;border-radius: 0 30px 30px 0; }
.input_search_holder input{ width: 100%; padding: 15px 100px 15px 15px;border-radius: 30px; }
.trade { padding: 10px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 22px 2px rgba(0, 0, 0, 0.09); display: block; line-height: 100%; }

@media (max-width: 1199px) {
#slide-banner .online h1 { font-size: 36px; }
#slide-banner .online h2 { font-size: 20px; }
#slide-banner .online h3 { font-size: 20px; }

}

@media (max-width: 991px) {
#slide-banner .online h1{ font-size:30px;}
#about_us .col-md-10{margin-bottom: 20px;}
}

@media (max-width: 767px) {
#slide-banner .online h1 { font-size: 17px; }
#slide-banner .online h2 { font-size: 14px; }
#slide-banner .online h3 { font-size: 14px; }
#slide-banner .product ul li a { font-size: 14px; padding: 10px 15px; }
.product { margin-top: 40px; }
#carouselExampleFade { height: 500px; }
.input_search_holder input { padding: 10px 100px 10px 10px; }

}
@media (max-width: 480px) {
div#bannerbg_imgscn { padding: 30px 0; }
#slide-banner .online h1 { font-size: 18px; }
#slide-banner .online h3 { font-size: 15px; }
#slide-banner .product ul li a { padding: 6px 15px; display: block; }
#slide-banner .product ul li { width: 100%;margin: 0; margin-top: 7px;display: block; }
.product { margin-top: 25px; }
#carouselExampleFade { height: 600px; }
}
/* seller dashboard */
.dashboard_table{overflow: auto;}
.dashboard_table table { width: 1500px; max-width: 1500px; }
.table-wrapper-scroll-x.my-custom-scrollbar { overflow: auto; }

@media (max-width: 991px) {
#v-pills-tab { margin-bottom: 25px; }
#dasbord .tatal { margin: 25px 0; }
#employee_table,#site_table{ overflow: auto; }
#employee_table table,#site_table table{ white-space: nowrap; }

}
@media (max-width: 767px) {
#dasbord .tatal { margin: 0; }
    
}

/* buyer dashboard */
#employee_table table{ white-space: nowrap; }
#dasbord #employee_table { overflow: auto; }


/* 25.7.24 */
.logo a { display: flex; align-items: center; }
.logo a img { width: 32px; margin-right: 8px; }
#footer .address .footer_logo h1 { display: flex; align-items: center; line-height: 14px; font-size: initial; color: #fff; }
#footer .address .footer_logo h1 em { font-style: normal; display: block; font-size: 12px; line-height: 12px;}
#footer .address .footer_logo h1 i { font-size: 10px; line-height: 10px;font-style: normal; }

.holder_doc_view { margin-bottom: 20px; }
.cstm_btn { background-color: #328b6b; color: #fff; }
.cstm_btn:hover { background-color: #316050; color: #fff; }
.logo a sup { top: -15px; font-size: 10px; color: #172a55; }
.global_green {
    background-color: #328b6b;
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 14px;
}
.global_green:hover {
    background-color: #1a4435;
    color: #fff;
}

@media (max-width: 575px) {

.logo a img {
    width: 38px;
    margin-right: 5px;
}
.logo a h3 {
    font-size: 20px;
}
#header .top_right a {
    font-size: 14px;
}
button.navbar-toggler {
    top: -47px;
}
#header .top_right {
    margin-right: 48px;
}
}

#suggesstion-box {
    background-color: #9addc5;
    padding: 0px;
    position: absolute;
    left: auto;
    right: 0;
    border-radius: 8px;
    width: 250px;
    top: 100%;
    margin-top: 5px;
    overflow: hidden;
    z-index: 9;
}
#suggesstion-box li {
    color: #333;
    font-weight: 600;
    padding: 10px ;
    font-size: 14px;
    cursor: pointer;
}
#suggesstion-box li:hover{background-color: #1d523f;color: #fff;}
#suggesstion-box li + li {
border-top: 1px solid #333;
}
.input_search_product {
    position: relative;
    width: 100%;
   display: flex;
   margin-bottom: 15px;
}
input#searchproduct {
    margin-left: auto;
    border-radius: 30px 0 0 30px;
    border: 1px solid #ccc;
    padding: 0 10px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.input_search_product .btn {
    background-color: #328b6b;
    color: #fff;
    border-radius: 0 30px 30px 0;
}
.serchright .table {
    white-space: nowrap;
}
#search_page .serchleft {
    margin-right: 10px;
}
#search_page {
    display: flex;
}
.serchright .table .thead-dark th{
    background-color: #328b6b;
}

#search_page #suggesstion-box {
    left: 0;
    right: auto;
    z-index: 9;
}
#search_page .serchleft #suggesstion-box br{
    display: none;
}
#search_page .serchleft .input-group .btn {
    height: auto;
    border-radius: 0;
    border: 0;
    color: #333;
    font-size: 14px;
    display: block;
    text-align: left;
    margin-left: 0 ;
}
#bannerbg_imgscn #suggesstion-box {
    left: 0;
    right: 0;
    width: 100%;
}
#bannerbg_imgscn #suggesstion-box #countrylist {
    width: 100%;
    height: 100%;
    position: static;
    margin-top: 0;
    margin-left: 0;
}

#bannerbg_imgscn #suggesstion-box #countrylist li {
    padding: 10px;
    background: transparent;
    border-bottom: 0;
    text-align: left;
}
#bannerbg_imgscn #suggesstion-box #countrylist li:hover {
    background: #328b6b;
    cursor: pointer;
}

@media (max-width: 767px) {
.serchright { height: 500px; } 
#search_page .serchleft { margin-right: 0; width: 100%; } 
#search_page { flex-wrap: wrap; }

}