/*--- admin panel responsive sheet ---*/
@media screen and (max-width: 1920px) and (min-width: 1600px){
    .panel-widget{
        width: 32.1%;
    }
    .pie-chart{max-height: 350px;}
	.browser-static > li{font-size: 14px;}
    .user-activity{
        max-height: 350px !important;
    }
    .browser-static > li{margin-bottom: 26px;}
    #echart_gauge {
        height: 348px !important;
    }
    .insta-widget > li{
        width: 23.8%;
    }
    .tsk-prgs-lst {
        max-height: 386px;
    }
    .scl-wdgt-lst {
        max-height: 304px;
    }
    .goal-wdg {
        padding-bottom: 2px;
        padding-top: 6px;
    }
    .vctr-map{
        width: 665px;
    }
    .rev-carousel > ul li > h4{font-size: 21px;}
    .reminder {
        padding-bottom: 57px;
        padding-top: 40px;
    }
    .panel-layout.boxed .panel-widget{
        margin-right: 21px;
    }
    .full-calendar {
      margin-bottom: 45px;
      margin-top: 45px;
    }
    .total {
        padding: 5px 30px;
    }
    .static {
        padding: 0 40px 25px;
    }
    .most-browsers {
        padding: 17px 0;
    }
    .search-found {
        margin-bottom: 142px;
        margin-top: 142px;
    }
    .page5o5 {
        padding: 100px 50px;
    }
    .maintenance-page{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .scl-wdgt-lst{
        max-height: 355px !important;
    }
    .scl-wdgt{
        padding: 20px 50px 20px 80px;
    }
    .tsk-prgs-lst > ul > li{
        margin-bottom: 31px;
    }
    .rev-carousel > ul li{
        padding: 80px 48px;
    }
    .rev-info{
        width: 25%;
    }
    .visito-country-list{
        width: 57.5%;
    }
    .drop.setting {
        left: -82px;
    }

}


