html{overflow-x:hidden;}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

body {
	font-family: 'SFUIText-Regular';
	font-weight:400;
	overflow-x:hidden;
	background: url(../images/bg.jpg) center top;
	background-size: 100%;
}

a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover{text-decoration:none;}

@font-face {
font-family: 'SFUIText-Regular';
src: url('../public/fonts/SFUIText-Regular.eot');
src: url('../public/fonts/SFUIText-Regular.eot?#iefix') format('embedded-opentype'), url('../public/fonts/SFUIText-Regular.svg#SFUIText-Regular') format('svg'), url('../public/fonts/SFUIText-Regular.woff') format('woff'), url('../public/fonts/SFUIText-Regular.ttf') format('truetype'), url('../public/fonts/SFUIText-Regular.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

@font-face {
font-family: 'SFUIText-Semibold';
src: url('../public/fonts/SFUIText-Semibold.eot');
src: url('../public/fonts/SFUIText-Semibold.eot?#iefix') format('embedded-opentype'), url('../public/fonts/SFUIText-Semibold.svg#SFUIText-Semibold') format('svg'), url('../public/fonts/SFUIText-Semibold.woff') format('woff'), url('../public/fonts/SFUIText-Semibold.ttf') format('truetype'), url('../public/fonts/SFUIText-Semibold.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

@font-face {
font-family: 'SFUIText-Bold';
src: url('../public/fonts/SFUIText-Bold.eot');
src: url('../public/fonts/SFUIText-Bold.eot?#iefix') format('embedded-opentype'), url('../public/fonts/SFUIText-Bold.svg#SFUIText-Bold') format('svg'), url('../public/fonts/SFUIText-Bold.woff') format('woff'), url('../public/fonts/SFUIText-Bold.ttf') format('truetype'), url('../public/fonts/SFUIText-Bold.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

@font-face {
font-family: 'SFUIText-Medium';
src: url('../public/fonts/SFUIText-Medium.eot');
src: url('../public/fonts/SFUIText-Medium.eot?#iefix') format('embedded-opentype'), url('../public/fonts/SFUIText-Medium.svg#SFUIText-Medium') format('svg'), url('../public/fonts/SFUIText-Medium.woff') format('woff'), url('../public/fonts/SFUIText-Medium.ttf') format('truetype'), url('../public/fonts/SFUIText-Medium.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

.header{float:left; width:100%; padding:25px 0px 15px;}
.navbar{padding:0px;}
.navbar-brand{padding:0px; margin:0px;}
.navbar-nav li{padding-left:30px;}
.navbar-nav li a{font-size:15px; font-weight:300; font-family: 'SFUIText-Regular'; color:#fff; padding-top:10px; padding-bottom:10px; display:block;}
.navbar-nav li a:hover{color:#61c729;} 
.topnavleft {float: right;}

.singbtns{background: #008d24; color: #fff!important; font-size: 15px; padding: 8px 20px!important; font-weight: 400!important; border-radius: 30px; float: left; margin: 2px 10px 0px 0px;}
.singbtns:hover{background: #008d24;}
.actives{background: #61c729;}

.plusicons{border-radius: 50%; width: 19px; height: 19px; border: solid 2px #fff; text-align: center; padding-top: 2px; font-size: 12px; margin-right: 3px;}
.useicon{margin-right: 5px; font-weight: 400; font-size: 15px;}


.contentshowinfo{width: 100%; float:left; padding: 15% 0% 10%;}
.headertabs{width: 100%; margin-top: -25%; float: left;}
.headertabs h2{width: 100%; font-size: 54px; color: #ffffff; text-align: center; font-family: 'SFUIText-Semibold'; margin-bottom: 20px; float: left;}
.headertabs h6{width: 100%; font-size: 20px; color: #ffffff; text-align: center; font-family: 'SFUIText-Semibold'; float: left;}
.headertabs h5{width: 100%; font-size: 32px; color: #ffffff; text-align: center; float: left; line-height: 35px;}


.tabsmaininfo{width: 100%; padding: 45px 0px; float: left;}
.myprotabs{margin:0px;}
.myprotabs .nav-tabs{margin-bottom:0px; border:none;}
.myprotabs .nav-tabs li{margin-right:10px;}
.myprotabs .nav-tabs li a {width: auto; padding: 11px 55px; background: #09234e; color: #fff; font-family: 'SFUIText-Bold'; font-size: 22px; font-weight: 500; text-transform: capitalize; float: left; border-radius: 10px 10px 0px 0px;}
.myprotabs .nav-tabs li a.active{background:#366fd2; color:#fff;}
.padproifle{padding: 0px!important;}
.tab-content{background: #366fd2; color: #fff; border-radius: 0px 10px 10px 10px; padding: 40px 50px; width: 100%; float: left;}
.forminfos{width: 100%; float: left;}
.forminfos label{width: 100%; float: left; font-size: 20px; color: #fff; font-family: 'SFUIText-Semibold'; margin-bottom: 10px;}
.inputstyles{width: 100%; float: left; background: #fff; border-radius: 30px; padding: 15px 30px; color: #282828; font-size: 17px!important; box-shadow: 0px 0px 5px #1b458e; outline: none; border: none; margin-bottom: 15px; font-weight: 500;}
.searchinputbg{width: 100%; float: left; background: #fff; border-radius: 30px; padding: 5px 15px; color: #282828; font-size: 17px!important; box-shadow: 0px 0px 5px #1b458e; outline: none; border: none; margin-bottom: 15px; font-weight: 500;}
.inputstyles02{width: 100%; float: left; padding: 10px 15px; color: #282828; font-size: 17px!important; border:none; outline: none;}

.testareainput{width: 100%; float: left; background: #fff; border-radius: 30px; padding: 15px 30px; color: #282828; font-size: 17px!important; box-shadow: 0px 0px 5px #1b458e; outline: none; border: none; height: 150px; font-weight: 500; margin-bottom: 25px;}
.serchbtnss{background:#f10000 url(../images/serchicon.png) center 3px; width: 60px; height: 60px; text-align: center; border-radius: 50%; text-align: center; padding-top: 2px; outline: none; border: none; box-shadow: 0px 0px 8px #1b458e; margin-top: 35px; cursor: pointer;}

.footer{width: 100%; float: left;}
.copyend{width: 100%; float: left; font-size: 14px; color: #fff; text-align: center; letter-spacing: 1px; padding: 15px 0px 25px;}
.footer a.linksitess { color: #fff !important;}
.footer a.linksitess:hover, .footer a.linksitess:focus {text-decoration: underline; color: #fff !important; } 
a.linksitess:hover, a.linksitess:focus {font-family: 'SFUIText-Semibold'; color: #fff;}

.navbar-toggler {background: #fff!important;}
.sumibtns{width: 100%; float: left; text-transform: uppercase; background: #e80a0a; font-family: 'SFUIText-Semibold'; border-radius: 30px; padding: 15px 30px; color: #fff; font-size: 22px; box-shadow: 0px 3px 5px #1b458e; outline: none; border: none; margin-bottom: 25px;}
.sumibtns:hover{width: 100%; float: left; background: #d90707;}

.aboutbnts{width: 100%; float: left; text-transform: uppercase; background: #61c729; font-family: 'SFUIText-Semibold'; border-radius: 30px; padding: 15px 30px; color: #fff; font-size: 22px; box-shadow: 0px 3px 5px #1b458e; outline: none; border: none; margin-bottom: 25px;}
.aboutbnts:hover{width: 100%; float: left; background: #59b824;}
.endformtxt{width: 100%; float: left; text-align: center; font-size: 16px; text-align: center; font-family: 'SFUIText-Semibold'; padding:10px 0px 0px;}


/*inner style*/

.innerheader{width: 100%; float: left; background: #122648; padding: 10px 0px!important;}
.content-section{width: 100%; float: left; padding: 50px 0px;}
.leftmatters{width: 100%; float: left;}
.bannerstrip{width: 100%; margin-bottom: 35px; float: left; border: solid 7px #eff0f1;border-radius:10px;}
.bannerstrip img{width: 100%; height:610px; border-radius: 10px!important; float: left;}
.leftmatters h3{width: 100%; float: left; font-size: 45px; font-family: 'SFUIText-Semibold'; color: #1d1d1d; font-weight: 600; margin-bottom: 25px;}
.leftmatters p{width: 100%; float: left; font-size: 20px; font-family: 'SFUIText-Medium'; color: #1d1d1d;}
.restlist{width: 100%; float: left; padding: 45px 0px;}
.restlist ul{width: 100%; padding: 0px; margin: 0px; float: left;}
.restlist ul li{width: 31%; float: left; list-style-type: none; margin-right: 15px; margin-bottom: 15px;}
.restgellbox{width: 100%; float: left; border: solid 7px #eff0f1;border-radius:10px;}
.restgellbox img{width: 100%; border-radius: 10px; float: left;}

.rightpart{width: 100%; float: left;}
.contactinfos{width: 100%; border: solid 7px #eff0f1; background: #fff; padding: 25px 8px; border-radius: 10px; float: left; margin-bottom: 25px;}
.socilsicons{width: 100%; float: left; text-align: right;}
.contmatter{width: 100%; float:left; margin-bottom: 15px;}
.contmatter h2{width: 100%; font-size: 20px; color: #0e80e1; margin-bottom: 10px; font-family: 'SFUIText-Medium'; float:left;}
.contmatter p{width: 100%; float:left; font-size: 17px; color: #1d1d1d; font-family: 'SFUIText-Medium'; overflow-wrap: anywhere;}
.padlefts{padding-left: 0px;}
.linskcolor{color: #1d1d1d!important;};

.closingtime{width: 100%; float: left;}
.clostxt{float: left; font-size: 14px; color: #db0f0f; font-weight: 600; font-family: 'SFUIText-Bold';}
.opentxt{float: left; font-size: 14px; color: #00bd13; font-weight: 600; font-family: 'SFUIText-Bold';}
.chckions{font-size: 19px; margin: 0px 5px 0px 5px;}
.timets{float: left; width: 100%; font-size: 14px; text-align: right; color: #1c1c1c; font-family: 'SFUIText-Bold';}

.footerinner{width: 100%; float: left; background: #e0e0e0; color: #2a2a2a;}
.copyendinner{width: 100%; float: left; font-size: 14px; color: #2a2a2a; text-align: center; letter-spacing: 1px; padding: 22px 0px 18px;}
.linksitess{font-family: 'SFUIText-Semibold'; color: #2a2a2a;}
a.linksitess:hover, a.linksitess:focus {font-family: 'SFUIText-Semibold'; color: #122648;}


.bannerlist{width: 100%; position: relative; float:left;}
.bannerlist img{width: 100%; position: relative; float:left;}
.bannerinfo{width: 100%; float:left; position: absolute; top: 35%;}
.bannerinfo h1{width: 100%; float: left; text-align: center; font-size: 54px; color: #ffffff; font-family: 'SFUIText-Semibold';}

.listbox{width: 100%; border: solid 7px #eff0f1; padding:8px; border-radius:10px; margin-bottom: 40px; float: left;}
.listimage{width: 100%; float: left;}
.listimage img{width: 100%; float: left; border:solid 5px #eff0f1; border-radius: 10px; height: 210px;}
.listinfo{width: 100%; float: left; padding: 5px 3px;}
.listinfo h4{width: 100%; float: left; font-size: 24px; color: #191919; margin: 10px 0px 15px; font-family: 'SFUIText-Bold';}
.listinfo h6{width: 100%; float: left; font-size: 17px; color: #848484; margin: 0px 0px 10px; font-family: 'SFUIText-Bold';}
.viewdetials{width: 100%; float: left; background: #439ff4; border-radius: 5px; text-align: center; font-size: 17px; font-family: 'SFUIText-Bold'; color: #fff; padding: 10px 5px; margin: 10px 0px;}
a.viewdetials:hover, a.viewdetials:focus{width: 100%; float: left; background: #122648; color: #fff;}
.locations{width: 100%; float: left; padding: 15px 0px 10px;}
.locatxt{float: left; font-size: 17px; color: #000; font-family: 'SFUIText-Bold';}
.mapicon{margin-right: 5px; font-size: 21px;}
.clostxt02{float: left; font-size: 17px; color: #db0f0f!important; font-weight: 600; font-family: 'SFUIText-Bold'; margin-left: 10px; cursor: pointer;}
.opentxt02{float: left; font-size: 17px; color: #00bd13!important; font-weight: 600; font-family: 'SFUIText-Bold'; margin-left: 10px; cursor: pointer;}
.chckions02{font-size: 19px; margin: 0px 5px 0px 5px!important;}


.paginglist{width: 100%; float: left; padding: 25px 0px;}
.paginglist ul{width: 100%; float: left; text-align: center; padding: 0px; margin: 0px;}
.paginglist ul li{text-align: center; display:inline-block;}
.paginglist ul li a{color: #363f49; display: inline-block; border: solid 1px #e3e3e3; width: 35px; height: 35px; padding-top: 5px; border-radius: 4px; margin: 0px 1px;}
.paginglist ul li a.acitvepage{background: #9e9e9e; color: #fff;}
.paginglist ul li a:hover{background: #9e9e9e; color: #fff;}

.paginglist {
    text-align: center;
}
.paginglist svg{width: 25px; height: 25px;}
.paginglist{margin: 15px 0;}

.flex.justify-between.flex-1.sm\:hidden
{
    display: none !important;
}
p.text-sm.text-gray-700.leading-5

{
     display: none !important;
}

.paginglist .border-gray-300 {
    border: solid 1px #e3e3e3!important;
    border-radius: 5px;
    display: inline-block;
    width: 35px;
    text-align: center;
    color: #363f49;
    line-height: 33px;
    height: 35px;
    padding: 0!important;
}

.paginglist svg{margin-top:4px;}
.paginglist .border-gray-300{vertical-align: middle;}
.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5{
    background: #9e9e9e!important; color: #fff!important;
}

/*added by tarun 31052021*/

#email-error {
    color: #F00;
}
#phone_no-error {
    color: #F00;
}
#message-error {
    color: #F00;
}
#name-error {
    color: #F00;
}
#business_name-error {
    color: #F00;
}
#owner_name-error {
    color: #F00;
}
#address-error {
    color: #F00;
}
#website_url-error {
    color: #F00;
}
#open_close_time-error {
    color: #F00;
}
#country_id-error {
    color: #F00;
}
#category_id-error {
    color: #F00;
}
#endTime-error {
    color: #F00;
}#startTime-error {
    color: #F00;
}



.businesform{width: 100%; padding-bottom: 100px; float: left;}
.businesform label{width: 100%; float: left; font-size: 16px; line-height: 1.5; color: #212529; font-weight: 500;}
.buinesstlyle{width: 100%; position: relative; float: left; background: #fff; border-radius: 30px; padding: 15px 30px; color: #282828; font-size: 17px; box-shadow: 0px 0px 5px #1b458e;
    outline: none; border: none; margin-bottom: 30px; font-weight: 500;}

.arrowselect {background: #fff url(../images/arrowicon.jpg) top right; background-repeat: no-repeat; position: absolute; top: 40px; right: 16px; z-index: 99; float: left; height: 40px; width: 49px; border-radius: 30px;}

.buinesstlyle::placeholder {color: #282828!important;}
.businessmsgstyle{width: 100%; float: left; background: #fff; border-radius: 30px; padding: 15px 30px; color: #282828; font-size: 17px; box-shadow: 0px 0px 5px #1b458e;
    outline: none; border: none; margin-bottom: 30px; height: 150px; font-weight: 500;}


.sumibtns {width: 100%; float: left; text-transform: uppercase; background: #e80a0a; font-family: 'SFUIText-Semibold'; border-radius: 30px;
    padding: 15px 30px; color: #fff; font-size: 22px; box-shadow: 0px 3px 5px #1b458e; outline: none; border: none; margin-bottom: 25px;}

.uploadimage{width: 105px; height: 105px; background-color: #fff; border-radius: 5px; text-align: center; box-shadow: 0px 0px 15px #ccc;
margin-top: -55px; position: relative; z-index: 9; float: left; margin-right: 10px;}
.uploadimagebtn{float:left; margin-left: 10px;}
.uploadimagebtn label{
	display: inline-block;
	background:none;
	color: #007bff;
	padding: 2px 20px;
	border-radius: 0.3rem;
	cursor: pointer;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
  }

/*end*/

/*010621*/
.error {width: 100%; float: left; margin-bottom: 15px; font-size: 14px;}

.input-images-2 {
    width: 100%;
    float: left;
    border: 2px dashed #c5c5c5;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    padding: 15px 20px;
}
.input-images-2 h3 {
    margin: 5px 0;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    width: 100%;
    float: left;
}
.input-images-2 span {
    margin: 10px 0px;
    font-size: 14px;
    color: #333;    
    text-align: center;
    width: 100%;
    float: left;
}
.image-uploader{width: 100%; text-align: center; float:left;}
.image-uploader input{text-align: center; margin-bottom: 15px; position: relative;}
.uploaded{float: left; width: 100%; padding: 15px 0px 0px; text-align: left;}
.uploaded-image {float: left; width: 18%; border: solid 1px #d5d5d5; margin: 5px 6px; position: relative;}
.uploaded-image img{width: 100%; margin: 0px auto; position: relative; height: 150px;}
.delete-image {float: right; padding: 0px; border: none; position: absolute; right: 0px; top: 0px;}
.material-icons {background: #00e5b0; float: left; border: none!important; color: #fff; font-size: 13px; padding: 5px 8px;}
.upload-text {display: none;}

.selectbg{width: 100%; float: left; background: #fff; border-radius: 30px; padding: 5px 15px; color: #282828; font-size: 17px;
    box-shadow: 0px 0px 5px #1b458e; outline: none; border: none; margin-bottom: 30px; font-weight: 500;}

.selectstyle{width: 100%; padding: 10px 15px; border: none; color: #282828; outline: none; border:none; float: left;}


.forminfos .error {
    font-weight: normal!important;
    color: #f97373!important;
    font-size: 14px;
}

.image-uploader input {
    text-align: center;
    margin-bottom: 15px;
    visibility: hidden;
}


.delete-image {
    display: none !important;
}

.input-images-2 label {
    display: inline-block;
    background-color: #00e5b0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0.3rem;
    cursor: pointer;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    width: 25%;
    position: absolute;
    left: 38%;
}

/*230822*/

.uploadbtnbox{width: 100%; float: left;}
.uploadbtnbox label {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 1.5;
    color: #212529;
    font-weight: 500;
}
.uplodifullshow{width: 100%;
    float: left;
    border: 2px dashed #c5c5c5;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    padding: 15px 20px;
}

.uplodifullshow h3 {
    margin: 5px 0;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    width: 100%;
    float: left;
}
.uplodifullshow span {
    margin: 10px 0px;
    font-size: 14px;
    color: #333;
    text-align: center;
    width: 100%;
    float: left;
}
.uploadimg{width: 100%; float: left; text-align: center; position: relative;}
.uploadbtn {
  display: inline-block;
    background-color: #00e5b0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0.3rem;
    cursor: pointer;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    width: 25%;    
    border: none!important;    
    outline: none!important;
    left: 38%;
}

.uploadbtn:hover, .uploadbtn:focus  {opacity: 0.8; transition: all 500ms ease; border: none; outline: none;}
/* Span Text Styling */
.filenameinfo{width: 100%; float:left; text-align: center; color: #000; font-size: 14px; margin: 10px 0px 0px;}
.preview_holder {
  float: left;
  margin: 0 0 0 5px;
  width: 100%;
}
#preview {
  width: 18%;
    text-align: center;
    float: left;
    margin: 8px 8px 0px 0px;
}
.preview_img {
  display: none;
  width: 100%;
  object-fit: cover;
}

.uploadimg input {
    position: absolute;
    z-index: -1;
    margin: 8px 0px 0px 6px;
}


.uploadimg input {position: absolute; z-index: -1; margin: 8px 0px 0px 6px; visibility: hidden;}
.uploadimg .error {color: red!important; font-size: 14px!important;}
.pretextshide{color: #fff!important;}
.filehidess {visibility: hidden!important; margin: 0px!important;}

/*310822*/
.modalpopup .prev, .modalpopup .next {
    width: 27px!important;
    padding: 0px!important;
    top: 55%!important;
    margin-top: -50px!important;
    color: #fff!important;
    font-size: 11px!important;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    border-radius: 50%;
    height: 26px;
    padding-top: 4px!important;
    margin-left: 10px;
    font-weight: normal!important;
}
.modalpopup .next {
    right: 10px!important;
    border-radius: 50%!important;
}
.modalpopup .prev:hover, .modalpopup .next:hover {
    color: #fff!important;
    text-shadow: none!important;
}








@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.contentshowinfo {width: 100%; float: left; padding: 13% 0% 13%;}
.headertabs h5 {width: 100%; font-size: 25px;}


}

@media only screen and (min-width: 1101px) and (max-width: 1200px) {
.headertabs {width: 100%; margin-top: -30%; float: left;}
.headertabs h5 {font-size: 20px; float: left; line-height: 30px;}

.clostxt{float: left; font-size: 15px; color: #db0f0f; font-weight: 600; font-family: 'SFUIText-Bold';}
.opentxt{float: left; font-size: 15px; color: #00bd13; font-weight: 600; font-family: 'SFUIText-Bold';}
.timets{float: left; width: 100%; font-size: 13px; text-align: right; color: #1c1c1c; font-family: 'SFUIText-Bold';}

}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.clostxt{float: left; font-size: 14px; color: #db0f0f; font-weight: 600; font-family: 'SFUIText-Bold';}
.opentxt{float: left; font-size: 14px; color: #00bd13; font-weight: 600; font-family: 'SFUIText-Bold';}
.timets{float: left; width: 100%; font-size: 13px; text-align: right; color: #1c1c1c; font-family: 'SFUIText-Bold';}
    }

@media only screen and (min-width: 960px) and (max-width: 1100px) {

.contentshowinfo {width: 100%; float: left; padding: 10% 0% 10%;}
body {background-size: inherit;}
.headertabs h2 {font-size: 35px; margin-bottom: 5px;}
.headertabs h6 {width: 100%; font-size: 14px;}
.headertabs h5 {font-size: 16px; line-height: 26px;}

/**/
.socilsicons img {width: 20px;}
.chckions {font-size: 15px;}
.clostxt {font-size: 11px;}
.timets {font-size: 11px;}
.contmatter p {font-size: 14px;}
.restlist ul li {width: 30%;}
.listinfo h4 {font-size: 16px;}
.listinfo h6 {font-size: 15px;}

.uploaded-image {float: left; width: 23%; margin: 5px 5px;}
.opentxt {font-size: 12px;}


}

@media only screen and (max-width: 959px){
    .uploadimg .uploadbtn { 
        width: 80%;   
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.contentshowinfo {width: 100%; float: left; padding: 20% 0% 10%;}
body {background-size: inherit;}
.navbar-nav li {padding-left: 10px;}	
.navbar-nav li a {font-size: 13px;}
.singbtns {padding: 6px 14px!important; margin: 3px 10px 0px 0px;}
.headertabs h5 {width: 100%; font-size: 18px; line-height: 28px;}
.headertabs {width: 100%; margin-top: -40%;}
.headertabs h2 {font-size: 40px; margin-bottom: 10px;}
.headertabs h6 {width: 100%; font-size: 16px;}
.mobnone{display: none;}

/**/
.leftmatters h3 {font-size: 28px; margin-bottom: 15px;}
.padlefts{padding-left: 15px;}
.socilsicons {text-align: center; margin-bottom: 15px;}
.contmatter h2 {text-align: center;}
.contmatter p {font-size: 14px; text-align: center;}
.clostxt {font-size: 14px; text-align: center; width: 100%;}
.chckions {font-size: 15px; margin: 0px 5px 0px 0px;}
.timets {font-size: 14px; text-align: center; padding: 10px 0px;}
.restlist ul li {width: 30%;}

.bannerlist img {min-height: 200px;}
.bannerinfo h1 {font-size: 40px;}
.listinfo h4 {font-size: 18px;}

.uploaded-image {float: left; width: 31%; margin: 5px 5px;}

.image-uploader {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}
.input-images-2 label{
    font-size: 17px;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 5px;
} 
.bannerstrip img { 
    height: auto;
}

/*310822*/
.modal-content {width: 75%!important;}
.modalpopup .prev, .modalpopup .next {top: 65%!important;}


}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.contentshowinfo {width: 100%; float: left; padding: 45% 0% 10%;}
body {background-size: inherit;}
.topnavleft {float: right; width: 100%;}
.navbar-nav li{padding-left:0px;}
.headertabs h5 {width: 100%; font-size: 18px; line-height: 25px;}
.headertabs {width: 100%; margin-top: -70%; float: left;}
.headertabs h2 {width: 100%; font-size: 35px;}
.mobnone{display: none;}

/**/
.leftmatters h3 {font-size: 32px; margin-bottom: 15px;}
.padlefts{padding-left: 15px;}
.socilsicons {text-align: center; margin-bottom: 15px;}
.contmatter h2 {text-align: center;}
.contmatter p {text-align: center;}
.restlist ul li {width: 30%;}

.bannerlist img {min-height: 180px;}
.bannerinfo h1 {font-size: 40px;}
.uploaded-image {float: left; width: 46%; margin: 5px 5px;}


.image-uploader {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}
.uplodifullshow h3{margin: 0px; font-size: 24px;}
.input-images-2 h3 {margin: 0px; font-size: 24px;}
.input-images-2 label {
    font-size: 17px;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 5px;
}
.bannerstrip img { 
    height: auto;
}
/*250822*/
.listimage img{min-height: auto;}
/*310822*/
.modal-content {width: 90%!important;}
.modalpopup .prev, .modalpopup .next {top: 65%!important;}



}
@media only screen and (min-width: 480px) and (max-width: 599px) {
body {background-size: inherit;}
.topnavleft {float: right; width: 100%;}
.navbar-nav li{padding-left:0px;}
.singbtns {margin: 0px 10px 0px 0px; float: left;}
.headertabs h2 {width: 100%;font-size: 40px;}
.headertabs h6 {width: 100%; font-size: 16px;}
.myprotabs .nav-tabs li a {padding: 10px 35px; font-size: 20px;}
.tab-content {border-radius: 0px 10px 10px 10px; padding: 25px 20px;}
.inputstyles{margin-bottom: 15px;}
.contentshowinfo {width: 100%; float: left; padding: 45% 0% 15%;}
.headertabs h5 {width: 100%; font-size: 15px; line-height: 25px;}
.headertabs {width: 100%; margin-top: -60%; float: left;}
.mobnone{display: none;}

/**/
.leftmatters h3 {font-size: 32px; margin-bottom: 15px;}
.padlefts{padding-left: 15px;}
.socilsicons {text-align: center; margin-bottom: 15px;}
.contmatter h2 {text-align: center;}
.contmatter p {text-align: center;}
.restlist ul li {width: 45%; margin: 10px 10px;}

.bannerlist img {min-height: 150px;}
.bannerinfo h1 {font-size: 30px;}
.paginglist ul li a {margin: 4px 2px;}
.uploaded-image {float: left; width: 46%; margin: 5px 5px;}


.image-uploader {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}
.uplodifullshow h3{margin: 0px; font-size: 24px;}
.input-images-2 h3 {margin: 0px; font-size: 24px;}
.input-images-2 label {
    font-size: 17px;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 5px;
}
.uploadimg .uploadbtn { 
    width: 90%;   
}
.bannerstrip img { 
    height: auto;
}

/*250822*/
.listimage img{min-height: auto;}
/*310822*/
.modal-content {width: 90%!important;}
.modalpopup .prev, .modalpopup .next {top: 65%!important;}



}
@media only screen and (max-width: 479px) {
body {background-size: inherit;}
.topnavleft {float: right; width: 100%;}
.navbar-nav li{padding-left:0px;}
.navbar-nav li a {text-align: center;}
.singbtns {margin: 5px 0px; float: left; width: 100%;}
.headertabs h2 {width: 100%;font-size: 26px;}
.myprotabs .nav-tabs li a {padding: 9px 14px; font-size: 18px;}
.tab-content {border-radius: 0px 10px 10px 10px; padding: 25px 20px;}
.inputstyles{margin-bottom: 15px;}
.contentshowinfo {width: 100%; float: left; padding: 55% 0% 15%;}
.headertabs h5 {width: 100%; font-size: 14px; line-height: 20px;}
.headertabs {width: 100%; margin-top: -80%;}
.mobnone{display: none;}

.chckions {font-size: 15px;}
.clostxt {font-size: 13px;}
.timets {font-size: 13px;}
.padlefts{padding-left: 15px;}
.socilsicons {text-align: center; margin-bottom: 15px;}
.contmatter h2 {text-align: center;}
.contmatter p {font-size: 14px; text-align: center;}
.restlist ul li {width: 100%; float: left; list-style-type: none; margin-right: 0px; margin-bottom: 15px;}
.leftmatters h3 {font-size: 30px; margin-bottom: 25px; text-align: center;}
.leftmatters p {font-size: 16px; text-align: center;}

.bannerlist img {min-height: 120px;}
.bannerinfo h1 {font-size: 22px;}
.paginglist ul li a {margin: 4px 2px;}
.listinfo h4 {font-size: 20px;}

.uploaded-image {float: left; width: 46%; margin: 5px 5px;}


.image-uploader {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}
.uplodifullshow h3{margin: 0px; font-size: 24px;}
.input-images-2 h3 {margin: 0px; font-size: 24px;}
.input-images-2 label {
    font-size: 17px;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 5px;
}
.uploadimg .uploadbtn { 
    width: 90%;   
}
.bannerstrip img { 
    height: auto;
}

/*250822*/
.listimage img{min-height: auto;}

/*310822*/
.modal-content {width: 90%!important;}
.modalpopup .prev, .modalpopup .next {top: 65%!important;}

}

@media only screen and (max-width: 320px) {

.headertabs {width: 100%; margin-top: -95%;}
.uploaded-image {float: left; width: 100%; margin: 5px 0px;}

.image-uploader {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}
.uplodifullshow h3{margin: 0px; font-size: 24px;}
.input-images-2 h3 {margin: 0px; font-size: 24px;}
.input-images-2 label {
    font-size: 17px;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 5px;
}
.bannerstrip img { 
    height: auto;
}

}


.table-responsive tr td img{
    width: 70px;
    max-height: 50px;
    object-fit: cover;
}

.New_submit{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

input#myFile {
    background: #fff;
    color: #000;
    padding: 15px 30px;
    border-radius: 50px;
    margin-bottom: 20px;
    /*width: 100%;*/
}