@charset "utf-8";

@media all and (max-width:767px){
body{}
.wrap{ width:100%; display:block;}
.content {font-size:13px; line-height:20px; text-align:justify;}
.content h1{ line-height:32px; font-size:28px; margin-bottom:5px; padding-bottom:5px; text-align:left;}
.content h2{ line-height:28px; font-size:22px; margin-bottom:5px; padding-bottom:5px; text-align:left;}
.content h4{ font-size:15px; line-height:24px; text-align:left;}
.content p{ line-height:20px; font-size:13px; text-align:justify;}
.content ul li{ line-height:20px; font-size:13px; width:93%; margin:0px 2% 0px 5%;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-sm-1Forth, .col-sm-1Third, .col-sm-3Forth{ width:100%;}
.mobRow{ width:100%;}
.mobPaddingNone, .paddinglftrgt{ padding:0px!important;}
.mobMarginNone{ margin:0px!important;}
.mobmarginBtm30{ margin-bottom:30px!important;}
.mobAlignCenter{ text-align:center!important;}
.mobAlignJustify{ text-align:justify!important;}
.mobAlignLeft{ text-align:left!important;}
.mobmarginTop{ margin-top:10px!important;}
.mobmarginBottom{ margin-bottom:10px!important;}
.mobmarginRight{ margin-right:10px!important;}
.mobmarginLeft{ margin-left:10px!important;}
.mobpaddingTop{ padding-top:10px!important;}
.mobpaddingBottom{ padding-bottom:10px!important;}
.mobpaddingRight{ padding-right:10px!important;}
.mobpaddingLeft{ padding-left:10px!important;}
.mobpaddingInBox{ padding:10px!important;}
.mobDivCenter{ margin:0 25% 10px; float:none; display:block; width:50%;}
.mobwidth{margin:0 15% 10px; width:70%;}
.moblineheight{ line-height:20px;}
.mobGap{ padding:0px;}
.mob10{ width:10%;}
.mob20{ width:20%;}
.mob30{ width:30%;}
.mob40{ width:40%;}
.mob50{ width:50%;}
.mob60{ width:60%;}
.mob70{ width:70%;}
.mob80{ width:80%;}
.mob90{ width:90%;}
.mob25{ width:25%;}
.mob33{ width:33%;}
.mob75{ width:75%;}
.mobDisplayNone{ display:none;}
.mobRadius{ border:5px;}
.mobDisplayBlock{ display:block;}
.mobBorderNone{ border:none;}
.mobFloatnone{ float:none!important;}
.mobContainer{ margin:0 auto; float:none!important; display:table;}
.mobFloatLeft{ float:left!important;}
.mobBorderBottom{ border-bottom:solid 1px #ececec;}

.paddingRight{ padding-right:0px;}
.paddingLeft{ padding-left:0px;}
.paddingTop, .mobPaddingTopNone{ padding-top:0px!important;}
.paddingBottom{ padding-bottom:0px;}
.paddingInBox{ padding:5px;}
.paddingInBoxExtra{ padding:10px;}


/*theme style*/
.menuIcon {display: block; cursor:pointer; background: url(../images/mobicon.png) center center/30px 30px scroll no-repeat #f1f1f1; width: 50px; border:solid 1px #ddd; height: 46px; position:absolute; left:0px; top:0px; z-index:2;}
.closeIcon{display: none; cursor:pointer; background: url(../images/close.png) center center/30px 30px scroll no-repeat #0e284c; width: 50px; border:solid 1px #0e284c; height: 46px; position:absolute; left:0px; top:0px; z-index:2;}
.logoPanel{ width:105px; margin:0px 0px 0px 55px; display:block; float:none; padding:10px 5px 10px;}
.logoPanel img{ width:100%; height:auto!important;}
.navigation{ display:none; border-top:solid 1px #0e284c; background:#0e284c; position:absolute; left:0px; top:46px; z-index:1000;}
.navigation ul li{ width:100%;}
.navigation ul li a{ text-align:left; width:100%; border-radius:0px; border-bottom:solid 1px #1c486c; padding:15px; color:#fff;}
.navigation ul li ul{ display:block; position:relative; width:100%; top:0px;}
.navigation ul li ul li a{ padding-left:32px; color:#fff; border-bottom: solid 1px #1c486c;}
.navigation ul li:last-child{ border-bottom: solid 1px #1c486c;}
.navigation ul li:last-child a{ border-bottom: solid 1px #1c486c;}
.navigation ul li ul li:last-child{border-bottom: solid 1px #1c486c;}
.innerheight{height:200px!important; background-size:auto 100%;}
.bannerWelcome{ top:25px;}
.bannerPannel{height:430px; background-size:100% 100%;}
.slides-next, .slides-prev{ background:transparent!important; top:42%; padding:0px!important; width:40px!important; height:40px!important;}
.mobfont13{ font-size:13px;}
.label{ line-height:24px;}
.font16{ font-size:12px;}
.font20{ font-size:16px;}
.font28{ font-size:18px!important;}
.link1 a{ font-size:12px; width:45%; margin:5px 2.5%;}
/*.footerSection{ padding:5px;}*/
.font36 { font-size:24px!important; line-height:36px!important;}
.gapping{ padding:15px 0px;}
.moblinehieght32{ line-height:32px;}
.mobmarginLeftNone{ margin-left:0px;}
.btn-xl{ font-size:20px;}
.mobTableWrap{ width:350px; overflow-y:scroll;}
.table{ width:500px;}
.accordion_container{ width:94%; margin:20px 3%;}
.accordion_head{ line-height:20px; font-size:14px; padding:15px 51px 15px 10px; margin:0px;}
.accordsuffix{ right:10px;}
.accordion_body{ padding:25px 10px;}
iframe{ width:100%;}
.contactInfoBox{ position:relative; top:0px; left:0px; width:100%;}
.tabs-menu-vertical{ width:100%; margin:0px 0px 90px; position:relative;}
.tab-vertical{ width:100%;}
.tabs-menu-vertical li a { width: 100%; padding: 10px 3px; font-size: 12px; height: 70px; text-align: center;}
.tabs-menu-vertical li ul{ position:absolute; left:0px; top:75px;}
.tabs-menu-vertical li ul:before{ content:""; position:absolute; top:-30px; left:115px; border:solid 15px; border-color:transparent transparent #00afff transparent;}
.tabs-menu-vertical li ul li{ width:32.9%;}
.tabs-menu-vertical li ul li a{ padding:20px 5px 5px 5px; height:65px; background:#00afff; border:solid 1px #00afff;}
.tabs-menu-vertical li ul li a:before{ left:50px; top:10px; transform:rotate(90deg);}
.tabs-menu-vertical li ul li a:after{ left:50px; top:15px; transform:rotate(90deg);}
.tabs-menu-vertical li.current a{ border-top:0px;}
.footercol:nth-child(2){ width:100%;}
.footercol:nth-child(3){ width:40%;}

.tab-content-vertical{ padding:10px;}


.rating img{ width:100%;}
.rating:nth-child(6){ border-right:solid 1px #ddd;}
.subRating{ width:25%; padding:0px 3px; min-height:155px; line-height:17px;}
.subRating:hover{opacity:1.0; filter:contrast(1.2); background:#4e6da1; color:#fff;}
.subRating:nth-child(6){ border-right:solid 1px #ddd;}

.star1, .star2, .star3, .star4{ opacity:0.2;}
.survayrating-main {padding: 5px 5px 30px;}
.survaylike { height: 30px; margin: 0px 0px 10px;}
.survaylike span.left {left: 35%; top: 0px;}
.survaylike span.right {right: 35%; top: 255px;}
.survayrating { width: 80%; margin: 0px 10%;}
.survayrating .radio-button-container {  width: 61px;  padding: 20px 10px;  top: 0;  border-radius: 5px;  margin-right: 4px;  margin-bottom: 4px;}

.tableWrap-sm{ width:295px!important; overflow-y:scroll; padding:2px!important;}
.tableWrap-sm table{ min-width:500px;}
.tableWrap{ width:335px!important; overflow-y:scroll; padding:2px!important;}
.top110{ top:}
.flag{ margin:0px; max-width:66px;}
.vasBox{ width:94%; margin:0px 2% 10px; padding:15px 5px;}
.arrow:before{ width:35px; left:-170px;}
.arrow:after{ width:35px; right:-170px;}
.feedbackType{ width:48%; margin:7px 1%;}
.bodypanel{ padding:10px;}
.book-ap, .premium{ background-position:0px 0px;}

.cookiesPanel{ padding:20px;}
.cookiesPanelBox{ width:94%; padding:15px;}
.cookiesPanelBox-close{ right:15px; top:8px;}
.tab-panel-cookies{ margin:0px;}
.tabs-menu-cookies{ width:100%;}
.tabs-menu-cookies li{ margin-right:0px; width:50%;}
.tabs-menu-cookies li a{ border-right:solid 1px #ccc; padding:5px 3px; font-size:11px;}
.tab-cookies{ width:100%; min-height:200px; height:250px; overflow:scroll;}
.radioCheck label{ margin-bottom:15px;}

.slide img{height:auto!important;}
.stepsmain h1{ margin-bottom:15px!important;}
.homenotification-box .cookiesPanelBox-close-notify, .cookiesPanelBox-close-juridiction{ right:5px; top:5px;}
.cookiesPanelBoxJusridiction{ width:340px; height:460px; overflow:hidden;}
.cookiesPanelBoxJusridiction .overflowScroll{ overflow:scroll; height:400px;}
.judstnBox{width:96%; display:none;}
.homeabout{padding: 0 5px 40px; margin:0px;}
.judstnBox ul{ min-height:50px;}
.newsTitle{ width:265px;}
#galleryBox .slide{width:320px;}
#galleryBox .slides-prev{left:-9px; top:60px; z-index:100;}
#galleryBox .slides-next{right:-9px; top:60px;}
.headerTitle{font-size: 14px; background: #0e284c; padding: 10px !important; color: #fff;}
.homeabout h2{ font-size:21px!important; line-height:30px!important;}
.footertop{ padding:25px 10px 0;}
.footercol{width:100%;}
.footercol li{ width:50%;}
h1{ font-size:18px; line-height:24px; padding:0px 25px;}
.tabs-menu li a{ font-size:16px; padding:7px; min-width:50px; margin-top:2px;}
.tab-content, .tab-content .row.borderAll.paddingInBoxExtra.content{ overflow:scroll;}
.innerpage-heading{ padding:0 10px 20px;}
.bannercontent{ padding:5px 10px 10px 25px;}
.bannercontent h1{ padding:0px; margin:0px; font-size:15px; font-weight:normal; line-height:24px; width:320px; height:auto; top:7px; position:relative;}
.bannercontent h1 span{ line-height:24px; font-size:20px;}
.bannercontent a{ margin:5px 0px 0px; font-size:13px; line-height:20px; border-radius:5px; padding:7px 10px; width:150px;}
.bannercontent p{ display:none;}
.newsTitle{font-size:18px; padding:10px 10px 10px 60px; width:340px;}
.language-select{ position:absolute; right:8px; top:5px; margin:0px; padding:3px; top:8px; font-size:12px;}
.language-select + .language-select{ margin-right:80px;}
.appStepBox{ width:100%;}
.appStepBox::after { content: ""; position: absolute; top: auto; bottom:-28px; right: 144px; background: url(../images/arrow3.png) -12px 0px/50px 7px no-repeat; width: 40px; height: 18px; transform: rotate(90deg);}
.homeabout p{ line-height:22px; font-size:14px;}
.whatsapp{ margin:0px; position:absolute; top:4px; right:5px;}
.tabs-menu-vertical li { margin-right: 1px; width: 24.6%;}

#passport, #oci, #otherConsularServ, #consularServ, #attestationServ, #visa, #generalInfo, #freshissueoci, #reissueoci, #reissuePassport, #p1, #p2, #p3, #p4, #p5, #p6, #p7{ display:block; position:absolute; left:0px; top: 0px; background:rgba(0,0,0,0.1); width:100%; bottom:0px;}
#passportBox, #ociBox, #otherConsularServBox, #generalInfoBox, #consularServBox, #attestationServBox, #visaBox, #freshissueociBox, #reissueociBox, #reissuePassportBox, #p1-box, #p2-box, #p3-box, #p4-box, #p5-box, #p6-box, #p7-box{ display:none; background:#0e284c;}

.navigation ul li a i{ float:right; margin-top:5px;}
.navigation ul li:hover ul li:hover ul{ left:0px; position:relative;}
.navigation ul li ul li ul li a{font-size:12px; background:#243f64; padding-left:45px;}
.navigation ul li ul li ul li ul li a{font-size:12px; background:#243f64; padding-left:65px;}


.font42{ font-size:30px;}
.kyj{ margin:0px; padding:10px;}
.stepsrow{ width:44%; margin:10px 2% 20px 12px; /*padding:10px; height:auto;*/ height: 168px; background:#00afff;}
.mobBlue{ background:#69c1da;}
.stepsrow a{ padding:5px 0px; /*display:block;*/}
.stepsrow .goArrow img{ filter:brightness(0) invert(1); position:relative;right:-15px;transition:all 0.3s}
.stepsimg{ width:70px!important; height:70px; margin:0px;}
.stepsrow img{ width:35px; height:35px;}
.stepsrow h2{ /*width:60%; text-align:left;  padding-left:10px;*/ font-size:16px; color:#fff;}
.goArrow{bottom:0px; right:30px;}
.stepsmain h1{ font-size:24px; line-height:30px;}
.stepsrow:first-child{ margin-left:10px;}
.allservies-col{ width:98%; padding:25px 20px 60px;}

.gapping.front-login .container { width: 300px; padding:20px; border-radius:10px;}
.gapping.front-login .container.xl{ width:340px; padding:20px; border-radius:10px;}

.news-calendar{ margin-left:10px; padding:15px 5px 10px; width:80px;}

.contactinfo-row{ width:calc(100% - 10px);}
.contact-main h2 strong{ line-height:45px;}
.contactinfo-row .titleFont{ margin-bottom:7px;}
.language-select.right{ right:115px;}

.dashboardtab .tab-content-vertical .dashboardtab-col p{ margin-bottom:3px; padding-bottom:3px; line-height:20px;}

.team_img{ margin-left:0px; width:100%;}
.team_img img{ float:none;}
.overlap-section {margin-top: -55px;}
.headerTop{padding:0px;}
.news{width: 100%;}
.homecontent h2{font-size: 2.7rem;}
.homecontent img{max-width: 100% !important; margin-top: 20px;}
.feature-box{width: 96%; margin:2%%;}
.feature-box-wrap{padding: 1rem; height: 180px;}
.feature-box-content{font-size: 16px;}
.btn-box{padding: 12px; font-size: 12px;}
.box-shadow{height: 180px; padding: 15px 10px;}
.box-shadow .text {width: 70%; font-size: 17px; font-weight: 600;}
.btn-container{width: 30%;}
.mobpadding{padding: 10px 0;}
.home h1{width: 100%;font-size: 44px !important;line-height: 48px;}
.home span {font-size: 21px;}

.processing-step-box{ width:96%; margin:10px 2%; height:250px;}

}



/*ipad*/
@media (min-width:768px) and (max-width:1024px){
.wrap{ width:800px!important;}
.logoPanel img{ width:100%;}
.navigation ul li a{ font-size:13px; padding:21px 8px; min-width:40px;}
.bannerPannel{ height:235px;}
.link1 a{ margin:6px 0px;}
.vasBox{ width:32%;}
#feedbackv1_form .container.col-sm-8.borderAll.paddingInBoxExtra.greyBG{ width:100%;}
.mobRow{ width:100%;}
.font28 {font-size: 20px;}
.tabs-menu-vertical{ width:29%; margin-right:1%;}
.tabs-menu-vertical li a{ padding:20px 7px;}

}


@media (min-width:1025px) and (max-width:1366px){
.wrap{ width:1170px;}
.apply-passport {padding:8px 70px 8px 25px;}
.apply-passport:after{right:20px;}
.navigation ul li a{ font-size:17px; padding:21px 11px;}
}