@media screen and (max-width: 1024px){
	.panel-layout {
	  overflow-x: hidden;
	}

	.responsive-header {
	  display: block;
	}

	.topbar {
	  display: none;
	}

	.sub-bar .t-search {
	  display: none;
	}

	.gap {
	  padding: 30px 0;
	}
	.gap.no-gap{padding: 0;}
	.gap.no-top {
	    padding-top: 0;
	}
	.gap.no-bottom {
	    padding-bottom: 0;
	}

	.main-content {
	  padding-left: 0;
	  -webkit-transform: translate(0px);
	  -moz-transform: translate(0px);
	  -ms-transform: translate(0px);
	  -o-transform: translate(0px);
	  transform: translate(0px);
	}

	.main-content.menu-slide {
	  padding-left: 0;
	}

	.main-content.menu-slide {
	  -webkit-transform: translate(50px);
	  -moz-transform: translate(50px);
	  -ms-transform: translate(50px);
	  -o-transform: translate(50px);
	  transform: translate(50px);
	}

	.side-panel.active{top: 62px;}

	.side-header {
	  width: 250px;
	  -webkit-transform: translate(-255px);
	  -moz-transform: translate(-255px);
	  -ms-transform: translate(-255px);
	  -o-transform: translate(-255px);
	  transform: translate(-255px);
	}

	.panel-layout.boxed .side-header.slide-out:hover {
	  left: -25px;
	}

	.side-header.slide-out {
	  -webkit-transform: translate(25px);
	  -moz-transform: translate(25px);
	  -ms-transform: translate(25px);
	  -o-transform: translate(25px);
	  transform: translate(25px);
	}

	.side-header.slide-out:hover {
	  left: -30px;
	}

	.panel-body {
	  margin-top: 0;
	}

	.content-area {
	  padding: 30px 10px 10px;
	}

	.responsive-header .drop.setting {
	  left: initial;
	  right: -14px;
	  top: 50px;
	}

	.responsive-header .drop.setting .drop-head::before {
	  right: 31px;
	}
	
	.event-detail > li{
		margin-bottom: 28px;
	}

	.feeds > li{padding-bottom: 29px;}

	.admin-avatar img {
	  margin-right: 0;
	}

	.online {
	  right: 5px;
	  top: 94%;
	}

	.responsive-header .logo-area .notify-area li a i {
	  font-size: 14px;
	}

	.responsive-header .logo-area .notify-area > li > span {
		right: 0;
	}

	.responsive-header .logo-area .notify-area > li:last-child,
	.setting > li:last-child {
	  padding-right: 10px;
	}

	.responsive-header .logo-area .notify-area > li,
	.setting > li {
	  padding-right: 11px;
	}

	.drop {
	  left: -63px;
	  top: 37px;
	}

	.drop.messages {
	  left: -111px;
	  top: 37px;
	}

	.drop-head::before {
	  left: 205px;
	  width: 0;
	}

	.drop.messages .drop-head:before {
	  left: 110px;
	}

	.tab-style {
	  margin-bottom: 0;
	}

	.accordians-style .wdg-tl {
	  margin-top: 30px;
	}

	.imageBox {
	  border-width: 30px;
	  width: 400px;
	}

	.action {
	  padding: 0 10px 0 30px;
	}

	.invoice-detail > h3 span {
	  padding-top: 3px;
	  float: left;
	  width: 100%;
	}

	#routeForm > input {
	  width: 250px;
	}

	.p-table {
	  margin-bottom: 50px;
	}

	.widget-peding {
	  padding: 0 20px 20px;
	}

	.admin-meta > img {
	  right: -35px;
	  top: -10px;
	}

	.panel-layout.boxed {
	  width: 100%;
	}

	.panel-layout.boxed .main-content {
	  padding-left: 0;
	}

	.panel-layout.boxed .side-header.slide-out {
	  left: -22.5%;
	}

	.main-page.style1 div.nav-icon3 {
	  display: block;
	}

	.main-page.style1 .main-content.menu-slide {
	  -webkit-transform: translate(0px);
	  -moz-transform: translate(0px);
	  -ms-transform: translate(0px);
	  -o-transform: translate(0px);
	  transform: translate(0px);
	}

	.main-page.style1 header .side-header.slide-out {
	  left: -25px;
	}

	.tab-data ul li {
	  padding: 0 43px;
	}

	.team-name > h5 {
	  font-size: 12px;
	}

	.team-name {
	  padding: 5px;
	  right: 0;
	  left: initial;
	  width: 74%;
	}

	.clndr {
	    max-height: 394px;
	    min-height: 394px;
	}

	.side-header {
	  -webkit-box-shadow: 0 0 5px #e3e3e3;
	  -moz-box-shadow: 0 0 5px #e3e3e3;
	  -ms-box-shadow: 0 0 5px #e3e3e3;
	  -o-box-shadow: 0 0 5px #e3e3e3;
	  box-shadow: 0 0 5px #e3e3e3;
	}

	.main-table .table thead tr th {
	    font-size: 13px;
	    line-height: 37px;
	    width: 10%;
	}

	.side-menus .logo {
	  display: block;
	}

	.side-header.slide-out {
	  left: -220px;
	}

	.side-header {
	  padding-top: 0;
	}

	.logo-area .seting-area {
	  line-height: 45px;
	}

	.seting-area > li > a,
	.seting-area > li > a i {
	  font-size: 13px;
	}

	.main-table .table tbody td {
	    padding: 10px 9px;
	}
	.informative{width: 71%;}
	.visito-country-list{width: 49%;}
	.admin-meta > h5 {
	    font-size: 16px;
	}
	.admin-meta > span {
	    font-size: 12px;
	    padding: 5px 15px;
	}
	.follow-btns > li a {
	    padding: 0 17px;
	}
	.sub-area{width: 100%;}
	.profile{margin-top: 30px;}


	
	
	
}




@media screen and (max-width: 768px){
	.panel-layout.boxed .side-header.slide-out {
	  left: -29.3%;
	}

	.panel-widget {
	    margin-top: 30px;
	    width: 30.7%;
	}

	.b-meta{
		padding: 20px 10px;
	}

	.info-meta > h4{font-size: 25px;}

	.sub-bar {
	  margin-bottom: 0;
	}
	.inner-bg{margin-top: 30px;}

	.visito-country-list {
	  width: 33%;
	}

	.visito-country-list > ul li {
	  margin-bottom: 10px;
	}
	.rev-carousel > ul li{padding: 33px;}
	.rev-info{width: 55%;}

	.visito-country-list > ul li span {
	  line-height: 30px;
	  font-size: 12px;
	}

	.visito-country-list > ul > li i {
	  line-height: initial;
	}

	.testimonial-section {
	  margin-top: 30px;
	}

	.listing-post .sm-avatar {
	  max-width: 328px;
	  width: 328px;
	}

	.listing-post .post-editing {
	  padding-left: 28px;
	  padding-right: 40px;
	}

	.date-box {
	  right: -15px;
	}

	.coming-meta > span {
	  right: 4%;
	}

	.page-bg {
	  height: 89vh;
	}

	.coming-meta {
	  height: 84vh;
	}

	.contact {
	  padding: 0 40px 40px;
	}

	.price-table {
	  margin-bottom: 60px;
	}

	.table-hed {
	  padding: 20px;
	}

	.p-table-meta > ul > li {
	  padding-left: 20px;
	}

	.price-tablez {
	  margin-bottom: 0;
	}

	.summery-title {
	  display: unset;
	  float: left;
	  padding-bottom: 20px;
	  width: 100%;
	}

	.social-btns > li {
	  float: left;
	  margin-bottom: 10px;
	  margin-right: 10px;
	}

	.email-compose > form {
	  padding-right: 0;
	}

	.approv-reject > a {
	  padding: 7px 10px;
	}

	.main-table .table tbody td {
	  padding: 10px;
	  text-align: center;
	}

	.owner-info {
	    padding-left: 0;
	    padding-top: 10px;
	}
	.project-title > h5 {
	    font-size: 12px;
	    line-height: 18px;
	}
	.top-widget{margin-top: 30px;}
	.discount-copon form button{width: 80px;}
	.gap.inner-bg{padding: 30px;}
	.btn4, .btn5{
		max-width: 147px;
		min-width: 147px; 
	}
	.btn1{max-width: 120px; min-width: 120px;}
	.email-box-nav{width: 20%;}
	.email-box-content{width: 80%;}
	.fontawesome-icon-list .fa-hover a{
		height: auto;
		line-height: initial;
		padding: 5px;
	}
	.fontawesome-icon-list .fa-hover a:hover .fa{
		font-size: inherit;
		vertical-align: middle;
	}
	.maintence-info > p{max-width: 100%;}
	.coming-bg{width: 100%;}
	.coming-bg > p{max-width: 70%;}



}


@media screen and (max-width: 640px){
	.email-box-nav{width: 23%;}
	.email-message-inf > p {
	    font-size: 12px;
	}
	.email-message-inf > span {
	    font-size: 13px;
	}
	.email-list {
    display: inline-block;
	    width: 35%;
	}
	.email-compose {
	    display: inline-block;
	    width: 64%;
	}
	.nxt-prv-arrow{width: 100%}
	.email-compos-opt > a + a {
	    margin-left: 20px;
	}

	.no-top {
	  padding-top: 0;
	}

	table.table-responsive,
	.main-table .table.table-responsive {
	  display: inline-block;
	}

	.bottombar {
	  padding: 20px;
	  text-align: center;
	}

	.bottombar ul li {
	  line-height: initial;
	}

	.bottombar > ul {
	  line-height: initial;
	}

	.bottombar > span {
	  line-height: initial;
	}

	.sub-title span {
	  padding-left: 0;
	  font-size: 9px;
	}

	.sub-title h4 {
	  font-size: 14px;
	}

	.main-table .table tbody td {
	  padding: 10px;
	}

	.main-table .table thead tr th {
	  padding: 0 15px;
	}

	.project-title {
	  width: 180px;
	}

	.owner-pic {
	  left: 20px;
	  margin-bottom: 10px;
	  position: relative;
	}

	.owner-info {
	  padding-left: 0;
	  width: 160px;
	}

	.revenue-chart {
	  width: 100%;
	}

	.widget-peding {
	  padding: 0 20px 20px 15px;
	  width: 100%;
	}

	.chart-info {
	  padding-left: 10px;
	  width: 100%;
	}

	.priority {
	  display: inline-block;
	  width: 100px;
	}

	.due {
	  display: inline-block;
	  width: 120px;
	}

	.user-list li .owner-info {
	  padding-left: 30px;
	}

	.search-found {
	  width: 100%;
	}

	.search-found > h1 {
	  font-size: 70px;
	}

	.search-found > h1 > span {
	  font-size: 60px;
	}

	.search-found > span {
	  font-size: 18px;
	  padding: 10px 0;
	}

	.search-found > a.home-btn {
	  font-size: 10px;
	  line-height: 35px;
	  padding: 0 15px;
	  position: relative;
	  z-index: 2;
	}

	.tab-meta {
	  padding: 15px 20px;
	}

	.toggle-item > h3 {
	  padding: 20px 35px;
	  font-size: 11px;
	}

	.tab-style {
	  margin-bottom: 0;
	}

	.accordians-style .wdg-tl {
	  margin-top: 25px;
	}

	.toggle-style2 .toggle-item > h3 {
	  padding-left: 36px;
	  font-size: 12px;
	}

	.toggle-style2 .toggle-item > h3,
	.toggle-style4 .toggle-item > h3 {
	  line-height: 22px;
	}

	.toggle-style3 .toggle-item > h3,
	.toggle-style4 .toggle-item > h3,
	.toggle-style5 .toggle-item > h3 {
	  display: inline-flex;
	  font-size: 10px;
	  line-height: 22px;
	  padding: 10px;
	}

	.toggle-style3 .toggle-item > h3 > i,
	.toggle-style4 .toggle-item > h3 > i,
	.toggle-style5 .toggle-item > h3 > i {
	  display: table;
	  margin-right: 10px;
	}

	.toggle-style3 .content,
	.toggle-style4 .content,
	.toggle-style5 .content {
	  padding-left: 20px;
	  padding-top: 10px;
	}

	.toggle-style5 .toggle-item .content {
	  padding: 0 35px 20px;
	}

	.contact-us li {
	  text-align: center;
	}

	.contact-us > ul li i {
	  float: none;
	  margin-bottom: 10px;
	}

	.contact {
	  padding: 30px;
	}

	.contact-us > h3 {
	  font-size: 20px;
	}

	.contact-from .button {
	  font-size: 10px;
	  width: 120px;
	  line-height: 35px;
	}

	.imageBox {
	  border-width: 20px;
	  width: 100%;
	}

	.action {
	  padding-left: 10px;
	}

	.action > input[type="file"] {
	  margin-right: 30px;
	}

	.action > label {
	  margin-left: 10px;
	}

	.element-title {
	  margin-bottom: 0;
	}

	.element-title span {
	  line-height: 30px;
	}

	.paginationz > ul li {
	  margin-bottom: 10px;
	}

	.invoice-pad {
	  padding: 30px;
	  margin-top: 30px;
	}

	.invoice-info > h4 {
	  margin-top: 30px;
	}

	.invoice-info {
	  float: left;
	  margin-top: 30px;
	  width: 100%;
	}

	.invoice-detail > h3 {
	  float: left;
	  font-size: 20px;
	  padding-bottom: 10px;
	  width: 100%;
	}

	.invoice-detail > h3 span {
	  font-size: 11px;
	}

	table thead.drk th h4 {
	  text-align: center;
	}

	table td i {
	  display: block;
	  width: 160px;
	}
	.table-styles {
	    margin-top: 30px;
	}

	.service-sec {
	  float: left;
	  padding: 20px 0;
	  width: 100%;
	}

	#routeForm > input {
	  margin-bottom: 10px;
	}

	.admin-meta > img {
	    left: 50%;
	    right: auto;
	    top: -94px;
	    transform: translate(-50%);
	}

	.sub-area ul li a {
	  font-size: 11px;
	}

	.about {
	  padding: 30px 0;
	}

	.vlaue-show li a {
	  padding: 5px 20px;
	}

	.vlaue-show {
	  margin-top: 30px;
	}

	.activity-ico > span {
	  font-size: 20px;
	}

	.activity-ico > span i {
	  font-size: 11px;
	}

	table tr th:first-child,
	table tr td:first-child {
	  padding-left: 20px;
	}

	.sparkline11 > canvas,
	.sparkline12 > canvas {
	  width: 130px !important;
	}

	.member-activity tbody tr td i {
	  width: 40px !important;
	}

	.typo-styl > div {
	  display: inline-block;
	  margin-top: 20px;
	}

	blockquote.style2 > p {
	  font-size: 14px;
	  padding-left: 30px;
	}

	.top-title {
	  margin-top: 20px;
	}

	.widget.style2 .widget-peding {
	  padding: 20px;
	}

	.row.merg30.masonry {
	  margin-right: 0;
	  width: 100%;
	}

	.container-fluid .row.merg30 > div {
	  padding: 0 0 0 20px;
	}

	.gallery-wid > li {
	  max-width: 30.8%;
	  width: 30.8%;
	}

	.social-wid > li {
	  width: 23.5%;
	}

	.social-wid li span {
	  font-size: 14px;
	}

	.field-wrap {
	  padding: 15px;
	}

	.flatWeatherPlugin.partial > h2 {
	  font-size: 14px;
	}

	.widget-title {
	  padding: 15px 20px;
	}

	.widget-title > h4 {
	  font-size: 18px;
	}

	.recent-signups > ul > li {
	  float: left;
	  margin-bottom: 2px;
	  margin-right: 2px;
	}

	.post-meta {
	  padding: 45px 20px;
	}

	.in-rates > li > b {
	  width: 49%;
	}

	.panel-layout.boxed .side-header.slide-out {
	  left: -230px;
	}

	.jQueryDatepicker_header_sidebutton__left {
	  left: 16%;
	}

	.jQueryDatepicker_header_sidebutton__right {
	  right: 16%;
	}

	.td-lst-hdr {
	  padding: 15px 20px;
	}

	.widget-controls {
	  display: none;
	}

	.widget-title > span {
	  padding-top: 0;
	  vertical-align: middle;
	  font-size: 12px;
	}

	.chat-messages {
	  padding: 0;
	}

	.chat-input-bar {
	  padding: 0 20px;
	}

	.chat-input-wrapper {
	  padding-left: 10px;
	}

	.new-box {
	  padding: 17px 15px;
	}

	.page5o5 {
	  padding: 0 10px;
	  text-align: center;
	}

	.info5o5 {
	  display: block;
	  max-width: 100%;
	  padding-left: 20px;
	  width: 100%;
	}

	.info5o5 > h1 {
	  font-size: 100px;
	}

	.info5o5 > span {
	  font-size: 30px;
	}

	.info5o5 > em {
	  font-size: 25px;
	}

	.info5o5 > p {
	  font-size: 12px;
	}

	.avatar5o5 {
	  display: inline-block;
      max-width: 40%;
      position: relative;
      text-align: center;
      width: 100%;
      z-index: 9;
	}

	.tab-data > h4 {
	  font-size: 24px;
	  line-height: initial;
	}

	.tab-data > strong {
	  font-size: 13px;
	  line-height: initial;
	}

	.tab-data > p {
	  padding: 0;
	}

	.tab-data ul li {
	  border: 0 none;
	  padding: 10px 0;
	  width: 100%;
	}

	.tab-data ul li::before {
	  display: none;
	}

	.inner-bg {
	  padding: 25px;
	}

	.about-section h4 {
	  font-size: 25px;
	}

	.purchase-now .book-now {
	  padding: 10px;
	}

	.title > h4 {
	  font-size: 22px;
	}

	.testimonial-section > img {
	  height: 360px;
	}

	.tab-style.style3 .tab.tab-btns {
	  margin: 5px;
	}

	.tab-style.style3 {
	  margin-top: 30px;
	}

	.tab li a {
	  margin-bottom: 4px;
	  width: 138px;
	}

	.post-editing > ul > li > a {
	  padding: 6px 7px;
	}

	.listing-post .sm-avatar {
	  display: block;
	  max-width: 100%;
	  width: 100%;
	}

	.bs-btns .btn {
	  margin-bottom: 5px;
	}

	.coming-meta > span {
	  font-size: 15px;
	  right: 0;
	}

	.coming-meta > h1 {
	  font-size: 50px;
	  line-height: 55px;
	}

	.coming-meta > h2 {
	  font-size: 23px;
	  padding-top: 30px;
	}

	.coming-meta > p {
	  font-size: 12px;
	  max-width: 100%;
	}
	.coming-bg > h1{
		font-size: 40px;
		line-height: 40px;
	}
	.coming-bg > h2{
		font-size: 20px;
		padding: 20px 0;
	}
	.countdown li span{
		font-size: 20px;
		line-height: 44px;
	}
	.countdown li p{font-size: 12px;}

	.coming-meta {
	  border-width: 20px;
	}

	.countdown {
	  padding-top: 20px;
	}

	.countdown li {
	  height: 60px;
	  width: 60px;
	}

	.icon-container {
	  width: 50%;
	}

	.maintence-info > span {
	  padding-left: 0;
	}

	.maintence-info > h1 {
	  font-size: 40px;
	}

	.maintence-info > p {
	  max-width: 100%;
	}

	.megamenu-caro .owl-controls {
	  bottom: -50px;
	  position: absolute;
	  right: -28px;
	}

	.pri-tabel {
	  margin-bottom: 50px;
	}

	.total-btns > a {
	  margin-bottom: 10px;
	}

	.total-btns {
	  text-align: right;
	}

	.discount-copon form button {
	  width: 100px;
	}

	.product-detail > .row > div {
	  display: block;
	  width: 100%;
	}

	.product-detail-info {
	  padding-left: 0;
	  padding-top: 20px;
	}

	.cart-quantity > form label {
	  font-size: 12px;
	  margin-right: 5px;
	}

	.cart-quantity .add-cart {
	  margin-top: 20px;
	}

	.social-btns > li {
	  margin-right: 15px;
	}

	.testimon {
	    margin-bottom: 30px;
	    margin-top: 30px;
	}
	.testimon.style3 .testi-meta::before{left: 30px;}

	.testi-avatar {
	  display: block;
	  margin: 0 auto;
	  padding-right: 0;
	  text-align: center;
	}

	.testi-meta {
	  display: block;
	  padding-left: 10px;
	  padding-right: 10px;
	}

	.testimon::before {
	  width: 100%;
	}

	.testi-meta::before {
	  left: 0;
	  top: -10px;
	}

	.testi-meta > p {
	  font-size: 14px;
	}

	.testimon.style3 {
	  padding: 0 0 20px;
	}

	.testimon.style5 .author-name {
	  padding: 30px;
	}

	.testimon.style5::after {
	  left: 0;
	}

	.testimon.style4 .testi-meta::before {
	  top: -30px;
	}

	.white-bg {
	  padding: 10px;
	}

	.white-bg .inner-bg {
	  padding: 20px 10px;
	}

	.add-prod-from input[type="radio"] {
	  margin-right: 5px;
	  margin-top: 30px;
	}

	.upload-image {
	  font-size: 10px;
	}

	.fileContainer > span {
	  padding: 6px 17px;
	}

	.fileContainer {
	  width: 55%;
	}

	.buttonz {
	  text-align: left;
	}

	.buttonz > button {
	  padding: 10px 20px;
	}

	.admin-form {
	  padding: 40px 30px;
	  width: 100%;
	}

	.email-compos-opt > a {
	  font-size: 16px;
	}

	a.approved {
	  float: left;
	}

	.quick-all-report .quick-all {
	    margin: 30px 0;
	}
	.quick-all-report {
	    padding: 0;
	}

	.quick-all-report .quick-all {
	    margin: 30px 0;
	}
	.quick-all-report {
	    padding: 0;
	}
	.info-section .panel-widget{
		width: 100%;
	}
	.event-detail{padding: 37px 15px;}
	.pie-chart .total {
	    padding: 6px 30px 30px;
	}
	.widget-title > h4::after{left: -20px;}
	.visito-country-list {
	    width: 100%;
	}
	.add-cart > li > a{width: 40px;}
	.woo-product{margin-bottom: 40px;}
	.row.remove-70 {
	    margin-bottom: -35px;
	}
	.cart-total {
	  display: block;
	  float: left;
	  padding-left: 0;
	  width: 80%;
	}
	.tooltip{margin-right: 10px;}
	.body-cp > p:last-child{margin-bottom: 30px;}
	.ld-body > p{margin-bottom: 30px;}
	.wdg-tl, .typo-styl{margin-top: 30px;}
	.typo-styl > .row > div + div{margin-top: 0;}
	.inner-bg .mega-menu.demo:nth-child(2){margin-top: 30px;}
	.full-calendar{margin-top: 30px;}
	.billing-sec{margin-top: 30px;}
	.admin-form{width: 400px; margin-bottom: 0;}
	.admin-form::after{border-width: 0 203px 35px;}
	.coming-bg > span{font-size: 12px;}


		
}



@media screen and (max-width: 480px){
	.chat-input-bar {
	  margin-top: 0;
	}

	.bottombar > ul {
	  float: right;
	}

	.notifi > i {
	    margin-right: 10px;
	}
	.notifi-info {
	    width: 80%;
	}
	.notifi-info > p{font-size: 13px;}

	.tab-style.style2 > ul > li > a,
	.tab li a {
	  margin-bottom: 4px;
	  width: 85px;
	}

	.coming-meta {
	  padding-top: 0;
	}

	.icon-container {
	  width: 50%;
	}

	.total-btns > a {
	  margin-bottom: 10px;
	}

	.summery-title {
	  display: block;
	}

	.cart-total {
	  display: block;
	  width: 100%;
	}
	.cart-summary{padding: 30px;}

	.total-btns {
	  display: block;
	  text-align: left;
	}

	.cart-quantity .add-cart {
	  margin-top: 0;
	}

	.discount-copon form input {
	  width: 100%;
	}

	.discount-copon {
	  padding: 30px 15px;
	}

	.discount-copon form button {
	  margin-left: 0;
	}

	.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current {
	    height: 40px;
	}
	.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day{
		padding: 0;
		height: 40px;
		width: 40px;
	}
	.clndr {
	    max-height: 307px;
	    min-height: 307px;
	}
	#routeForm > input{
		width: 100%;
	}
	.visito-country-list > ul > li span, .visito-country-list > ul > li i{
		padding: 0;
	}

	.email-box-wrap {
	  display: inline-block;
	  overflow-x: scroll;
	  white-space: nowrap;
	  width: 470px;
	}

	.email-list-item {
	  padding: 30px 20px;
	}

	.email-compose > a {
	  float: left;
	}

	.email-compos-opt > a {
	  font-size: 16px;
	}

	.email-compose {
	  padding: 45px 1%;
	}

	.email-compose-info > span {
	  float: left;
	  width: 100%;
	}

	.email-compose-info > i {
	  float: left;
	  width: 100%;
	}

	.email-compose-info > h4 {
	  float: left;
	  width: 100%;
	  font-size: 15px;
	}

	.email-compose > form {
	  width: 300px;
	}

	.email-list-item > i {
	  margin-bottom: 15px;
	}

	.email-message-inf > i {
	  float: none;
	}

	.email-message-inf > span {
	  display: block;
	}

	.bread-crumb {
	  text-align: left;
	}

	.main-table .table thead tr th {
	  line-height: 20px;
	  text-align: center;
	  width: 10%;
	}

	.notifi {
	    text-align: center;
	}
	.notifi > i {
	    float: none;
	    margin: 0 0 10px;
	}
	.notifi-info {
	    width: 100%;
	}
	.tab-style{margin-top: 20px;}
	.tooltip {
	    margin-bottom: 10px;
	    margin-right: 10px;
	}
	.pre-code > span {
	    line-height: 30px;
	}
	.testimon{padding: 30px;}
	.follow-btns {
	    line-height: 60px;
	    padding-left: 0;
	}
	.profile-socials {
	    float: left;
	    line-height: 60px;
	    padding-right: 0;
	    text-align: center;
	}
	.about {
	    padding: 20px;
	}
	.info5o5 > form{
		width: 100%;
	}
	.coming-bg > p{
		display: none;
	}


}

@media screen and (max-width: 414px){
	.coming-bg > p{
		display: block;
		max-width: 100%;
		font-size: 14px;
	}
}



@media screen and (max-width: 375px){

	.admin-form{width: 100%;}
	.admin-form::after {
	    border-width: 0 192px 35px;
	}
	
}


@media screen and (max-width: 360px){
	.bottombar > ul {
	  float: left;
	}

	.tab li a {
	  margin-bottom: 4px;
	  width: 121px;
	}

	.sm-avatar {
	  display: block;
	  max-width: 100%;
	  width: 100%;
	}

	.big-post .post-editing {
	  left: 0;
	}

	.date-box {
	  padding: 10px;
	  right: 10px;
	}

	.listing-post .sm-avatar {
	  max-width: 100%;
	  width: 100%;
	}

	.listing-post .small-post .post-editing {
	  padding: 20px;
	}

	.coming-meta {
	  height: 96vh;
	}

	.icon-container {
	  width: 100%;
	}

	.cart-quantity .add-cart {
	  margin-top: 20px;
	}

	.tckt-sndr > img {
	  margin-bottom: 20px;
	}

	.admin-form {
	  padding: 40px 30px;
	  width: 100%;
	}
	.admin-form::after {
	    border-width: 0 183px 35px;
	}

	.email-box-wrap {
	  display: inline-block;
	  overflow-x: scroll;
	  white-space: nowrap;
	  width: 350px;
	}

	.email-compose-info .nxt-prv-arrow {
	  padding-right: 100px;
	}
}
@media screen and (max-width: 320px){
	.email-compose > form {
	    width: 300px;
		padding-right: 50px;
	}
	.admin-form::after {
	    border-width: 0 160px 35px;
	}	
}
