@charset "utf-8";


body { font-family: 'ProximaNovaRegular'; font-size: 16px; color: #000000; counter-reset: section; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
/**, ::after, ::before { box-sizing: border-box; }*/
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }

.bodyoverflow{ overflow: hidden; overflow-y: auto; }

@font-face {
    font-family: 'ProximaNovaThin';
    src: url('../fonts/ProximaNova-Thin.eot');
    src: url('../fonts/ProximaNova-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/ProximaNovaRegular.eot');
    src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
         url('../fonts/ProximaNovaRegular.woff') format('woff'),
         url('../fonts/ProximaNovaRegular.ttf') format('truetype');
         font-display: swap;
}
@font-face {
    font-family: 'ProximaNovaSbold';
    src: url('../fonts/ProximaNovaSbold.eot');
    src: url('../fonts/ProximaNovaSbold.eot') format('embedded-opentype'),
         url('../fonts/ProximaNovaSbold.woff') format('woff'),
         url('../fonts/ProximaNovaSbold.ttf') format('truetype');
         font-display: swap;
}
@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/ProximaNovaBold.eot');
    src: url('../fonts/ProximaNovaBold.eot') format('embedded-opentype'),
         url('../fonts/ProximaNovaBold.woff') format('woff'),
         url('../fonts/ProximaNovaBold.ttf') format('truetype');
         font-display: swap;
}

@font-face {
    font-family: 'ProximaNovaXbold';
    src: url('../fonts/ProximaNova-Extrabld.eot');
    src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


a { 
    color: #000000; outline: none;
    -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
}
a:hover, a:focus { text-decoration: none; color: #000000; outline: none; }

.btn{ -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; }

.link1{ color: #ffffff !important; text-decoration: none !important; }
.link2{ color: #29b9d3 !important; text-decoration: underline !important; }
.link02{ color: #29b9d3 !important; text-decoration: none !important; }
.link02:hover, .link02:focus{ color: #000000 !important; text-decoration: none !important; }

.link3{ color: #000000 !important; text-decoration: none !important; }
.link3:hover, .link3:focus{ color: #29b9d3 !important; text-decoration: none !important; }

.link4{ color: #999999 !important; text-decoration: none !important; }
.link4:hover, .link4:focus{ color: #29b9d3 !important; text-decoration: none !important; }

p { line-height: 1.5; padding-bottom: 20px; color: #555555; }
p:last-child { padding-bottom: 0px; }

.btn:focus { box-shadow: none; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left !important; }

.form-control:focus{ box-shadow: none; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }


[class*="font-"] { line-height: 1.5 !important; }
.font-15 { font-size: 15px !important; }
.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important; }
.font-30 { font-size: 30px !important; }
.font-32 { font-size: 32px !important; }

.image { display: inline; max-width: 100%; }

.thin{ font-family: 'ProximaNovaThin'; }
.normal{ font-family: 'ProximaNovaRegular' !important; }
.sbold{ font-family: 'ProximaNovaSbold'; }
.bold{ font-family: 'ProximaNovaBold' !important; }
.xbold{ font-family: 'ProximaNovaXbold'; }

.black{ color: #000000 !important; }
.black1{ color: #333333 !important; }
.txtGray{ color: #6c6c6c !important; }
.white{ color: #ffffff !important; }
.skyBlue1{ color: #29b9d3 !important; }
.skyBlue2{ color: #2bd3ec !important; }


.whitebg{ background-color: #ffffff !important; }
.black-bg{ background-color: #14151b !important; }
.black-bg1{ background-color: #333333 !important; }
.lightGrayBg{ background-color: #f7f8f9 !important; }
.grayBg{ background-color: #eeeeee; }
.grayBg1{ background-color: #f8f8f8; }

.skyBlueBg1{ background-color: #29b9d3 !important; }
.skyBlueBg02{ background-color: #2bd3ec !important; }
.skyBlueBg03{ background-color: #4af0ff !important; }
.skyBlueBg2{ background-color: #f0fdff !important; }

.row6 { margin-left: -6px; margin-right: -6px; }
.row6 > [class*="col-"] { padding-left: 6px; padding-right: 6px; }

.row9 { margin-left: -9px; margin-right: -9px; }
.row9 > [class*="col-"] { padding-left: 9px; padding-right: 9px; }

.row30 { margin-left: -30px; margin-right: -30px; }
.row30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }

.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }

.row.vdivide [class*='col-']:not(:first-child):after { background: #e6e4e4; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }

ul.amazingcarousel-list [class*='li']:not(:first-child):after { background: #e6e4e4; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }

.btn1 { background-color: transparent; border: solid 2px #000000; border-radius: 0px; color: #000000; font-size: 15px; text-decoration: none; display: inline-block; padding: 11px 20px; cursor: pointer; text-align: center; letter-spacing: 1px; min-width: 180px; }
.btn1:hover, .btn1:focus { background-color: #000000; color: #ffffff; }

.btn2 { background-color: transparent; border: solid 2px #2bd3ec; border-radius: 0px; color: #2bd3ec; font-size: 15px; text-decoration: none; display: inline-block; padding: 13px 20px; cursor: pointer; text-align: center; letter-spacing: 1px; min-width: 180px; }
.btn2:hover, .btn2:focus { background-color: #2bd3ec; color: #ffffff; }

.btn3 { background-color: #000000; border: 0px; border-radius: 0px; color: #ffffff; font-size: 15px; text-decoration: none; display: inline-block; padding: 13px 20px; cursor: pointer; text-align: center; letter-spacing: 1px; min-width: 180px; }
.btn3:hover, .btn3:focus { background-color: #29b9d3; border: 0px; color: #ffffff; }

.btn4 { background-color: #29b9d3; border: 0px; border-radius: 0px; color: #ffffff; font-size: 15px; text-decoration: none; display: inline-block; padding: 13px 20px; cursor: pointer; text-align: center; letter-spacing: 1px; min-width: 180px; }
.btn4:hover, .btn4:focus { background-color: #000000; border: 0px; color: #ffffff; }

.btnBlack { font-family: 'ProximaNovaBold'; background-color: #000000; border: 0px; border-radius: 0px; color: #ffffff; font-size: 15px; text-decoration: none; padding: 20px 20px; cursor: pointer; text-align: center; letter-spacing: 2px; line-height: normal; max-width: 200px; width: 100%; }
.btnBlack:hover, .btnBlack:focus { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; }

.btnWhite { font-family: 'ProximaNovaBold'; background-color: #ffffff; border: 0px; border-radius: 0px; color: #000000; font-size: 15px; text-decoration: none; padding: 20px 20px; cursor: pointer; text-align: center; letter-spacing: 2px; line-height: normal; max-width: 200px; width: 100%; }
.btnWhite:hover, .btnWhite:focus { background-color: rgba(255, 255, 255, 0.8); color: #000000; }

.btnSkyBlue { font-family: 'ProximaNovaBold'; background-color: #29b9d3; border: 0px; border-radius: 0px; color: #ffffff; font-size: 15px; text-decoration: none; padding: 20px 20px; cursor: pointer; text-align: center; letter-spacing: 2px; line-height: normal; max-width: 200px; width: 100%; }
.btnSkyBlue:hover, .btnSkyBlue:focus { background-color: rgba(41, 185, 211, 0.8); color: #ffffff; }

.btnLg{ padding: 18px 35px; }
.btnSm{ padding: 8px 30px; }

.lineHeight{ line-height: inherit !important; }
.lineH-normal{ line-height: normal !important; }
.lineH-1{ line-height: 1.4 !important; }

.btnTwoColor { background-color: #283137; border: 0px; border-radius: 0px; font-family: 'ProximaNovaBold'; color: #ffffff !important; font-size: 14px; text-decoration: none; text-transform: uppercase; display: flex; align-items: center; padding: 0px; cursor: pointer; text-align: center; letter-spacing: 2px; line-height: normal; max-width: 236px; }
.btnTwoColor .rightArrow{ background-color: #29b9d3; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.btnTwoColor .rightArrow i{ font-size: 24px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.btnTwoColor .textLink { padding: 0px 15px; display: flex; margin: 0px auto; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; }
.btnTwoColor:hover .textLink{ color: #29b9d3; }


/*----Header----*/
.dropdown-toggle.active-dropdown::after { transform:rotate(-90deg); }

.sticky-top { padding: 0px; /*position: fixed;*/ width: 100%; }
.navbar{ padding: 0px; }

.headerMain{ background-color: transparent; padding: 20px 5px; 
    -webkit-transition: all 160ms ease-in-out; -moz-transition: all 160ms ease-in-out; -ms-transition: all 160ms ease-in-out; -o-transition: all 160ms ease-in-out; transition: all 160ms ease-in-out;
}
.headerMain .navbar-brand{ padding: 0px; }
.headerMain .navbar-brand img{ width: 186px; 
    -webkit-transition: all 160ms ease-in-out; -moz-transition: all 160ms ease-in-out; -ms-transition: all 160ms ease-in-out; -o-transition: all 160ms ease-in-out; transition: all 160ms ease-in-out;
}

.headerMain.affix{ background-color: rgba(0, 0, 0); padding: 12px 0px; }
.headerMain.affix .navbar-brand img{ width: 186px; }

.headerMain.affix .container-fluid{ padding-right: 12px; padding-left: 12px; }

.header-inner {  }
.header-inner .headerMain { background-color: #000000; }
/*--Main Menu--*/


/*.headerMain .nav-item.dropdown:hover .dropdown-menu { display: block; }*/

/*Mega menu*/
/*.headerMain .navbar-nav > .nav-item{ position: static; }*/
.headerMain .navbar-nav > .nav-item.megaMenuMain{ position: static; }

.headerMain .navbar-nav > .nav-item:hover .nav-link{ color: #2bd3ec !important; }
.headerMain .navbar-nav > .nav-item:hover .nav-link:before{ width: 25px; }
/*.headerMain .navbar-nav > .nav-item:hover .dropdown-toggle .mm-arrow{ opacity: 1; }*/

.mm-arrow{ border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #ffffff; position: absolute; left: 0px; right: 0px; bottom: -2px; margin: 0px auto; max-width: 14px; opacity: 0; z-index: 1001; }

.myMegaMenu{ width: 100%; left: 0; right: 0; border: 0px; margin: 0px auto; padding: 0px; background-color: transparent !important; max-width: 1080px; top: calc(100% - 4px);}

.myMegaMenuWrapper{ background-color: #ffffff; padding: 16px 20px; width: 100%; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.6); }

.myMegaMenuBox{ position: relative; }

.myMegaMenuBoxTitle{ 
    display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; /*margin-bottom: 10px;*/ 

    /*New Added*/
    padding-top: 4px !important; padding-bottom: 4px !important;
}
.myMegaMenuBoxTitle .serviceName{ font-size: 14px; -ms-flex: 1; flex: 1; -ms-flex-item-align: center !important; align-self: center !important; color: #444444; }
.myMegaMenuBoxTitle .serviceName:hover, .myMegaMenuBoxTitle .serviceName:focus { color: #000000; }


ul.megamenuNav{ /*padding: 0px 0px 0px 46px;*/ padding: 10px 0px 0px 10px; }
ul.megamenuNav li{ padding: 0px 0px 8px; line-height: normal; }
ul.megamenuNav li:last-child{ padding: 0px; }
ul.megamenuNav li a{ font-size: 14px; color: #444444; text-decoration: none; }
ul.megamenuNav li a:hover{ color: #000000; }

/*Mega menu end*/

.singleDropDown{ min-width: 230px; padding: 5px 0px; border-radius: 4px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6); border: 0px; margin: 0px; }
.singleDropDown ul{  }
.singleDropDown ul li{ padding: 4px 15px; /*border-bottom: solid 1px #eee;*/ }
/*.singleDropDown ul li:last-child{ border-bottom: 0px; }*/
.singleDropDown ul li a{ font-size: 14px; color: #444444; text-decoration: none; display: block; }
.singleDropDown ul li a:hover{ color: #000000; }

.menuMain { }
.menuMain .navbar{ padding: 0rem 1rem; }
.menuMain .nav-link{ font-family: 'ProximaNovaBold'; padding: 18px 25px !important; color: #ffffff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; position: relative; }

.menuMain .nav-link:hover, .menuMain .nav-link:active, .menuMain .nav-link:focus { color: #2bd3ec; }

.menuMain .nav-link:before { content: ""; width: 0px; height: 1px; background-color: #ffffff; display: table; text-align: right; margin-left: auto; margin-top: -1px;  transition: width 200ms ease-in-out; }
.menuMain .nav-link:hover:before, .menuMain .nav-link:active:before, .menuMain .nav-link:focus:before{ width: 25px; }
/*--Main Menu End--*/

/*--Main Phone Number Start--*/
.phone-number { font-size: 16px !important; }
.phone-number img { max-width: 100%; height: 28px; margin-right: 10px; }
/*--Main Phone Number End--*/



/*My Drop Down*/
.myDropDownBox{ border-radius: 0px; border: 0px; background-color: #000000; }
.myDropDownBox li .dropdown-item{ font-size: 14px; color: #a1a1a1; }
.myDropDownBox li .dropdown-item:hover{ background-color: transparent; color: #2bd3ec; }
/*My Drop Down End*/

.hedRight{ background-color: #ffffff; font-family: 'ProximaNovaBold'; color: #000000; padding: 15px 20px; display: inline-block; text-align: right; line-height: normal; }
.hedRight span{ display: block; }

.getquotebtn{ font-family: 'ProximaNovaSbold'; padding: 12px 20px; display: inline-block; line-height: normal; background-color: #12a5c5; color: #ffffff !important; border-radius: 0px; text-transform: uppercase; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

/*----Header End----*/

/*.loading { background: transparent url('../images/loader.gif') center no-repeat; min-height: 200px; }*/


/*---- New Slider ----*/
.mainSliderNew { background-color: #ffffff; }

.mainSliderNew .carousel-item img{ object-fit: cover; width: 100%; height: 100%; max-height: 800px; }
.mainSliderNew .carousel-caption { top: 15%; bottom: 15%; display: flex; align-items: center; justify-content: center; }
.mainSliderNew .carousel-caption h2{ font-family: 'ProximaNovaBold'; font-size: 55px; color: #ffffff; text-shadow: 2px 2px 1px rgba(0,0, 0, 0.1); padding: 0px; max-width: 100%; }
.mainSliderNew .carousel-caption h2 small{ font-size: 24px; display: block; width: 100%; font-style: italic; padding-top: 15px; color: #ffffff; }

.mainSliderNew .carousel-control-next, .mainSliderNew .carousel-control-prev { width: auto; transition: opacity 0; background: transparent; border: 0; margin: 0px 25px; z-index: 10; }
.mainSliderNew .carousel-control-prev-icon{ background-image: url(../images/slideArrowLeft.png); background-size: unset; width: 56px; height: 56px; background-color: #000000; }
.mainSliderNew .carousel-control-next-icon{ background-image: url(../images/slideArrowRight.png); background-size: unset; width: 56px; height: 56px; background-color: #000000; }

.mainSliderNewData{ min-height: 600px; height: 100%; display: flex; align-items: center; justify-content: center; }
.mainSliderNewData h1{ font-family: 'ProximaNovaXbold'; font-size: 44px; color: #222222; padding-bottom: 10px; }
.mainSliderNewData p{ font-family: 'ProximaNovaSbold'; font-size: 22px; color: #444444; line-height: 1.3; }
.mainSliderNewData .btn{ letter-spacing: unset; font-size: 16px; margin-top: 5px; }

.christmas2022{ background-image: url(../images/christmas2022.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }


.homemainCarousel {  }
.homemainCarousel .owl-dots{ position: absolute; bottom: 40px; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }
.homemainCarousel .owl-dots .owl-dot { padding: 0px 10px !important; }
.homemainCarousel .owl-dots .owl-dot span{ width: 6px; height: 6px; background-color: #cccccc; /*display: inline-block;*/ display: flex; align-items: center; justify-content: center; }
.homemainCarousel .owl-dots .owl-dot.active span{ width: 10px; height: 10px; background-color: #000000; }
/*End*/


.welcomeJhkMain{ padding: 120px 0px; }
.welcomeJhk{  }

.jhkTitle{ padding-bottom: 18px; }
.jhkTitle h1{ font-size: 42px; text-align: left; padding: 0px; }
.jhkTitle h1 span{ position: unset; margin: 0px; padding: 0px; display: inline-block; }
.jhkTitle h1 span:before{ position: unset; content: none; }
.jhkTitle h1 small{ font-family: 'ProximaNovaBold'; padding-bottom: 5px; font-size: 22px; display: block; color: #000000; font-weight: unset; line-height: normal; }
.jhkTitle p{ font-family: 'ProximaNovaBold'; font-size: 18px; color: #000000; padding: 10px 0px 0px !important; }

.welcomeJhk p{ line-height: 28px; padding-bottom: 50px; }

.imageFrameOne{ position: relative; margin: -10px 0px 0px 84px; min-height: 520px; }
.imageFrameOneImage{ width: 470px; height: 378px; position: absolute; left: 0; top: 100px; z-index: 2; }
.imageFrameOneImage:after{ width: 470px; height: 458px; position: absolute; top: -40px; left: 40px; content: ''; border: 10px solid #29b9d3; }
.imageFrameOneImage img{ object-fit: cover; width: 100%; height: 100%; -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3); box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3); }
.imageFrameOneImageBg{ width: 470px; height: 438px; position: absolute; right: 0; top: 0; z-index: 1; }
.imageFrameOneImageBg img{ object-fit: cover; width: 100%; height: 100%; -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3); }

.imageFrameTwo{ margin: -10px 84px 0px 0px; }
.imageFrameTwo .imageFrameOneImage{ right: 0px; left: auto; }
.imageFrameTwo .imageFrameOneImage:after { right: 40px; left: auto; }
.imageFrameTwo .imageFrameOneImageBg{ left: 0px; }


.titleHedOne{ text-align: center; max-width: 960px; width: 100%; margin: 0px auto; padding-bottom: 50px; }
.titleHedOne h2, .titleHedOne h3, .titleHedOne h4, .titleHedOne .titleHedOneSub { font-family: 'ProximaNovaBold'; font-size: 24px; padding-bottom: 15px; margin-bottom: 20px; color: #000000; position: relative; letter-spacing: 3px; text-transform: uppercase; }
.titleHedOne h2:before, .titleHedOne h3:before, .titleHedOne h4:before, .titleHedOne .titleHedOneSub:before{ position: absolute; left: 0px; right: 0px; bottom: 0px; width: 60px; height: 2px; background-color: #000000; content: ""; margin: 0px auto; }
.titleHedOne p{ font-size: 18px !important; font-family: 'ProximaNovaRegular'; display: block; width: 100%; color: #555555; line-height: 28px; }

.titleHedOne.leftWhite { text-align: left !important; color: #ffffff !important; }

.titleHedOne.leftWhite h4, .titleHedOne.leftWhite h2, .titleHedOne.leftWhite .titleHedOneSub { color: #ffffff !important; }
.titleHedOne.leftWhite h4:before, .titleHedOne.leftWhite h2:before, .titleHedOne.leftWhite .titleHedOneSub:before { background-color: #ffffff !important; margin: 0px !important; }

.titleHedOne.leftWhite p { color: #ffffff !important; }


/*---- Our Services Start ----*/
.ourService{ padding: 70px 0px 50px; }

.ourServiceBox{ position: relative; overflow: hidden; background-color: #000000; }
.ourServiceBoxTitle{ font-family: 'ProximaNovaSbold'; font-size: 28px; /*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);*/ text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); color: #ffffff; position: absolute; left: 40px; top: 50px; right: 40px; padding-bottom: 18px; z-index: 3; }
.ourServiceBoxTitle:before{ content: ""; width: 60px; height: 1px; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 0px; bottom: 0px; }

.ourServiceBox .verticalBtn{ position: absolute; left: 0px; bottom: 0px; width: 236px; 
    -moz-transform: rotate(-90deg) translateX(88px) translateY(-88px);
    -webkit-transform: rotate(-90deg) translateX(88px) translateY(-88px);
    -o-transform: rotate(-90deg) translateX(88px) translateY(-88px);
    -ms-transform: rotate(-90deg) translateX(88px) translateY(-88px);
    transform: rotate(-90deg) translateX(88px) translateY(-88px);
}

.ourServiceBoxImage{ height: 500px; }
.ourServiceBoxImage img{ object-fit: cover; width: 100%; height: 100%; }

.ourServiceBox .serviceImage{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.ourServiceBox:hover .serviceImage{ opacity: 0.4; -moz-transform: scale(1.040); -webkit-transform: scale(1.040); -o-transform: scale(1.040); -ms-transform: scale(1.040); transform: scale(1.040); }

.ourServiceBox:hover .rightArrow i { 
    -moz-transform: rotate(720deg); -webkit-transform: rotate(720deg); -o-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg);
    -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out;
}

.ourServiceWrapper{ max-width: 1600px; margin: 0px auto; position: relative; }

.ourServiceCarousel{  }
.ourServiceCarousel .owl-nav{ padding: 50px 0px 0px 0px; }
.ourServiceCarousel .owl-nav .owl-prev, .ourServiceCarousel .owl-nav .owl-next{ background-color: rgba(0, 0, 0, 0.6) !important; width: 56px; height: 56px; color: rgba(255, 255, 255, 0.8) !important; margin: 0px 8px; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; }
.ourServiceCarousel .owl-nav .owl-prev:hover, .ourServiceCarousel .owl-nav .owl-next:hover{ background-color: #000000 !important; color: #ffffff !important; }

.ourServiceCarousel .owl-nav .owl-prev{ margin-left: 0px; }

.ourServiceFixButton{ position: absolute; right: 0px; bottom: 0px; z-index: 2; }
/*---- Our Services End ----*/


/*---- Our Works ----*/
.ourWorks{ background-color: #333333; position: relative; color: #ffffff; padding: 100px 0px 60px; overflow: hidden; }
/*.ourWorksBg{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0.2; }
.ourWorksBg img{ width: 100%; height: 100%; object-fit: cover; }*/

.ourWorks .titleHedOne{ max-width: 400px !important; margin: 0px; }

.galleryImage1{ height: 100%; max-height: 407px; }
.galleryImage2{ height: 100%; max-height: 337px; }
.galleryImage3{ height: 100%; max-height: 277px; }
.galleryImage1 img, .galleryImage2 img, .galleryImage3 img { object-fit: cover; width: 100%; height: 100%; }


.ourWorkImage{ overflow: hidden; position: relative; }


/*Overlay*/
.ourWorkImage .overlay{
    position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 0; height: 100%;
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;

    display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; flex-direction: column;

    background: #2bd3ec; 
    background: -moz-linear-gradient(-45deg,  #2bd3ec 0%, #53cbf1 40%, #05abe0 100%, #169ab2 100%); 
    background: -webkit-linear-gradient(-45deg,  #2bd3ec 0%,#53cbf1 40%,#05abe0 100%,#169ab2 100%); 
    background: linear-gradient(135deg,  #2bd3ec 0%,#53cbf1 40%,#05abe0 100%,#169ab2 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bd3ec', endColorstr='#169ab2',GradientType=1 );
}
.ourWorkImage:hover .overlay{ width: 100%; }
.ourWorkImage .overlay .plusIcon{ width: 54px; height: 54px; line-height: 54px; border-radius: 50%; background-color: #000000; color: #ffffff; font-size: 40px; font-weight: 200; margin-bottom: 10px; display: block; 
    -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}
.ourWorkImage:hover .overlay .plusIcon{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.ourWorkImage .overlay .overlayTitle{ font-family: 'ProximaNovaSbold'; color: #000000; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); }
/*Overlay End*/

/*---- Our Works End ----*/


/*---- Clients Trusted ----*/
.clientsTrusted{ padding-top: 50px; }
.clientsTrusted h3{ font-weight: 600; text-align: center; font-size: 40px; line-height: 1.5; }

.quoteIconAndLine{ font-weight: 700; font-size: 32px; line-height: normal; text-align: center; margin: 30px 0px 30px 0px; position: relative; }
.quoteIconAndLine:before{ content: ""; position: absolute; top: 55%; left: 0px; right: 0px; width: 60%; height: 2px; background-color: #dddddd; margin: 0px auto; }
.quoteIconAndLine span{ background-color: #ffffff; padding: 0px 25px; position: relative; }

.clientsTrustedCarousel{  }
.clientsTrustedCarousel p{ font-size: 18px; text-align: center; line-height: 30px; }
.clientsTrustedCarousel .owl-nav{ text-align: center; margin-top: 25px; }
.clientsTrustedCarousel .owl-nav .owl-prev, .clientsTrustedCarousel .owl-nav .owl-next { width: 32px; height: 32px; border: solid 2px #999999 !important; color: #999999 !important; margin: 0px 5px; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; }
.clientsTrustedCarousel .owl-nav .owl-prev:hover, .clientsTrustedCarousel .owl-nav .owl-next:hover { border: solid 2px #000000 !important; color: #000000 !important; }
/*---- Clients Trusted End ----*/


.formOne{  }
.formOne .form-group{ margin-bottom: 10px; }
.formOne .labelAll{ width: 100%; margin-bottom: 5px; font-size: 14px; padding-left: 2px; }
.formOne .form-control{ border-radius: 2px; height: 40px; background-color: #13424a; border: 0px; color: #ffffff; padding: 13px; }
.formOne .form-control::placeholder{ font-style: italic; color: rgba(255, 255, 255, 0.6); }
.formOne textarea{ resize: none; }


.formTwo{  }
.formTwo .form-group{ margin-bottom: 25px; }
.formTwo .labelAll{ width: 100%; margin-bottom: 5px; font-size: 14px; padding-left: 2px; }
.formTwo .form-control{ border-radius: 0px; height: 54px; background-color: #eeeeee; border: solid 1px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); padding: 13px 18px; }
.formTwo .form-control::placeholder { color: rgba(0, 0, 0, 0.7); }
.formTwo select { overflow: hidden; -webkit-appearance: none; background-image: url(../images/inpSelect.png); background-repeat: no-repeat; background-position: right center; }
.formTwo textarea{ resize: none; }


.formThree{  }
.formThree .labelsAll{ font-family: 'ProximaNovaSbold'; margin-bottom: 3px; }
.formThree .form-group{ margin-bottom: 20px; }
.formThree .threeFormInp{ border-radius: 2px; height: 44px; background-color: #ffffff; border: solid 1px #cccccc; color: rgba(0, 0, 0, 0.7); }
.formThree .threeFormInp::placeholder { color: rgba(0, 0, 0, 0.6); }
.formThree select { overflow: hidden; -webkit-appearance: none; background-image: url(../images/inpSelectThree.png); background-repeat: no-repeat; background-position: right center; }
.formThree textarea{ resize: none; }
.formThree .chosen-container-single .chosen-single{ background-color: #ffffff !important; border-radius: 2px !important; border: solid 1px #cccccc !important; height: 44px !important; line-height: 44px !important; }


/*---- Get in Touch And Newsletter ----*/
.getinTouchAndNewsletter{ text-align: center; color: #ffffff; background-color: #000000; }
.getinTouchAndNewsletter h3{ font-family: 'ProximaNovaBold'; color: #ffffff; font-size: 26px; text-transform: uppercase; padding-bottom: 15px; }
.getinTouchAndNewsletter p{ color: #ffffff; font-size: 17px; padding-bottom: 25px; }

.getinTouchAndNewsletterData{ padding: 60px 0px; max-width: 500px; margin: 0px auto; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; }

.getinTouchPart{ position: relative; background-color: #000000; height: 100%; overflow: hidden; }
.getinTouchPartBg{ width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0.3; }
.getinTouchPartBg img{ width: 100%; height: 100%; object-fit: cover; }

.getinTouchSocial{ display: flex; justify-content: center; }
.getinTouchSocial a{ color: #ffffff; }
.getinTouchSocial i{ font-size: 26px; width: 70px; height: 70px; border-radius: 50%; border: solid 2px #ffffff; display: flex; align-items: center; justify-content: center; margin: 0px 10px; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.getinTouchSocial .fa-facebook-f:hover, .getinTouchSocial .fa-facebook-f.active{ background-color: #3b5998; border: 0px; }
.getinTouchSocial .fa-twitter:hover, .getinTouchSocial .fa-twitter.active{ background-color: #55acee; border: 0px; }
.getinTouchSocial .fa-instagram:hover, .getinTouchSocial .fa-instagram.active{ background-color: #6a453b; border: 0px; }
.getinTouchSocial .fa-linkedin-in:hover, .getinTouchSocial .fa-linkedin-in.active{ background-color: #007ab9; border: 0px; }


.NewsletterPart{ position: relative; background-color: #217e8f; height: 100%; overflow: hidden; }
.NewsletterPartBg{ width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0.2; }
.NewsletterPartBg img{ width: 100%; height: 100%; object-fit: cover; }

.NewsletterPart .input-group{ background-color: #333333; border-radius: 2px; }
.NewsletterPart .input-group .form-control{ background-color: transparent; border-radius: 0px; border: 0px; height: 60px; padding: 10px 20px; font-size: 17px; color: #ffffff; }
.NewsletterPart .input-group .form-control::placeholder{ color: rgba(255, 255, 255, 0.5);  }
.NewsletterPart .input-group .btn{ background-color: transparent; border-radius: 0px; border: 0px; color: #2bd3ec; font-size: 28px; padding-right: 24px; }
/*---- Get in Touch And Newsletter End ----*/



/*---- Footer ----*/
.footerMain{ background-color: #161616; padding-top: 60px; color: #aaaaaa; position: relative; }
.footerMain:before{ background-image: url('../images/jhk-lg.png'); background-repeat: no-repeat; background-position: right bottom; width: 100%; height: 100%; content: ""; position: absolute; right: 0px; bottom: 0px; opacity: 0.3; }
.footer-title{ font-size: 20px; text-transform: uppercase; color: #ffffff; padding-bottom: 30px; line-height: normal; }
.footerMain p{ color: #aaaaaa; }
.footerMain ul.nav{ display: table; width: 100%; }
.footerMain ul.nav li{ position: relative; padding: 0px 0px 6px 26px; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.footerMain ul.nav li:last-child{ padding-bottom: 0px; }
.footerMain ul.nav li:before{ font-family: "Font Awesome 5 Free"; content: "\f30b"; position: absolute; left: 0px; font-weight: bold; font-size: 15px; color: #565656; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.footerMain ul.nav li:hover{ padding-left: 22px; }
.footerMain ul.nav li:hover:before{ color: #ffffff; }
.footerMain ul.nav li a{ color: #aaaaaa; padding: 0px; }
.footerMain ul.nav li a:hover{ color: #2bd3ec; }
.footerLogo{ padding-bottom: 30px; }
.footerSocial{  }
.footerSocial ul{  }
.footerSocial ul li{ padding: 0px 0px 14px; }
.footerSocial ul li i{ padding-right: 4px; font-size: 18px; width: 30px; text-align: center; color: #ffffff; }
.footerSocial ul li a{ font-size: 16px; color: #aaaaaa; }
.footerSocial ul li a:hover{ font-size: 16px; color: #2bd3ec; }
.copyRight{ border-top: solid 1px #2a2a2a; padding: 30px 0px; margin-top: 35px; text-transform: uppercase; font-size: 14px; }
/*---- Footer End ----*/


/*Comon Class*/
.comonSpace{ padding: 55px 0px; }
/*.comonSpaceTwo{ padding: 120px 0px; }*/
.comonSpaceTwo{ padding: 60px 0px; }
.comonSpaceThree{ padding: 80px 0px 120px; }
.comonSpaceFour{ padding: 70px 0px 80px; }
/*Comon Class End*/


.brandLogoCarousel{  }
.brandLogoBox{ background-color: #ffffff; height: 100% !important; }


.superSupport{ background-color: #29b9d3; padding: 70px 0px; background-image: url('../images/infotechBg.png'); background-repeat: no-repeat; background-position: right bottom; }
.superSupportBox{  }
.superSupportBox h5{ padding: 0px 0px 15px; font-size: 30px; color: #ffffff; }
.superSupportBox a{ margin-right: 20px; color: #ffffff;  }
.superSupportBox a:last-child{ margin-right: 0px; }
.superSupportBox a i{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.superSupportBox a:hover i{ color: #000000; }


.innerWrapper{ /*padding: 108px 0px 0px 0px;*/ }


.subTitleOne{ text-align: center; padding-bottom: 70px; }
.subTitleOne h1{ font-size: 42px; color: #000000; padding-bottom: 20px; }
.subTitleOne h1.letterSpac{ letter-spacing: 2px; }
.subTitleOne p{ width: 60%; margin: 0px auto; line-height: 1.8; }
.subTitleOne p.moreWidth{ width: 80%; }


.portfolioImage { width: 100%; height: 100%; }
.portfolioImage img{ width: 100%; height: 100%; object-fit: cover; }


.rotate i{
    -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}
.rotate:hover i { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }


.ourExpertiseAreaImage{  }
.ourExpertiseAreaImage img{ width: 100%; height: 100%; object-fit: cover; }

.ourExpertiseArea{ padding: 50px; height: 100%; }
.ourExpertiseArea h3{ font-size: 36px; color: #000000; padding-bottom: 24px; font-weight: normal; }


ul.listPointOne{  }
ul.listPointOne li{ font-size: 18px; color: #555555; border-bottom: solid 1px #dddddd; position: relative; padding: 11px 10px 11px 32px; }
ul.listPointOne li:before{ font-size: 14px; position: absolute; left: 10px; top: 14px; font-family: "Font Awesome 5 Free"; content: "\f14a"; font-weight: bold; }
ul.listPointOne li:last-child{ border-bottom: 0px; }

ul.listPointTwo{  }
ul.listPointTwo li{ font-size: 15px; color: #555555; position: relative; padding: 0px 0px 8px 25px; }
ul.listPointTwo li:before{ position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f30b"; font-weight: bold; }
ul.listPointTwo li:last-child{ padding-bottom: 0px; }

ul.listPointThree{  }
ul.listPointThree li{ font-size: 16px; color: #000000; position: relative; padding: 0px 0px 13px 23px; }
ul.listPointThree li:before{ position: absolute; left: 0px; top: 5px; font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: bold; font-size: 8px; color: #218da0; }
ul.listPointThree li:last-child{ padding-bottom: 0px; }

ul.listPointThree1{ margin: 0px 0px 30px 15px; }
ul.listPointThree1 li{ font-size: 18px; color: #333333; position: relative; padding: 0px 0px 13px 22px; }
ul.listPointThree1 li:before{ position: absolute; left: 0px; top: 5px; font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: bold; font-size: 10px; color: #333333; }
ul.listPointThree1 li:last-child{ padding-bottom: 0px; }

ul.listPointThree2{ margin: 0px 0px 30px 15px; }
ul.listPointThree2 li{ font-size: 16px; color: #000000; position: relative; padding: 0px 0px 6px 20px; }
ul.listPointThree2 li:before{ position: absolute; left: 0px; top: 5px; font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: bold; font-size: 8px; color: #333333; }
ul.listPointThree2 li:last-child{ padding-bottom: 0px; }

ul.listPointFour{  }
ul.listPointFour li{ font-size: 18px; color: #000000; position: relative; padding: 0px 0px 12px 30px; }
ul.listPointFour li:before{ color: #29b9d3; position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f14a"; font-weight: bold; }
ul.listPointFour li:last-child{ padding-bottom: 0px; }

ul.listPointFive{ padding: 25px 0px 40px 22px; }
ul.listPointFive li{ font-size: 16px; color: #000000; position: relative; padding: 0px 0px 8px 25px; }
ul.listPointFive li:before{ position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f30b"; font-weight: bold; color: #29b9d3; }
ul.listPointFive li:last-child{ padding-bottom: 0px; }

ul.listPointFive1{  }
ul.listPointFive1 li{ font-size: 18px; color: #ffffff; position: relative; padding: 0px 0px 16px 30px; }
ul.listPointFive1 li:before{ position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f30b"; font-size: 20px; font-weight: bold; color: #4af0ff; }
ul.listPointFive1 li:last-child{ padding-bottom: 0px; }

ul.listPointFive2{  }
ul.listPointFive2 li{ font-size: 18px; color: #ffffff; position: relative; padding: 0px 0px 16px 30px; text-transform: capitalize; }
ul.listPointFive2 li:before{ position: absolute; left: 0px; top: -1px; font-family: "Font Awesome 5 Free"; content: "\f30b"; font-size: 20px; font-weight: bold; color: #29b9d3; }
ul.listPointFive2 li:last-child{ padding-bottom: 0px; }

ul.listPointSix{  }
ul.listPointSix li{ font-size: 14px; color: #555555; border-bottom: solid 1px #ededed; position: relative; padding: 12px 10px 12px 26px; }
ul.listPointSix li a{ color: #555555; display: block; }
ul.listPointSix li a:hover{ color: #29b9d3; }
ul.listPointSix li:before{ font-size: 14px; position: absolute; left: 0px; top: 11px; font-family: "Font Awesome 5 Free"; content: "\f30b"; font-weight: bold; color: #939393; }
ul.listPointSix li:last-child{ border-bottom: 0px; padding-bottom: 0px; }


ul.listPointSeven{  }
ul.listPointSeven li{ font-size: 18px; color: #000000; position: relative; padding: 0px 0px 12px 30px; text-transform: capitalize; }
ul.listPointSeven li:before{ color: #29b9d3; position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f058"; font-weight: bold; }
ul.listPointSeven li:last-child{ padding-bottom: 0px; }
ul.listPointSeven.whitBox{  }
ul.listPointSeven.whitBox li{ background-color: #ffffff; border-radius: 4px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); margin-bottom: 10px; padding: 10px 10px 10px 42px; }
ul.listPointSeven.whitBox li:last-child{ margin-bottom: 0px; padding: 10px 10px 10px 42px; }
ul.listPointSeven.whitBox li:before{ top: 13px; left: 15px; line-height: normal; }
ul.listPointSeven.normal{  }
ul.listPointSeven.normal li:before{ font-weight: normal !important; }


ul.listPointEight{ margin-bottom: 20px; }
ul.listPointEight li{ font-size: 18px; color: #111111; position: relative; padding: 0px 0px 16px 42px; text-transform: capitalize; }
ul.listPointEight li:before{ color: #29b9d3; position: absolute; left: 0px; top: 2px; font-family: "Font Awesome 5 Free"; content: "\f35a"; font-size: 22px; line-height: normal; }


.aboutThreePoint{ padding-top: 110px; }
.aboutThreePoint h3{ font-family: 'ProximaNovaSbold'; text-align: center; font-size: 18px; padding-bottom: 60px; }

.aboutThreePointBox{  }
.aboutThreePointBoxIcon{ width: 60px; height: 60px; background-color: #000000; color: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 26px; margin-bottom: 30px; }
.aboutThreePointBox h4{ font-size: 15px; padding-bottom: 26px; font-weight: normal; }
.aboutThreePointBox p{ color: #333333; line-height: 2; font-size: 15px; }


.digitalExperience{  }
.digitalExperience h3{ font-size: 40px; padding-bottom: 50px; }
.digitalExperienceVideo{ position: relative; }
.digitalExperienceVideo img{ width: 100%; height: auto; object-fit: cover; }

.digitalExperienceVideo .playIcon{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;
    width: 115px; height: 115px; background-color: #29b9d3; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #ffffff; font-size: 26px;
}
.digitalExperienceVideo .playIcon:hover{ background-color: #000000; }


.subscribe{ padding: 100px 0px 10px 0px; }
.subscribe h3{ text-transform: uppercase; font-size: 45px; letter-spacing: 1px; }
.subscribe h3 small{ display: block; font-size: 15px; color: #555555; padding-bottom: 8px; }

.subscribFormMain{ width: 100%; }
.subscribFormMain .form-control{ border-radius: 0px; border: 0px; background-color: #f4f4f4; height: 56px; padding: 10px 20px; font-size: 16px; color: #000000; }
.subscribFormMain .form-control::placeholder{ color: #7a7a7a; }
.subscribFormMain .btn{ border-radius: 0px; background-color: #000000; border: 0px; color: #ffffff; font-size: 14px; letter-spacing: 2px; padding: 10px 30px; height: 56px; }


.subscribFormMain .btn span{ display: block; }
.subscribFormMain .btn i{ display: none; }

.borderTop{ border-top: solid 1px #e7e7e7; }


.expertPeople{ position: relative; text-align: center; cursor: e-resize; }
.expertPeople span{ position: absolute; left: 10px; right: 10px; top: 10px; bottom: 0px; border: solid 4px #29b9d3; display: block; }
.expertPeopleImage{ overflow: hidden; }
.expertPeopleImage img{ width: 100%; height: 100%; object-fit: cover; }
.expertPeopleData{ padding: 22px 0px; position: relative; z-index: 2; }
.expertPeople:hover .expertPeopleData{ background-color: #29b9d3; }
.expertPeopleData h4{ text-transform: uppercase; font-size: 20px; color: #000000; letter-spacing: 1px; }
.expertPeopleData h4 small{ display: block; font-size: 13px; color: #888888; padding-top: 8px; }
.expertPeople:hover .expertPeopleImage img{ -moz-transform: scale(1.1) rotate(-2deg); -webkit-transform: scale(1.1) rotate(-2deg); -o-transform: scale(1.1) rotate(-2deg); -ms-transform: scale(1.1) rotate(-2deg); transform: scale(1.1) rotate(-2deg); }
.expertPeople:hover .expertPeopleData h4{ color: #ffffff; }
.expertPeople:hover .expertPeopleData h4 small{ color: #ffffff; }
.expertPeopleCarousel .owl-dots{ text-align: center; padding-top: 40px; }
.expertPeopleCarousel .owl-dots .owl-dot{ width: 10px; height: 10px; background-color: #dbdbdb; margin: 0px 3px; }
.expertPeopleCarousel .owl-dots .owl-dot.active{ background-color: #000000; }

.smooth{ -webkit-transition: all 240ms ease-in-out; -moz-transition: all ease-in-out 240ms; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; }
.smooth1{ -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }

.innerBanner{ background-image: url('../images/innerBannerBg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; padding: 120px 0px; text-align: center; }
.innerBanner:before{ background-image: url('../images/bgPattern.png'); background-repeat: repeat; background-color: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.innerBanner .container{ position: relative; }
.innerBanner h1{ color: #ffffff; font-size: 40px; padding-bottom: 14px; }


.serviceTwoPart{ text-align: center; width: 80%; margin: 0 auto; }
.serviceTwoPartImage{ height: 120px; margin-bottom: 50px; }
.serviceTwoPartImage img{ object-fit: contain; width: auto; max-height: 120px; }

.serviceTwoPart h4{ font-size: 25px; color: #000000; padding-bottom: 25px; }
.serviceTwoPart p{ line-height: 1.8; }

.needJhkHelp{ text-align: center; }
.needJhkHelp h2{ font-size: 50px; padding-bottom: 40px; }
.needJhkHelp p{ font-size: 18px; width: 50%; margin: 0px auto; padding-bottom: 50px; }


.servicTitles{ font-size: 50px; padding-bottom: 30px; }
.servicTitlesData{ font-size: 18px; width: 50%; margin: 0px auto; padding-bottom: 50px; }

/*---- Contact Page ----*/
.contactBanner{ position: relative; padding: 140px 0px; text-align: center; margin-top: -10px; background-color: #000000; }
.contactBannerImage{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.contactBannerImage img{ width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }

.contactBanner .container{ position: relative; color: #ffffff; }

.contactBannerBox{ text-align: center; }
.contactBannerBox h2{ font-size: 24px; padding-bottom: 15px; color: #ffffff; }
.contactBannerBox p{ font-size: 18px; padding-bottom: 3px; color: #ffffff; }
.contactBannerBoxIcon{ max-height: 68px; margin-bottom: 30px; }

/*.mapPart{ margin-top: -150px; position: relative; }
.mapPart iframe{ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); }
.mapPart .embed-responsive{ height: 400px; }
.mapPart .embed-responsive-item{ height: 100%; }*/

.contactForm{ position: relative; }
.contactFormBg{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; text-align: center; padding-top: 120px; z-index: -1; }
.contactForm h1{ font-family: 'ProximaNovaSbold'; font-size: 32px; text-align: center; }
.contactForm small{ font-family: 'ProximaNovaRegular'; display: block; font-size: 18px; padding-top: 18px; padding-bottom: 45px; line-height: 1.6; width: 63%; margin: 0px auto; text-align: center; }
.contactForm .input-group{ /*margin-bottom: 25px;*/ margin-bottom: 5px; border: solid 1px #dedede; border-radius: 3px; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1); }
.contactForm .input-group-text{ background-color: #ffffff; border: 0px; border-radius: 3px; color: #9e9e9e; }
.contactForm .input-group .form-control{ border: 0px; border-radius: 3px; height: 60px; font-size: 18px; color: #000000; }
.contactForm .input-group .form-control::placeholder{ color: #9e9e9e; }
.contactForm .input-group-text{ padding-left: 20px; padding-right: 5px; }
.contactForm textarea{ padding-top: 17px; }

.contactSocial{ padding: 0px 0px 100px 0px; text-align: center; }


/*---- Privacy Page ----*/
.privacyTerms{  }
.privacyTerms h3, .privacyTerms h2, .privacyTerms h4{ font-size: 26px; padding-top: 20px; padding-bottom: 12px; color: #29b9d3; }
.privacyTerms p{ font-family: 'ProximaNovaSbold'; font-size: 18px; color: #333333; line-height: 1.5; padding-bottom: 25px; }
.privacyTerms p:last-child{ padding-bottom: 0px; }
.privacyTerms .bold { font-family: 'ProximaNovaBold' !important; }

/*---- Blog Page ----*/
.blogsPart{  }
.blogsPart .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-gap: 30px; column-gap: 30px; padding-top: 30px; }
.blogsPart .card { border: 0px; margin-bottom: 40px; }
.blogsPart .card:first-child { margin-top: -30px; }

.blogBox{ box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1); }
.blogBoxImage{ height: 280px; position: relative; }
.blogBoxImage:before{ width: 89px; height: 54px; position: absolute; right: 28px; bottom: -23px; background-image: url('../images/more.png'); background-repeat: no-repeat; content: ""; }
.blogBoxImage img{ object-fit: cover; width: 100%; height: 100%; }

.blogBoxData{ padding: 40px 30px; position: relative; }
.blogBoxData h3{ font-family: 'ProximaNovaSbold'; padding-bottom: 15px; font-size: 20px; color: #000000; }
.blogBoxData h4{ padding-bottom: 15px; font-size: 13px; color: #555555; }
.blogBoxData p{ font-size: 14px; }

.blogDate{ background-color: #096879; color: #ffffff; position: absolute; top: 20px; right: 20px; width: 84px; text-align: center; padding: 10px 0px 0px 0px; font-size: 30px; line-height: normal; }
.blogDate span{ background-color: #29b9d3; padding: 4px 5px 3px; font-size: 14px; text-transform: uppercase; display: block; margin-top: 6px; }


.myPagination{ padding-top: 40px; }
.myPagination .page-item:first-child .page-link, .myPagination .page-item:last-child .page-link{ border-radius: 0px; font-size: 15px; }
.myPagination .page-item{ margin: 0px 5px; }
.myPagination .page-link{ width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: #888888; font-size: 18px; font-weight: bold; border: 0px; background-color: #f4f4f4; }
.myPagination .page-item.active .page-link, .myPagination .page-item:hover .page-link{ background-color: #29b9d3; color: #ffffff; }


/*---- Blog Detail Page ----*/
.blogDetailsTitle{ text-align: center; width: 75%; margin: 0px auto; padding-bottom: 40px; }
.blogDetailsTitle h1{ font-family: 'ProximaNovaXbold'; font-size: 40px; color: #000000; font-weight: normal; text-transform: capitalize; }
.blogDetailsTitle h4{ font-size: 16px; color: #c9c9c9; padding-bottom: 16px; }
.blogDetailsTitle h4 .posted{ padding: 0px 14px; color: #777777; }


.blogDtlMainImage{ /*margin-bottom: 40px;*/ margin-bottom: 0px; }
.blogDtlMainImage img{ width: 100%; height: 100%; object-fit: cover; }

.blogDetailsData{  }
.blogDetailsData strong { font-weight: bold; }
.blogDetailsData a{ color: #12a5c5; border-bottom: solid 1px #12a5c5; padding-bottom: 4px; }
.blogDetailsData h2{ font-size: 26px; color: #000000; font-weight: bold; text-decoration: none; padding-bottom: 20px; padding-top: 15px; }
.blogDetailsData h2 + h3 { padding-top: 0px; }
.blogDetailsData h3{ font-size: 22px; color: #12a5c5; font-weight: bold; text-decoration: none; padding-bottom: 15px; padding-top: 10px; }
.blogDetailsData h4{ font-size: 20px; text-decoration: none; font-weight: bold; padding-top: 10px; }
.blogDetailsData h5{ font-size: 18px; text-decoration: none; }
.blogDetailsData p { padding-bottom: 15px; color: #000000; line-height: 1.8; }
.blogDetailsData p:last-child { padding-bottom: 0px; }
.blogDetailsData ul { margin: 0px 0px 25px 15px; padding: 0px; }
.blogDetailsData ul li { font-size: 16px; margin-bottom: 10px; list-style-type: none; line-height: 28px; }
.blogDetailsData ul li:before { content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 600; background: #12a5c5; font-size: 8px; color: #ffffff; border-radius: 12px; padding: 5px; line-height: 19px; margin-top: 0px; margin-right: 10px; position: relative; top: -2px; }

.blogDetailsData ol { margin: 0px 0px 25px 30px; padding: 0px; }
.blogDetailsData ol li { list-style: decimal; font-size: 16px; margin-bottom: 10px; line-height: 28px; }
.blogDetailsData ol li::marker { font-weight: bold; }

.blogDtlSidebar{  }
.blogDtlSidebarBox{ padding: 30px 26px; background-color: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); margin-bottom: 36px; }
.blogDtlSidebarBox:last-child{ margin-bottom: 0px; }
.blogDtlSidebarBox h3{ font-family: 'ProximaNovaSbold'; font-size: 20px; padding-bottom: 24px; }

.blogDtlSidebarBox .listPointSix li:first-child{ padding-top: 0px; }
.blogDtlSidebarBox .listPointSix li:first-child:before{ top: 0px; }

.recentPost .list-unstyled{  }
.recentPost .list-unstyled .media{ border-bottom: solid 1px #ededed; padding: 26px 0px; }
.recentPost .list-unstyled .media:first-child{ padding-top: 0px; }
.recentPost .list-unstyled .media:last-child{ padding-bottom: 10px; border-bottom: 0px; }
.recentPost .list-unstyled .resentPostImage{ margin-right: 15px; }
.recentPost .list-unstyled .resentPostImage img{ width: 60px; height: 60px; object-fit: cover; }
.recentPost .list-unstyled .media-body h4{ font-size: 16px; }
.recentPost .list-unstyled .media-body h4 a{ display: block; }
.recentPost .list-unstyled .media-body h5{ font-size: 14px; color: #848482; }


ul.tags{ display: flex; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
ul.tags li{  }
ul.tags li a{ font-size: 14px; color: #555555; background-color: #f6f6f6; padding: 7px 10px; display: block; margin: 0px 5px 5px 0px; }
ul.tags li a:hover{ color: #ffffff; background-color: #29b9d3; }


.blogDtlSidebar .getinTouchSocial{  }
.blogDtlSidebar .getinTouchSocial i{ margin: 0px 8px 0px 0px; width: 48px; height: 48px; font-size: 18px; }
.blogDtlSidebar .getinTouchSocial a:last-child i{ margin: 0px 0px 0px 0px; }


.searchKeyword{ padding: 0px !important; }
.searchKeyword .form-control { border: 0px; border-radius: 0px; height: 60px; padding-left: 20px; color: #333333; }
.searchKeyword .form-control::placeholder { color: #999999; }
.searchKeyword .input-group-append { margin-left: 0px; }
.searchKeyword .input-group-append .btn { border: 0px; border-radius: 0px; background-color: #29b9d3; color: #ffffff; width: 60px; font-size: 20px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.searchKeyword .input-group-append .btn:hover, .searchKeyword .input-group-append .btn:focus { background-color: #000000; color: #ffffff; border: 0px; }


.blogDtlQuote{ background-color: #000000; color: #ffffff; padding: 40px; margin: 20px 0px 60px; position: relative; }
.blogDtlQuote p{ color: #ffffff; font-size: 20px; padding-right: 5%; line-height: 1.8; padding-bottom: 20px; }
.blogDtlQuoteWriter{ font-size: 20px; }
.blogDtlQuoteWriter small{ font-size: 16px; color: #817f7f; }

.blogDtlQuoteIcon{ width: 70px; height: 70px; border-radius: 50%; font-size: 30px; display: flex; align-items: center; justify-content: center; background-color: #29b9d3; 
    position: absolute; right: 40px; bottom: -35px;
}
.blogDtlQuoteIcon i{ -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.blogDtlNxtPrev{ border-top: solid 1px #ededed; padding-top: 30px; margin-top: 20px; color: #5c5c5c; }

.sharePostPart{  }

ul.blogDtlNxtPrevSocia{ display: flex; margin-left: 3px; }
ul.blogDtlNxtPrevSocia li{ line-height: normal; padding: 0px 8px; margin: 0px; }
ul.blogDtlNxtPrevSocia li a{ border-bottom: 0px; padding-bottom: 0px; }
ul.blogDtlNxtPrevSocia li:before{ content: unset; position: unset; line-height: unset; }


.blogDtlNxtPrevLink{ padding-top: 40px; }
.blogDtlNxtPrevLink a{ font-size: 16px; background-color: #f6f6f6; padding: 30px; display: block; color: #000000; width: 100%; height: 100%; border-bottom: 0px; }
.blogDtlNxtPrevLink a small{ font-size: 12px; text-transform: uppercase; display: block; padding-bottom: 10px; color: #575757; }
.blogDtlNxtPrevLink a:hover, .blogDtlNxtPrevLink a.active{ background-color: #000000; color: #ffffff; }
.blogDtlNxtPrevLink a:hover small, .blogDtlNxtPrevLink a.active small{ color: #2bd3ec; }

.blogDtlSubTitle1{ font-size: 22px; padding-bottom: 20px; }


.blog-date{ border-bottom: solid 2px #f2f2f2; padding: 20px 0px 10px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 14px; margin-bottom: 25px; }
.published-date{ position: relative; padding-left: 20px; line-height: 1; margin-bottom: 10px; }
.published-date:before{ content: 'Published On:'; font-weight: bold; padding-right: 5px; }
.published-date:after{ font-family: "Font Awesome 5 Free"; content: '\f073'; position: absolute; left: 0px; top: -1px; }
.last-updated{ position: relative; padding-left: 20px; line-height: 1; margin-bottom: 10px; }
.last-updated:before{ content: 'Last Updated:'; font-weight: bold; padding-right: 5px; }
.last-updated:after{ font-family: "Font Awesome 5 Free"; content: '\f1da'; position: absolute; left: 0px; top: -1px; font-weight: bold; }

/*-- Blog 2 Card Banners --*/
.blog-catalog{ background-color: #283137; color: #ffffff; padding: 40px 200px 40px 40px; border-radius: 2px; margin: 30px 0px; 
    /*display: none !important;*/
}
.blog-catalog h4{ color: #ffffff; font-size: 22px; padding: 0px 0px 20px; }
.blog-catalog p{ color: #ffffff; }
.blog-catalog p:last-child{ padding-bottom: 0px; }
.blog-catalog a.btn { background-color: #67737a; border: 0px; border-radius: 2px; color: #ffffff; font-size: 18px; font-weight: bold; text-decoration: none; padding: 13px 25px; cursor: pointer; line-height: 1; margin-top: 15px; }

.cost-to-develop-an-app-in-india-a-complete-guide-catalogbg{ background-image: url('../images/cost-to-develop-an-app-in-india-a-complete-guide-catalogbg.png'); background-repeat: no-repeat; background-position: right bottom; }

.author-info{ background-color: #f5f5f5; padding: 40px; border-radius: 2px; display: flex; align-items: flex-start; margin: 30px 0px; 
    /*display: none !important;*/
}
.author-thumb{ margin-right: 28px; }
.author-thumb img{ width: 116px; height: 116px; border-radius: 50%; background-color: #dddddd; overflow: hidden; }
.author-body{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 550px; }
.author-body h4{ padding: 0px 0px 15px 0px; color: #12a5c5; }
.author-body h4 small{ color: #000000; }

@media only screen and (max-width: 1199px){
    .blog-catalog{ padding: 30px 200px 30px 30px; }
    .author-info{ padding: 30px; }
}
@media only screen and (max-width: 991px){
    .blog-catalog{ background-image: none; padding: 30px; }
    .author-info{ display: table; width: 100%; text-align: center; }
    .author-thumb { margin: 0px 0px 20px; }
}
@media only screen and (max-width: 575px){
    .blog-catalog{ padding: 20px; }
    .author-body h4 small{ display: block; width: 100%; }
}
/*-- End Blog 2 Card Banners --*/

.whatsAppFeed{ padding: 40px 0px; border-top: solid 1px rgba(0, 0, 0, 0.1); }
.whatsAppFeed .btnLg{ max-width: 370px; width: 100%; padding-left: 20px; padding-right: 20px; }
.whatsAppFeed .whatsAppIcon{ max-width: 26px; margin-top: -3px; }
.whatsAppFeed .whatsAppBtn{ background-color: #4fce5d !important; }

/*-------- Services Pages --------*/
.row.verticalDotLine [class*='col-']:not(:first-child):after { border-right: dashed 1px #b2b2b2; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }


.servicTopTitl{ text-align: center; padding-bottom: 70px; margin-left: auto; margin-right: auto; }
.servicTopTitl h1{ font-family: 'ProximaNovaBold'; font-size: 40px; padding-bottom: 30px; }
.servicTopTitl p{ font-size: 18px; }

.servicTopTitl.widthOne{ width: 80%; }
.servicTopTitl.widthTwo{ width: 70%; }

.patternTitle{ position: relative; max-width: 640px; margin: 25px auto; height: 10px; margin-bottom: 62px; }
.patternTitle:before{ background-image: url('../images/patternTitleBg.png'); background-repeat: repeat; position: absolute; left: 0px; right: 0px; content: ""; height: 7px; width: 100%; background-position: center center; }
.patternTitleIcon{ position: absolute; margin: 0px auto; left: 0px; right: 0px; top: -25px; display: inline-block; text-align: center; }
.patternTitleIcon span{ background-color: #ffffff; /*display: inline-block;*/ padding: 0px 20px; min-height: 62px; display: inline-flex; align-items: center; justify-content: center; }
.patternTitleIcon span.multiSocial{ padding: 0px 10px; margin: 0px 10px; }
.patternTitleIcon span.multiSocial i{ width: 62px; height: 62px; line-height: 62px; border-radius: 50%; display: block; background-color: #2bd3ec; color: #ffffff; text-align: center; font-size: 24px; }
.patternTitleIcon span img{ width: 62px; height: 62px; line-height: 62px; border-radius: 50%; display: block; background-color: #2bd3ec; color: #ffffff; text-align: center; object-fit: contain; }
.patternTitleIcon .iconBgNone{ background-color: transparent !important; height: auto !important; max-height: 62px; border-radius: 0px !important; max-width: 62px !important; width: auto !important; }


.servicIconPart{  }

.servicTitle2 { padding-bottom: 50px; }
.servicTitle2 h2, .servicTitle2 h3, .servicTitle2 h4, .servicTitle2 .servicTitle2Sub { font-family: 'ProximaNovaBold'; font-size: 26px; text-align: center; padding: 0px; margin: 0px; line-height: 1.2; }
.servicTitle2 h2 small, .servicTitle2 h3 small, .servicTitle2 h4 small, .servicTitle2 .servicTitle2Sub small{ font-family: 'ProximaNovaRegular'; font-size: 18px; display: block; width: 60%; margin: 0px auto; padding-top: 20px; text-transform: none !important; color: #555555; }
.servicTitle2 small{ font-family: 'ProximaNovaRegular'; font-size: 18px; display: block; width: 60%; margin: 0px auto; padding-top: 20px; text-transform: none !important; color: #555555; }


.servicComonIcon{  }
.servicComonIconBox{ padding: 40px 0px; }
.servicComonIconBoxImage{ margin-bottom: 28px; }
.servicComonIconBox .servicComonIconBoxTitle{ font-family: 'ProximaNovaBold'; font-size: 18px; padding-bottom: 20px; }
.servicComonIconBox p{ font-size: 16px; }

.servicComonIcon .row { border-bottom: dashed 1px #b2b2b2; }
.servicComonIcon .row:last-child { border: 0px; }
.servicComonIcon .row:last-child [class*='col-']{ border-left: dashed 1px #b2b2b2; }
.servicComonIcon .row:last-child [class*='col-']:nth-child(1){ border-left: 0px; }

.servicComonIcon .row > [class*="col-"]:nth-child(odd) .servicComonIconBox{ margin-right: 70px; }
.servicComonIcon .row > [class*="col-"]:nth-child(even) .servicComonIconBox{ margin-left: 70px; }


.imageWithTextLabel{ position: relative; }
.imageWithTextLabel img{ object-fit: cover; width: 100%; }
.imageTextLabel{ position: absolute; left: 0px; right: 0px; bottom: 0px; font-size: 20px; color: #ffffff; 
    padding: 20px 15px 10px; line-height: normal;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 10%, rgba(0,0,0,1) 85%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 10%,rgba(0,0,0,1) 85%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 10%,rgba(0,0,0,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

/*-------- Common Part Start --------*/
.comonBgPattern{ background-image: url('../images/patternBg.png'); background-repeat: repeat; background-attachment: fixed; position: relative; }

.comonBoxOne{ background-color: #ffffff; box-shadow: 10px 10px 8px 0px rgba(0, 0, 0, 0.1); margin-left: 70px; margin-bottom: 40px; }
.comonBoxOneImage{  }
.comonBoxOneImage img{ object-fit: cover; width: 100%; height: 100%; }
.comonBoxOneData{ padding: 46px; }
.comonBoxOneData h4, .comonBoxOneData h3{ padding: 0px 0px 16px 0px; color: #1b9db4; font-size: 18px; position: relative; line-height: 1.5; }
.comonBoxOneData h4:before, .comonBoxOneData h3:before{ background-image: url('../images/comonBoxOneArrow.png'); background-repeat: no-repeat; background-position: right; position: absolute; left: -100px; top: 8px; content: ""; width: 80px; height: 9px; }
.comonBoxOneData p{ color: #666666; font-size: 16px; }


.comonBoxTwo{ background-color: #ffffff; box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.1); margin-bottom: 40px; }
.comonBoxTwoImage{  }
.comonBoxTwoImage img{ object-fit: cover; width: 100%; height: 100%; min-height: 260px; }
.comonBoxTwoData{ padding: 38px; }
.comonBoxTwoData h4, .comonBoxTwoData .comonBoxTwoDataTitle{ padding: 0px 0px 16px 0px; color: #1b9db4; font-size: 18px; position: relative; }
.comonBoxTwoData p{ color: #666666; font-size: 16px; }


.comonBoxThree{ background-color: #ffffff; box-shadow: 10px 10px 8px 0px rgba(0, 0, 0, 0.1); margin-left: 40px; margin-bottom: 50px; }
.comonBoxThreeImage{  }
.comonBoxThreeImage img{ object-fit: cover; width: 100%; height: 100%; }
.comonBoxThreeData{ padding: 20px 30px 20px 45px; background-color: #050505; }
.comonBoxThreeData h4, .comonBoxThreeData .comonBoxThreeDataTitle{ padding: 0px; color: #ffffff; font-size: 18px; position: relative; line-height: 1.5; }
.comonBoxThreeData h4:before, .comonBoxThreeData .comonBoxThreeDataTitle:before{ background-image: url('../images/comonBoxThreeArrow.png'); background-repeat: no-repeat; background-position: right center; position: absolute; left: -75px; top: 8px; content: ""; width: 60px; height: 9px; }

/*-------- Common Part End --------*/


.patternTitleTwo{ max-width: 640px; text-align: center; margin: 0px auto; position: absolute; left: 0px; right: 0px; top: -45px; }
.patternTitleTwoIcon{ background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto; width: 90px; height: 90px; padding: 20px; }
.patternTitleTwoIcon img{  }

ul.listOne{  }
ul.listOne li{ color: #666666; padding: 0px 0px 0px 18px; margin: 0px 0px 3px 0px; position: relative; }
ul.listOne li:last-child{ margin: 0px; }
ul.listOne li:before{ content: "_"; position: absolute; left: 0px; top: -2px; line-height: normal; }


ul.listTwo{  }
ul.listTwo li{ color: #ffffff; padding: 0px 0px 0px 25px; margin: 0px 0px 10px 0px; position: relative; font-size: 15px; }
ul.listTwo li:last-child{ margin: 0px; }
ul.listTwo li:before{ content: "\f35a"; font-family: "Font Awesome 5 Free"; color: #29b9d3; position: absolute; left: 0px; top: 1px; font-weight: bold; }



/*---- Word Press Page Start ----*/
.wordpressOptimisation{ background-image: url('../images/wordPressIconBg.png'); background-repeat: no-repeat; background-position: right bottom; }

.wordPressGraphi1{ background-image: url('../images/wordPressGraphiBg1.jpg'); background-repeat: no-repeat; background-size: contain; background-position: left center; background-color: #27224a; padding: 50px 55px; color: #ffffff; margin-bottom: 10px; }
.wordPressGraphi1Data{ max-width: 490px; width: 100%; display: flex; flex-direction: column; margin-left: auto; }
.wordPressGraphi1Data h4, .wordPressGraphi1Data h3, .wordPressGraphi1Data .wordPressGraphi1DataTitle{ color: #2bd3ec; font-size: 20px; padding-bottom: 10px; }
.wordPressGraphi1Data h5{ color: #2bd3ec; font-size: 18px; padding: 10px 0px 10px 0px; }
.wordPressGraphi1Data p{ color: #ffffff; }

.wordPressGraphi2{ background-image: url('../images/wordPressGraphiBg2.jpg'); background-repeat: no-repeat; background-size: cover; padding: 50px 120px; color: #ffffff; min-height: 450px; display: flex; flex-direction: column; justify-content: center; }
.wordPressGraphi2Data{ max-width: 496px; width: 100%; }
.wordPressGraphi2Data h3{ color: #2bd3ec; font-size: 22px; padding-bottom: 15px; }
.wordPressGraphi2Data p{ color: #ffffff; font-size: 20px; }
/*---- Word Press Page End ----*/


/*---- Magento Page Start ----*/
.testimonialSlideBox{  }
.testimonialSlideBox .media{ margin: auto 30px; }
.testimonialSlideBox .mediaImage{ width: 60px; height: 60px; margin: 0px 20px 0px 0px; }
.testimonialSlideBox .mediaImage img{ width: 100%; height: auto; object-fit: cover; border-radius: 50%; margin: 0px; }
.testimonialSlideBox .media-body{  }
.testimonialSlideBox .media-body h4{ font-size: 22px; font-weight: bold; margin-bottom: 15px; }
.testimonialSlideBox .media-body h4 small{ font-size: 14px; font-weight: normal; display: block; padding-top: 10px; color: #555555; }
.testimonialSlideBox .media-body p{ font-family: 'ProximaNovaSbold'; color: #000000; }
.testimonialSlideBox .starRating{ font-size: 16px; font-weight: normal; color: #fcaf01; display: flex; margin-bottom: 15px; }
.testimonialSlideBox .starRating i{ padding-right: 2px; }


.testimonialCarousel{  }
.testimonialCarousel .owl-dots{ text-align: center; padding-top: 60px; }
.testimonialCarousel .owl-dots .owl-dot{ width: 10px; height: 10px; background-color: #dbdbdb; margin: 0px 3px; }
.testimonialCarousel .owl-dots .owl-dot.active{ background-color: #000000; }


.magentoStepsMain{ text-align: center; }
.magentoStepsBoxSpace{ margin-top: 15px; margin-bottom: 15px; }

.stepsBoxMiddle{ position: relative; }
.stepsBoxMiddle:after{ font-family: "Font Awesome 5 Free"; content: "\f054"; position: absolute; left: 0px; top: 15px; font-weight: bold; font-size: 20px; color: #787777; }

.stepsBoxMiddle2{ position: relative; }
.stepsBoxMiddle2:after{ font-family: "Font Awesome 5 Free"; content: "\f053"; position: absolute; left: 0px; top: 15px; font-weight: bold; font-size: 20px; color: #787777; }


.magentoStepsBox{ position: relative; }
.magentoStepsBox p{ font-family: 'ProximaNovaBold'; color: #000000; }
.magentoStep{ background-color: #ffffff; color: #ffffff; width: 60px; height: 60px; border-radius: 50%; margin: 0px auto 15px auto; 
    font-size: 30px; font-family: 'ProximaNovaSbold'; border: dashed 1px #9a9a9a; padding: 2px;
}
.magentoStep span{ background-color: #29b9d3; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; }

.row.vDotBorder [class*='col-']:before { border-top: dashed 1px #9a9a9a;  width: 100%; content: ""; display:block; position: absolute; top: 30px; left: 0; }
.row.vDotBorder [class*='col-']:first-child:before { width: 50%; right: 0; left: auto; }
.row.vDotBorder [class*='col-']:last-child:before { width: 50%; right: auto; left: 0; }


.magentoStepsSeprate{ font-weight: bold; font-size: 20px; color: #787777; position: relative; padding: 40px 0px; }
.magentoStepsSeprate:before{ border-left: dashed 1px #9a9a9a; content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 1px; height: 100%; margin: 0px auto; }
.magentoStepsSeprate i{ position: relative; }

/*---- Magento Page End ----*/

/*---- WebDevelopment Page Start ----*/
.ourSupportWebDevelopmentMain{ background-color: #000000; position: relative; overflow: hidden; }
.ourSupportWebDevelopment{ color: #ffffff; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.5; }
.ourSupportWebDevelopment img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ourSupportWebDevelopment h3 small{ color: #ffffff; }
.ourSupportWebDevelopmentBox{ background-color: rgba(41, 185, 211, 0.7); text-align: center; padding: 60px 20px 40px; height: calc(100% - 30px); position: relative; 
    display: flex; align-items: center; justify-content: center; margin-top: 20px; color: #ffffff;
}
.ourSupportWebDevelopmentBoxIcon{ background-color: #ffffff; width: 74px; height: 74px; border-radius: 50%; color: #29b9d3; text-align: center; font-size: 28px; font-weight: bold; margin: 0px auto; 
    position: absolute; left: 0px; right: 0px; top: -36px; display: flex; align-items: center; justify-content: center;
}
.ourSupportWebDevelopmentBox .developmentBoxTitle{ font-size: 18px; line-height: 1.5; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }
/*---- WebDevelopment Page End ----*/


/*---- E Commerce Page Start ----*/
.ourVariousEcommerce { background-image: url(../images/ourVariousEcommerceBg.jpg); background-attachment: fixed; background-size: cover; position: relative; color: #ffffff; }
.ourVariousEcommerce:before{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; content: ""; background-color: rgba(0, 0, 0, 0.4); }

.ourVariousEcommerceBox{ color: #ffffff; text-align: center; }
.ourVariousEcommerceBoxImage{ width: 160px; height: 160px; margin: 0px auto 20px; }
.ourVariousEcommerceBoxImage img{ width: 100%; height: auto; object-fit: cover; border-radius: 50%; }
.ourVariousEcommerceBox .ourVariousEcommerceBoxTitle{ font-family: 'ProximaNovaSbold'; color: #ffffff; font-size: 18px; }

.ecomm-ourExpertiseArea:nth-child(odd) .row{ -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.ecomm-ourExpertiseArea:nth-child(odd) .ecomm-ourExpertiseAreaBox{ margin-left: 0px; margin-right: 30px; text-align: right; }
.ecomm-ourExpertiseArea:nth-child(odd) .ecomm-ourExpertiseAreaBox .number:before { left: auto; right: -100px; }

.ecomm-ourExpertiseArea{ margin-bottom: 70px; }
.ecomm-ourExpertiseArea:last-child{ margin-bottom: 0px; }
.ecomm-ourExpertiseArea .ecomm-ourExpertiseAreaTitle{ font-family: 'ProximaNovaBold'; font-size: 24px; padding: 30px 0px 20px 0px; }
.ecomm-ourExpertiseAreaBox{ margin-left: 30px; padding: 60px 0px 0px 0px; }
.ecomm-ourExpertiseAreaBox .number{ position: relative; }
.ecomm-ourExpertiseAreaBox .number:before{ position: absolute; left: -100px; top: 8px; border-top: solid 1px #000000; width: 85px; content: ""; }
/*---- E Commerce Page End ----*/


.linkArrow{ position: relative; padding-right: 45px; font-size: 13px; }
.linkArrow:before{ position: absolute; right: 5px; top: 4px; content: ""; background-image: url(../images/linkArrow.jpg); background-repeat: no-repeat; background-position: right center; width: 30px; height: 9px; -webkit-transition: all 200ms ease; -moz-transition: all ease 200ms; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.linkArrow:hover:before{ right: 0px; }
.linkArrow:hover{ color: #29b9d3; }


/*---- Web Design Page Page ----*/
/*.webDesignBg{ position: absolute; left: 0px; top: 0px; z-index: -1; }*/

.comoIconDotLine{ border-bottom: dashed 1px #b2b2b2; }
.comoIconDotLine:last-child{ border-bottom: 0px #b2b2b2; }
.comoIconDotLine [class*="col-"]{ border-left: dashed 1px #b2b2b2; }
.comoIconDotLine [class*="col-"]:first-child{ border-left: 0px; }

/*.webDesignTitle{ position: relative; text-align: center; margin-bottom: 30px; }
.webDesignTitle img{  }
.webDesignTitleText{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; }
.webDesignTitleText h2{ font-size: 38px; text-transform: uppercase; font-family: 'ProximaNovaSbold'; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); border: solid 2px #000000; padding: 40px 150px; }*/

.weBelieveBox{  }
.weBelieveBox .weBelieveBoxTitle{ font-family: 'ProximaNovaSbold'; font-size: 26px; color: #4af0ff; padding-bottom: 15px; }
.weBelieveBox p{ color: #ffffff; }

/*---- Web Design Page End ----*/


.webMaintenBenefitBox{  }
.webMaintenBenefitBoxImage{ margin-bottom: 30px; }
.webMaintenBenefitBoxImage img{ width: 100%; height: 100%; object-fit: cover; }
.webMaintenBenefitBox .webMaintenBenefitBoxTitle{ font-size: 18px; padding-bottom: 18px; }
.webMaintenBenefitBox p{  }


.webMaintenan-form{  }
.webMaintenan-form .servicTitle2 h2{ color: #ffffff !important; }
.webMaintenan-form .btn4{ background-color: #000000 !important; }


/*---- Glimpse Image ----*/
.glimpseJhk-main{  }
.glimpseCarousel{ cursor: e-resize; }
.glimpseImage{  }
.glimpseImage img{ height: 450px; object-fit: cover; }


/*---- 404 Page Not Found ----*/
.pageNotFound{ text-align: center; }
.pageNotFound h1{ font-size: 300px; line-height: 300px; color: #29b9d3; 
    background: #29B9D3;
    background: -webkit-linear-gradient(to top left, #29B9D3 0%, #4af0ff 100%);
    background: -moz-linear-gradient(to top left, #29B9D3 0%, #4af0ff 100%);
    background: linear-gradient(to top left, #29B9D3 0%, #4af0ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pageNotFound h2{ font-size: 36px; padding-bottom: 30px; font-weight: normal; letter-spacing: 1px; }



.error{ text-align: left; }
#servicesForm label.error { text-align:left !important; width: 100%; display: block; color: red; }
#subscribForm label.error, #contactForm label.error { color: red; }


/*---- Social Media Marketing ----*/
.howweHelpyou{  }
.howweHelpyou h3, .howweHelpyou h2{ font-size: 33px; color: #000000; text-transform: uppercase; line-height: 1.5; position: relative; padding: 26px 0px 0px 0px; }
.howweHelpyou h3:before, .howweHelpyou h2:before{ position: absolute; left: 0px; top: 0px; content: ""; width: 134px; height: 2px; background-color: #2bd3ec; }
.howweHelpyou p{ font-size: 20px; }

.wayweAdvertisePart{ position: relative; padding: 0px 0px 130px 0px; }
.wayweAdvertisePart:before{ position: absolute; left: 0px; top: 0px; content: ""; width: 50%; height: 66%; background-color: #f5f5f5; }

.wayweAdvertisePart h2{ font-size: 33px; color: #676767; position: relative; top: -30px; }
.advertise-chart{ text-align: center; padding: 80px 0px 0px 0px; }

.wallPetBg{ background-image: url(../images/wall-pet.jpg); background-repeat: repeat; background-attachment: fixed; color: #ffffff; }
.socialMediaGroup{ padding: 30px 0px; }
.socialMediaGroup h4{ font-size: 45px; }
.socialMediaGroup p{ font-size: 22px; color: #cccccc; }
.socialMediaGroupNumber{ position: relative; display: flex; align-items: center; color: #ed4943; font-size: 26px; line-height: normal; margin-bottom: 60px; }
.socialMediaGroupNumber:before{ position: absolute; right: 0px; width: 79%; height: 1px; background-color: #5e5e5e; content: ""; margin-left: 25px; }
.socialMediaGroupNumber:after{ position: absolute; left: 0px; width: 15%; height: 1px; background-color: #ed4943; content: ""; margin-left: 44px; }
/*---- Social Media Marketing End ----*/

/*---- Branding ----*/
.design-guidelines{ text-align: center; padding: 20px 0px 0px 0px; }

.brandingLogoDesign{ padding: 120px 0px; position: relative; }
.brandingLogoDesign:before{ background-color: #effdff; position: absolute; left: 0px; right: auto; top: 0px; bottom: 0px; width: 50%; height: 100%; content: ""; }
.brandingLogoDesign p{ line-height: 36px; padding: 0px 0px 0px 90px; }

.brandingLogoImageMain{ padding: 60px 0px 0px 0px; }
.brandingLogoImage{  }

.subTitleTwo{  }
.subTitleTwo h3, .subTitleTwo h4, .subTitleTwo h2, .subTitleTwo .subTitleTwoTitle{ position: relative; margin: 0px 0px 50px 0px; padding: 0px 0px 20px; font-size: 40px; }
.subTitleTwo h3:before, .subTitleTwo h4:before, .subTitleTwo h2:before, .subTitleTwo .subTitleTwoTitle:before { position: absolute; left: 0px; right: auto; bottom: 0px; content: ""; width: 92px; height: 2px; background-color: #000000; }

.subTitleTwo.right{ text-align: right; }
.subTitleTwo.right h3:before{ left: auto; right: 0px; }



.othersDesign{  }
.othersDesign p{ font-size: 22px; }

.brand{ text-align: center; padding: 40px 0px 0px 0px; }

.businessCardMain{ position: relative; padding-bottom: 0px !important; }
.businessCardMain:before{ background-color: #effdff; position: absolute; left: auto; right: 0px; top: 0px; bottom: 0px; width: 50%; height: 80%; content: ""; }
.businessCardMain p{ line-height: 36px; padding: 0px 0px 0px 80px; }


.webDesignandDevelopment{ text-align: center; padding: 40px 0px 0px 0px; }
.webDesignandDevelopment img{ width: 100%; }


.webLayout-webRedesign{ position: relative; }
.webLayout-webRedesign:before{ background-color: #effdff; position: absolute; left: 0px; right: auto; top: 0px; bottom: 0px; width: 50%; height: 100%; content: ""; }

.commonMedia{  }
.commonMedia .media.first{ margin: 0px 50px 0px 0px; }
.commonMedia .media.last{ margin: 0px 0px 0px 50px; }
.commonMedia .mediaImage{ padding: 20px 30px 0px 0px;  }


.letterHeadandEnvelopeDesign{ position: relative; margin: 70px 0px; }
.letterHeadandEnvelopeDesign:before{ background-color: #2bd3ec; position: absolute; left: auto; right: 0px; top: 0px; bottom: 0px; width: 50%; height: 100%; content: ""; }

.letterHeadandEnvelopeDesignImage{  }
.letterHeadandEnvelopeDesignImage img{ width: 100%; }

.catalog-design-image{ padding: 40px 0px 0px 0px; }

.skyBlue90Left{ position: relative; }
.skyBlue90Left:before{ background-color: #effdff; position: absolute; left: 0px; right: auto; top: 0px; bottom: 0px; width: 82%; height: 70%; content: ""; }

.skyBlue90Right{ position: relative; }
.skyBlue90Right:before{ background-color: #effdff; position: absolute; left: auto; right: 0px; top: 0px; bottom: 0px; width: 82%; height: 100%; content: ""; }

.skyBlue90Right.height70{  }
.skyBlue90Right.height70:before{ height: 70% !important; }

.landingPageDesignLeft{ padding: 60px 30px; }


.skyBlue50Left{ position: relative; padding-bottom: 0px !important; }
.skyBlue50Left:before{ background-color: #effdff; position: absolute; left: 0px; right: auto; top: 0px; bottom: 0px; width: 50%; height: 70%; content: ""; }

.socialMediaMarketingPart{ position: relative; }
.socialMediaMarketingPart:before{ background-color: #effdff; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 50%; content: ""; }
.socialMediaMarketingPart p{ line-height: 40px; }

.socialMedia-icons{ padding: 30px 0px 0px 0px; }
.socialMedia-icons img{ margin: 0px 20px 10px 0px; display: inline-block; }
.socialMedia-icons img:last-child { margin-right: 0px; }
/*---- Branding End ----*/

/*---- Currency Remit App ----*/
.ourCurrency{ position: relative; }
.ourCurrency:before{ background-color: #ffffff; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: 260px; content: ""; }
.ourCurrency.bgNone {  }
.ourCurrency.bgNone:before{ background-color: transparent !important; position: unset !important; width: auto !important; height: auto !important; }

.ourCurrencySliderPart{ position: relative; margin: 80px 0px 120px 0px; }

.ourCurrencyLabel{ background-color: #2bd3ec; padding: 70px 200px 70px 70px; display: inline-block; color: #000000; position: absolute; right: 0px; bottom: -150px; z-index: 2; width: 100%; max-width: 720px; }
.ourCurrencyLabel p{ font-size: 24px !important; color: #000000; }

.ourCurrencyCarousel{ /*margin-bottom: 220px;*/ }
.ourCurrencyCarousel .owl-nav{ position: relative; /*margin: -200px 0px 0px 60px;*/ position: absolute; bottom: 100px; left: 70px; }
.ourCurrencyCarousel .owl-nav .owl-prev, .ourCurrencyCarousel .owl-nav .owl-next { width: 100px; height: 100px; font-size: 30px !important; background-color: #ffffff !important; border-radius: 4px; color: #010101 !important; margin: 0px 10px; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; }
.ourCurrencyCarousel .owl-nav .owl-prev:hover, .ourCurrencyCarousel .owl-nav .owl-next:hover { background-color: #000000 !important; color: #ffffff !important; }

.ourCurrency .media{  }
/*.ourCurrency .media.sameSpace{ margin: 20px 0px; }*/
.ourCurrency .media .numbers{ width: 100px; height: 100px; border-radius: 50%; background-color: #2bd3ec; display: flex; align-items: center; justify-content: center; font-size: 50px; }
.ourCurrency .media.secDes{ display: block !important; }
.ourCurrency .media .media-body{ font-size: 18px; color: #d8d8d8; }
.ourCurrency .media .media-body .ourCurrencyTItle{ font-size: 26px; color: #ffffff; padding: 0px 0px 15px 0px; line-height: 1.5; }


.foreignCurrency{ position: relative; }
.foreignCurrency:before{ background-color: #effdff; position: absolute; left: 0px; right: auto; top: 0px; bottom: 0px; width: 35%; height: 42%; content: ""; }
.foreignCurrency .media{ margin: 80px 0px; }
.foreignCurrency .foreignCurrency-icon{ min-width: 150px; }
.foreignCurrency .media .media-body{ font-size: 30px; color: #676767; padding: 0px; text-transform: uppercase; line-height: 1.3; }

.foreignCurrency-mob-part{ padding: 30px 0px 0px 0px; }
.foreignCurrency-mob-right{ padding: 0px 0px 0px 40px; }


.prepaidVoucherPart{ position: relative; }
.prepaidVoucherPart:before{ background-color: #f6f6f6; position: absolute; left: 0px; right: auto; top: 0px; bottom: 0px; width: 50%; height: 66%; content: ""; }

.prepaidVoucherRight{ padding: 0px 0px 70px 150px; }

.agencyBanking{ padding: 0px 50px 0px 0px; }
.agencyBanking h5{ font-size: 30px; color: #676767; padding-bottom: 60px; }

.agencyBankingGroup{ margin-bottom: 50px; }
.agencyBankingGroup:last-child{ margin-bottom: 0px; }
.agencyBankingGroup h4{ font-size: 24px; text-transform: uppercase; padding: 20px 30px 16px; color: #0b545e; background-color: #2bd3ec; border-radius: 40px; display: inline-block; margin-bottom: 30px; }
.agencyBankingGroup p{ font-size: 24px; padding-left: 30px; }

.agencyBankingRight{ padding: 0px 50px; height: 100%; }
.agencyBankingRight h5{ padding: 50px 0px 0px 0px; }

.agencyBanking .media{ margin: 70px 0px; }
.agencyBanking .agencyBankingIcon{ min-width: 110px; }
.agencyBanking .media .media-body{ font-size: 22px; color: #676767; line-height: 30px; }

.agencyBanking-sep{ height: 100%; }
.agencyBanking-sep img{ height: 100%; }


.merchantPaymentGateway{ background-color: #f0fdff; position: relative; padding-bottom: 40px; }
.merchantPaymentGateway:before{ background-color: #ffffff; position: absolute; left: 0px; right: 0px; top: 0px; min-height: 150px; content: ""; }

.merchantPaymentGatewayGroup{ margin-bottom: 70px; }
.merchantPaymentGatewayGroup.orderRightMain{ text-align: right; }
.merchantPaymentGatewayGroup.orderRightMain h4 small { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.merchantPaymentGatewayGroup.orderRightMain h4 small .num{ margin: 0px 0px 0px auto; display: inline-block; min-width: 40px; }
.merchantPaymentGatewayGroup .orderRight{ -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; text-align: right; }
.merchantPaymentGatewayGroup .orderRight .merchantPaymentGatewayMediaImage{ margin: 0px 0px 0px 70px; }


.merchantPaymentGatewayGroup h4{ font-size: 28px; color: #000000; max-width: 60%; text-transform: uppercase; line-height: 40px; }
.merchantPaymentGatewayGroup h4 small{ margin: 0px 0px 15px 0px; display: flex; align-items: center; font-size: 24px; }
.merchantPaymentGatewayGroup h4 small .num{ margin: 0px 20px 0px 0px; }
.merchantPaymentGatewayGroup h4 small .linSep{ width: 100%; height: 1px; background-color: #39d6ed; }

.merchantPaymentGatewayGroup .media{  }
.merchantPaymentGatewayMediaImage{ margin: 0px 70px 0px 0px; }
.merchantPaymentGatewayGroup .media .media-body{ font-size: 22px; color: #676767; }

/*---- Currency Remit App End ----*/

/*---- POS Software System ----*/
.pos-benefitsBox{ background-color: #406776; padding: 46px; margin: 0px 0px 0px 20px; }
.pos-benefitsBox h5{ font-size: 22px; text-transform: uppercase; color: #ffffff; padding-bottom: 20px; }


.skyBlueBgFixHeight { position: relative; }
.skyBlueBgFixHeight:before { background-color: #f0fdff !important; content: ""; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; min-height: 430px; }

.pos-services-provide-main{  }
.pos-services-provide{ margin-right: 20px; }
.pos-services-provide img{ box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2); }

.pos-various{ position: relative; padding-bottom: 60px; }
.pos-various-blueBox{ background-color: #2bd3ec; padding: 50px; position: absolute; right: 0px; bottom: -80px; width: 100%; max-width: 500px; }

.pos-keyFeatures-main{ position: relative; z-index: 1; }
.pos-keyFeatures{ box-shadow: 0px 15px 15px 0px rgba(0,0,0, 0.1); }
.pos-keyFeaturesBox{ padding: 50px; }

.pos-developed{ /*padding-bottom: 50px;*/ position: relative; background-color: #f5f5f5; }
.pos-developed:before{ background-color: #f5f5f5; position: absolute; left: 0px; right: 0px; top: -74px; width: 100%; height: 100%; content: ""; }
.pos-developed .servicTitle2{ padding-top: 60px; }

.pos-developedBox{ background-color: #ffffff; border: solid 1px #dcd9d9; box-shadow: 0px 12px 15px 0px rgba(0,0,0, 0.1); padding: 40px 50px; text-align: center; position: relative; height: 100%; margin: 0px 5px; }
.pos-developedBox h4{ font-size: 20px; color: #000000; padding-bottom: 22px; }
.pos-developedBox ul{  }
.pos-developedBox ul li{ font-family: 'ProximaNovaSbold'; font-size: 16px; color: #787878; padding-bottom: 12px; }
.pos-developedBox ul li:last-child{ padding-bottom: 0px; }
.pos-developedBoxIcon{ width: 80px; height: 80px; border-radius: 50%; border: solid 1px #efeded; display: flex; align-items: center; justify-content: center; margin: 0px auto 25px; font-size: 40px; color: #29b9d3; }
/*---- POS Software System End ----*/


/*---- Magento Extension ----*/

.magentoExtensionMain{ padding: 60px 0px; }
.magentoExtensionIcon{ margin: 0px 50px 0px 0px; }
.magentoExtensionIcon span { display: block; width: 100%; padding-top: 15px; font-size: 18px; }
.magentoExtensionIcon span i{ padding-right: 6px; font-size: 14px; }

.magentoExtensionMain h2{ font-size: 32px; font-family: 'ProximaNovaSbold'; color: #000000; padding-bottom: 12px; text-align: left; }
.magentoExtensionMain .price{ font-size: 26px; font-family: 'ProximaNovaSbold'; color: #000000; padding-top: 10px; }
.magentoExtensionMain .price span{ color: #6fa82d; }
.magentoExtensionMain p{ color: #333333; }
.magentoExtensionMain .ratings{ color: #333333; display: flex; align-items: baseline; margin-bottom: 18px; }
.magentoExtensionMain .ratings i{ color: #fe5d0d; margin-right: 3px; }

.magentoExtensionMainButtons{ padding-top: 20px; }
.magentoExtensionMainButtons .btn1{ border: solid 1px #a4a0a0 !important; }
.magentoExtensionMainButtons .btn1:hover, .magentoExtensionMainButtons .btn1:focus{ border: solid 1px #000000 !important; }
.magentoExtensionMainButtons .btn4{  }
.magentoExtensionMainButtons .btn { letter-spacing: unset !important; border-radius: 3px !important; margin-right: 6px; min-width: 150px; font-size: 16px; margin-bottom: 10px !important; }

.screenShotCarousel{ border: solid 1px #cccccc; }
.screenShotCarousel p{ font-size: 18px; text-align: center; line-height: 30px; }
.screenShotCarousel .owl-nav{ text-align: center; position: absolute; top: calc(50% - 25px); width: 100%; }
.screenShotCarousel .owl-nav .owl-prev { width: 40px !important; height: 50px !important; border: 0px !important; color: #ffffff !important; margin: 0px; font-size: 22px !important; background-color: rgba(143, 143, 143, 0.8) !important; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; position: absolute; left: -1px; }
.screenShotCarousel .owl-nav .owl-next { width: 40px !important; height: 50px !important; border: 0px !important; color: #ffffff !important; margin: 0px; font-size: 22px !important; background-color: rgba(143, 143, 143, 0.8) !important; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; position: absolute; right: -1px; }
.screenShotCarousel .owl-nav .owl-prev:hover, .screenShotCarousel .owl-nav .owl-next:hover { background-color: #000000 !important; }

.magentoExtensionTab{  }
.magentoExtensionTab .tab-content{ background-color: #f5f5f5; border: solid 1px #cccccc; padding: 40px; }
.magentoExtensionTab .tab-content h3{ font-size: 24px; color: #000000; font-family: 'ProximaNovaSbold'; padding-bottom: 12px; }
.magentoExtensionTab .tab-content p{ color: #333333; padding-bottom: 8px; }

.magentoExtensionTab .nav-pills { border-bottom: solid 1px #d6d3d3; margin-bottom: 18px; }
.magentoExtensionTab .nav-pills .nav-item{ margin-right: 10px; margin-bottom: -1px; }
.magentoExtensionTab .nav-pills .nav-item:last-child{ margin-right: 0px; }
.magentoExtensionTab .nav-pills .nav-link{ background-color: #ffffff; border-radius: 0px; border: solid 1px #d6d3d3; font-size: 18px !important; font-family: 'ProximaNovaSbold'; padding: 13px 30px; }
.magentoExtensionTab .nav-pills .nav-link.active{ background-color: #29b9d3; border: solid 1px #29b9d3; }

/*.magentoExtensionFaq{ padding-bottom: 12px; }
.magentoExtensionFaq:last-child{ padding-bottom: 0px; }
.magentoExtensionFaq h4{ font-family: 'ProximaNovaSbold'; font-size: 20px; padding-bottom: 5px; }*/


.magentoExtensionFaq .card{ padding-bottom: 15px; border: 0px; border-radius: 0px; background-color: transparent; }
.magentoExtensionFaq .card:last-child{ padding-bottom: 0px; }
.magentoExtensionFaq .card-header { border-radius: 0px; border: 0px; background-color: transparent; padding: 0px 0px 12px; }
.magentoExtensionFaq .card-header a{ font-family: 'ProximaNovaSbold'; font-size: 20px; color: #052334 !important; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #cccccc; }
.magentoExtensionFaq .card-header i{ padding-left: 12px; color: #29b9d3; }
.magentoExtensionFaq .card-body { padding: 0px; }
.magentoExtensionFaq .card-body p{ font-size: 16px; }


.magentoExtensionData{  }
.magentoExtensionData h3{ font-family: 'ProximaNovabold'; font-size: 35px; padding-bottom: 25px; color: #000000; text-align: left; }
.magentoExtensionData h4{ font-family: 'ProximaNovabold'; font-size: 26px; padding-bottom: 20px; color: #29b9d3; text-align: left; }
.magentoExtensionData p{ font-size: 18px; color: #333333; }


/*---- Magento Extension End ----*/


/*-------- My Popup --------*/
.myPopupOne{ font-family: 'ProximaNovaRegular'; text-align: center; }
.myPopupOne .modal-content{ border-radius: 0px; border: 0px; }
.myPopupOneIcon{ width: 100%; text-align: center; padding: 20px 0px 30px 0px; }
.myPopupOne .modal-body{ padding: 30px; }
.myPopupOne .modalTitle{ font-family: 'ProximaNovabold'; font-size: 30px; margin: 0px; padding: 0px 0px 20px 0px; }
.myPopupOne p{ font-family: 'ProximaNovaRegular'; font-size: 20px; color: #6c757d; padding: 0px 0px 20px 0px; }
.myPopupOne .btn{ margin-top: 10px; }

/*-- Modal (click out side not close popup) --*/
.modal { pointer-events: none !important; }
.modal .modal-body { pointer-events: all !important; }
/*-- End (note: class order follow only this step) --*/

/*-------- My Popup End --------*/


/*---- On Demand Services (ods) ----*/
.welcomeOnDemandServicesMain{  }
.welcomeOnDemandServices{ background-color: #4f6f6d; padding: 30px 70px; margin-top: -2px; margin-bottom: 40px; box-shadow: 0px -2px 0px rgba(255, 255, 255, 0.2); position: relative; border-radius: 0px 0px 4px 4px; text-align: center; }
.welcomeOnDemandServices h3{ color: #ffffff; font-size: 24px; text-transform: uppercase; padding-bottom: 10px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3); }
.welcomeOnDemandServices p{ color: #ffffff; font-size: 18px; line-height: 1.4; }

.ods-fitnessApp{ padding: 50px 0px; position: relative; }
.ods-fitnessApp:before{ background-color: #f5f5f5; position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 100%; min-height: 580px; }

.ods-mainTitle{ display: flex; align-items: center; margin-bottom: 35px; }
.ods-mainTitle span{ background-color: #29b9d3; width: 60px; height: 60px; text-align: center; line-height: 60px; display: inline-block; border-radius: 2px; font-size: 30px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin-right: 18px; }
.ods-mainTitle h2{ font-size: 40px; color: #333333; padding: 0px; text-align: left; margin: 0px; text-transform: capitalize; }
.ods-mainTitle span.whiteBox{ background-color: #effdfe !important; color: #010101 !important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }

.ods-fitnessApp-img1{  }
.ods-fitnessApp-img1 img{ border-radius: 6px; box-shadow: 10px 10px 18px rgba(0, 0, 0, 0.3); }


ul.listPointNumber{ margin-bottom: 20px; }
ul.listPointNumber li{ color: #000000; padding: 0px 0px 9px 0px; font-size: 16px; 
    display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start;
}
ul.listPointNumber li .data{ -ms-flex: 1; flex: 1; }
ul.listPointNumber li span{ width: 24px; height: 24px; background-color: #29b9d3; border-radius: 50%; color: #ffffff; margin-right: 16px; display: flex; align-items: center; justify-content: center; font-size: 16px; }
ul.listPointNumber li:last-child{ padding-bottom: 0px; }


ul.listPointNumber.large {  }
ul.listPointNumber.large li { border-bottom: solid 1px #49545c; padding-bottom: 12px; margin-bottom: 12px; }
ul.listPointNumber.large li:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; }
ul.listPointNumber.large li span{ width: 30px; height: 30px; background-color: #29b9d3; border-radius: 50%; color: #ffffff; margin-right: 18px; display: flex; align-items: center; justify-content: center; }


.ods-fitnessAppPointsPart{ padding: 90px 0px 60px 0px; }
.ods-fitnessAppScreenMain{ position: relative; padding: 38px; }
.ods-fitnessAppScreenMain:before{ position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 100%; min-height: 280px;  
    border-radius: 8px; border: solid 2px #D7D7D7;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d7d7d7+0,ffffff+60,ffffff+100 */
    background: #d7d7d7; /* Old browsers */
    background: -moz-linear-gradient(left,  #d7d7d7 0%, #ffffff 60%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #d7d7d7 0%,#ffffff 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #d7d7d7 0%,#ffffff 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.ods-fitnessAppScreenText{ padding-top: 40px; }

.andSepWeb{ display: inline-block; }
.andSepMob{ display: none; }

.ods-taxiHiring{  }
.ods-taxiHiringPartOne{ background-color: #effdfe; padding: 50px 0px; position: relative; }
.ods-taxiHiringCar{ position: absolute; right: 0px; bottom: -105px; }
.ods-taxiHiringTwoImg{ padding-left: 20px; text-align: right; }
.ods-taxiHiringTwoImg img{ box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

.ods-foodDeliveryApp{ border-top: solid 1px #b9b8b8; }
.ods-foodDeliveryAppScreen{ padding: 25px 0px; text-align: center; }

h3.ods-subTitle, h2.ods-subTitle { font-size: 26px; color: #29b9d3; padding-bottom: 35px; }

.ods-jobPortal{ padding: 50px 0px; position: relative; margin-top: 40px; }
.ods-jobPortal:before{ background-color: #29b9d3; position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 100%; min-height: 720px; }
.jobPortal-image{ margin: 30px 0px 80px; position: relative; }
.jobPortal-image img{ border-radius: 3px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.4); }
.jobPortal-threeMainHeadersBox{ max-width: 740px; width: 100%; background-color: #ffffff; color: #000000; position: absolute; left: 0px; right: 0px; bottom: -50px; margin: 0px auto; 
    border: solid 10px #ffffff; box-shadow: inset 0px 0px 0px 3px #29b9d3; padding: 25px; text-align: center; font-size: 26px;
}

.ods-travellingApp{ border-top: solid 2px #eeeeee; padding: 80px 0px; }
.ods-travellingAppScreen{ padding: 25px 0px 50px; text-align: center; }

.ods-musicStreaming{ padding: 0px 0px 60px 0px; }
.ods-musicStreamingApp{ padding: 0px 0px 40px; text-align: center; }
.musicStreamingVline { border-right: solid 2px #eeeeee; }
.ods-music-adminPanelFeatures{ padding: 0px 0px 0px 40px; }

/*---- On Demand Services End ----*/


/*------------------------------------------------- New Design Start -------------------------------------------------*/
.row.lightLine [class*='col-']:not(:first-child):after { background-color: rgba(255, 255, 255, 0.3); width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }


.welcomeJhkNew{ position: relative; padding: 60px 0px; }
.welcomeJhkNew:before{ position: absolute; left: 0px; top: 0px; content: ""; width: 50%; height: 100%; background-image: url(../images/new-about-leftbg.jpg); background-repeat: no-repeat; background-position: left top; background-size: cover; }
.welcomeJhkNew:after{ position: absolute; right: 0px; top: 0px; content: ""; width: 50%; height: 100%; background-image: url(../images/new-about-rightbg.jpg); background-repeat: no-repeat; background-position: left top; background-size: cover; }

.welcomeJhkNewText{ padding: 0px 100px 0px 0px; }
.welcomeJhkNewTextTitle{ color: #ffffff; font-size: 50px; line-height: normal; }
.welcomeJhkNewText p{ padding: 0px 0px 20px 0px; color: #ffffff; font-size: 20px; }
.welcomeJhkNewText .btn3{ min-width: auto; padding-top: 10px; padding-bottom: 10px; }

.aboutFourColMain{ background-color: #29b9d3; border-radius: 4px; color: #ffffff; padding: 0px 10px; position: relative; z-index: 2; margin-top: 40px; }
.aboutFourColBox{ padding: 30px 20px; }
.aboutFourColBoxTitle { display: flex; align-items: center; font-size: 24px; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); position: relative; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; }
.aboutFourColBoxTitle:before{ position: absolute; left: 0px; bottom: 0px; max-width: 80px; width: 100%; height: 2px; background-color: #4af0ff; content: ""; }
.aboutFourColBoxTitle span{ width: 50px; display: inline-block; }
.aboutFourColBoxTitle span img{ width: 100%; max-width: 36px; }
.aboutFourColBox p{ font-size: 18px; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); line-height: normal; }

.objectWhite{ fill: #ffffff; }

.overviewPart{ padding: 90px 0px; }
.overviewPartTitle1 { font-size: 26px; color: #333333; padding-bottom: 15px; line-height: normal; }
.overviewPartTitle2 { font-size: 48px; color: #333333; line-height: normal; }
.overviewPart p{ font-size: 18px; }

.subTitleThree{ padding-bottom: 35px; text-align: center; }
.subTitleThreeTitle{ font-size: 50px; color: #333333; position: relative; padding: 25px 0px 0px 0px; line-height: normal; }
.subTitleThreeTitle:before{ position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 60px; height: 3px; background-color: #29b9d3; margin: 0px auto; }
.subTitleThree p{ font-size: 18px; color: #818181; padding: 15px 0px 0px 0px; margin: 0px; }


.technologyBox{ background-color: #f5f5f5; border-radius: 4px; padding: 15px 28px 30px; text-align: center; height: 100%; transition: all 400ms; border: solid 1px #f5f5f5; }
.technologyBox:hover { background-color: #ffffff; /*box-shadow: 0px 0px 30px rgba(42, 65, 75, 0.2);*/ box-shadow: 0px 0px 50px rgba(42, 65, 75, 0.3); border: solid 1px #cccccc; }
.tec-icon{ padding: 25px 0px; min-height: 80px; }
.technologyBox p{ line-height: 1.3; color: #333333; }

.testimonialPart{ padding: 80px 0px; }


.titleHedTwo{ margin-bottom: 30px; }
.titleHedTwo h2, .titleHedTwo h4, .titleHedTwo .titleHedTwoTitle{ font-size: 50px; color: #29b9d3; text-transform: uppercase; line-height: 1.2; }
.titleHedTwo small{ font-size: 25px; color: #333333; text-transform: capitalize; display: block; }


.projectClient{ display: flex; align-items: center; padding-bottom: 20px; }
.projectClientBox{ border-right: solid 1px #d8dddd; padding-right: 28px; margin-right: 28px; display: inline-block; }
.projectClientBox:last-child{ padding-right: 0px; border-right: 0px; margin-right: 0px; }
.projectClientBox span{ color: #29b9d3; font-size: 40px; line-height: 40px; }


.testimonialBox{  }

.testimonialBox .name{ font-size: 24px; color: #333333; }
.testimonialBox small{ font-size: 16px; color: #777777; text-transform: uppercase; display: block; padding: 8px 0px 15px 0px; }

.testimonialBox p{ color: #333333; font-size: 18px; }
.testimonialBoxImage{ width: 76px; height: 76px; margin-bottom: 10px; }
.testimonialBoxImage img{ border-radius: 50%; object-fit: cover; }


.blogPart{ /*padding-bottom: 100px;*/ }
.blogPartBox{  }
.blogPartBox h3, .blogPartBox p{ font-size: 20px; color: #333333; padding-bottom: 20px; line-height: 1.5; }
.blogPartBoxImage{ margin-bottom: 15px; height: 200px; }
.blogPartBoxImage img{ border-radius: 4px; object-fit: cover; height: 100%; width: 100%; }
.blogPartBoxDate{ font-size: 14px; color: #666666; display: flex; align-items: center; }
.blogPartBoxDate span{ padding: 0px 12px; }


.getinTouchPartNew{ background-color: #1a9cb3; color: #ffffff; background-image: url(../images/getinTouchBg.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.getinTouchPartLeft{ padding: 80px 0px 175px; width: 100%; max-width: 600px; }
.getinTouchPartLeftTitle{ font-size: 40px; color: #ffffff; line-height: normal; padding-bottom: 5px; }
.getinTouchPartLeft p{ font-size: 20px; color: #ffffff; }

/*ul.listPointSeven li { color: #333333; }
ul.listPointSeven li:before { color: #35ad4e; }*/

/*.getinTouchPartRight{ background-color: #ffffff; border-radius: 6px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3); overflow: hidden; margin-left: 30px; margin-top: -30px; margin-bottom: 30px; }
.getinTouchPartRightTitle{ background-color: #29b9d3; text-align: center; padding: 20px 100px; }
.getinTouchPartRightTitle h2{ margin: 0px; padding: 0px; color: #ffffff; font-size: 30px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }*/

.getinTouchPartForm{ padding-top: 10px; }
.getinTouchInp, .getinTouchInp:focus{ border-radius: 4px; min-height: 50px; background-color: rgba(65, 208, 233, 0.6); border: solid 1px #82e6f7; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); color: #ffffff; font-size: 18px; }
.getinTouchInp::placeholder { color: #ffffff; }


/*------------------------------------------------- New Inner Pages -------------------------------------------------*/

/*company overview page*/
.subTitleFour{ text-align: center; padding-bottom: 40px; }
.subTitleFour.width80{ width: 80%; margin: 0px auto; }
.subTitleFour h1{ font-family: 'ProximaNovaXbold'; font-size: 50px; color: #000000; padding-bottom: 20px; }
.subTitleFour h2, .subTitleFour h3, .subTitleFour h4, .subTitleFour .subTitleFourTitle{ font-family: 'ProximaNovaXbold'; font-size: 40px; padding-bottom: 20px; line-height: 1.2; }
.subTitleFour h2.icon{ display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.subTitleFour p{  line-height: 1.7 !important; }

/*.jhkSeparator{ max-width: 80%; margin: 60px auto; text-align: center; position: relative; }
.jhkSeparator:before{ position: absolute; left: 0px; right: 0px; top: 40%; content: ""; background-color: #e2e3e3; width: 60%; height: 2px; margin: 0px auto; }
.jhkSeparator img{ background-color: #ffffff; padding: 0px 40px; position: relative; }*/

.overviewVideo{ position: relative; max-width: 980px; margin: 0px auto; }
.overviewVideo img{ width: 100%; height: auto; object-fit: cover; }
.overviewVideo .playIcon{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; border-radius: 50%;
    width: 80px; height: 80px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #29b9d3; font-size: 18px;
}
.overviewVideo .playIcon:hover{ background-color: #000000; color: #ffffff; }

.ownershipMain{  }
.ownerBox{ text-align: center; }
.ownerBoxImg{ margin-bottom: 25px; }

.ownerBox h5{ font-size: 20px; color: #333333; padding: 0px; }
.ownerBox h5 span{ font-size: 18px; color: #333333; padding-top: 3px; display: block; }

.futureFocusedImage{ background-image: url(../images/futureFocused.jpg); background-repeat: no-repeat; background-position: left top; background-size: cover; padding: 70px; }
.futureFocusedImage h4{ font-size: 40px; color: #ffffff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9); padding-bottom: 15px; }
.futureFocusedImage p{ font-size: 20px; color: #ffffff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9); }

.futureFocusedRight{ padding: 0px 0px 0px 30px; height: 100%; display: flex; align-items: center; }

ul.titleAndDescription{  }
ul.titleAndDescription li{ padding: 15px 0px; }
ul.titleAndDescription li h5{ padding: 0px 0px 5px 0px; font-size: 20px; }


/*careers page*/
.careersMain{ background-image: url(../images/careersBg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-attachment: fixed; text-align: center; padding-bottom: 40px; }

.subTitleFive{ padding-bottom: 35px; text-align: center; }
.subTitleFive.width65{ width: 65%; margin: 0px auto; }
.subTitleFive.width75{ width: 75%; margin: 0px auto; }
.subTitleFive h2, .subTitleFive h3, .subTitleFive h4, .subTitleFive .subTitleFiveTitle { font-size: 30px; color: #000000; position: relative; padding: 0px 0px 30px 0px; line-height: 1.2; }
.subTitleFive h2:before, .subTitleFive h3:before, .subTitleFive h4:before, .subTitleFive .subTitleFiveTitle:before{ position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; width: 60px; height: 3px; background-color: #29b9d3; margin: 0px auto; }
.subTitleFive p{ font-size: 20px; padding-top: 20px; }

.subTitleFive h2.sepLeft, .subTitleFive h3.sepLeft, .subTitleFive h4.sepLeft{ text-align: left !important; }
.subTitleFive h2.sepLeft:before, .subTitleFive h3.sepLeft:before, .subTitleFive h4.sepLeft:before{ right: auto; margin: 0px; }

.subTitleFive.sepnone{  }
.subTitleFive.sepnone h2:before, .subTitleFive.sepnone .subTitleFiveTitle:before{ position: unset; content: none; width: unset; height: unset; background-color: unset; margin: unset; }


.jhkBenefits{  }
.jhkBenefits .media{ margin: 50px auto; max-width: 980px; }
.jhkBenefits .media:last-child{ margin-bottom: 0px }
.jhkBenefits .media .media-body .jhkBenefitsTitle{ font-family: 'ProximaNovaBold'; font-size: 24px; color: #333333; padding-bottom: 15px; line-height: 1.5; }
.jhkBenefits .media .media-body p{ font-size: 18px; color: #666666; }
.jhkBenefitsIcon{ width: 100%; max-width: 500px; }
.jhkBenefits .media:nth-child(even) { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.jhkBenefits .media:nth-child(even) .jhkBenefitsIcon{ text-align: right; }

.form-black{
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #666666 0%, #333333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #666666 0%, #333333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #666666 0%, #333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 70px 230px; color: #ffffff;
}
.form-black .form-group{ margin-bottom: 40px; }
.form-black .labelAll{ font-family: 'ProximaNovaSbold'; width: 100%; margin-bottom: 10px; font-size: 18px; line-height: normal; }
.form-black .inptAll{ border-radius: 0px; height: 50px; background-color: transparent; border: solid 1px #bfbebc; font-size: 18px; color: #ffffff; padding-left: 20px; padding-right: 20px; }
.form-black .inptAll::placeholder{ color: rgba(255, 255, 255, 0.5); }
.attachFild{ position: relative; }
.attachFild input{ opacity: 0; overflow: hidden; position: absolute; height: 100%; cursor: pointer; }
.attachFild .inptAll{ border: 0px; background-color: #626262; display: flex; align-items: center; }


/*.getQuoteBg{ background-image: url(../images/contactBg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; padding: 70px 0px; }
.getQuoteBg:before{ background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; width: 100%; height: 100%; }*/

.getaquote-page{  }
.getaquote-page h2{ font-size: 22px; color: #29b9d3; padding: 15px 0px; }


.red{ color: red; }


/*client testimonials page*/
.dotPattern{ background-image: url(../images/dot-pattern.png); background-repeat: repeat; background-attachment: fixed; border-bottom: solid 1px #eeeeee; }

.testimonialWrapper{ background-color: #f5f5f5; padding: 150px 0px 80px 0px; margin-top: -150px; }
.testimonialWrapper .card-columns{  
    -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
    -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px;
}
.clienTestimonialsImage{  }

.clientBoxMain{ padding: 0px 40px 40px 40px; margin: 60px 0px 25px !important; border-radius: 8px; border: 1px solid #a09f9f; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.4); transition: all 400ms; }
.clientBoxMain:first-child{ margin-top: 110px !important; }
.clientBoxMain .testimonialBox{ position: relative; }
.clientBoxMain .testimonialBox h5{ transition: all 400ms; }
.clientBoxMain .testimonialBox .testimonialBoxImage{ margin-top: -44px; }
.clientBoxMain .testimonialBoxImage { width: 100px; height: 100px; margin-bottom: 20px; }
.clientBoxMain .testimonialBoxImage img { border-radius: 50%; object-fit: cover; width: 100%; box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.5); transition: all 400ms; }


.clientBoxMain:hover{ border: 1px solid #2bd3ec; box-shadow: 0px 5px 25px 0px rgba(16, 147, 166, 0.4); }
.clientBoxMain:hover .testimonialBoxImage img{ box-shadow: 0px 5px 6px 0px rgba(16, 147, 166, 0.5); }
.clientBoxMain:hover .testimonialBox h5 { color: #12a5c5; }


/*Our Team page*/
.ourTeam-banner{ padding: 80px 0px; }
.ourTeam-banner .subTitleFour p{ line-height: 1.5 !important; }
.ourTeam-banner-right{ text-align: right; padding: 0px 20px 0px 0px; }
.ourTeam-banner-right img{ max-height: 330px; }

.ourTeamParagraph{ padding: 55px 0px; text-align: center; border-bottom: solid 1px #eeeeee; }

.meetCreators{ background-color: #f5f5f5; border-radius: 10px; width: 100%; max-width: 970px; margin: 0px auto; overflow: hidden; }
.meetCreatorsThumb{ padding: 30px 40px 0px 50px; }
.meetCreatorsThumb img{ filter: drop-shadow(0px -5px 8px rgba(0,0,0,0.4)); }

.meetCreators .media h3{ font-size: 22px; color: #333333; padding: 0px 0px 12px 0px; }
.meetCreators .media h3 span { font-size: 18px; color: #333333; padding-top: 5px; display: block; }
.meetCreators .media-body { padding: 50px 70px 50px 20px; position: relative; }

.meetCreatorsJhkLogo{ position: absolute; right: 18px; top: 5px; }
.meetCreatorsJhkLogo img{ max-width: 110px; }


.ourTeamCarousel{ cursor: e-resize; }

.hardworkingTeam{  }
.hardworkingTeam .ownerBox h5{ font-size: 16px; }
.hardworkingTeam .ownerBox h5 span{ font-size: 14px; }
.hardworkingTeam .ownerBoxImg { margin-bottom: 20px; }

.joinourTeam{ background-image: url(../images/joinourTeamBg.jpg); background-repeat: no-repeat; background-position: right top; background-size: contain; overflow: hidden; background-color: #ffe8db;
    width: 100%; max-width: 970px; margin-top: 80px; margin-left: auto; margin-right: auto; border-radius: 6px; padding: 20px 0px;
}

.joinThumb{ padding: 55px 20px 0px 0px; }
.joinourTeam-title{ font-size: 40px; line-height: normal; padding-bottom: 20px; }
.joinourTeam .media-body { padding: 0px 100px 0px 0px; }


/*Social Media Links Page*/
.socialMediaLinksData{  }
.socialMediaLinksData h3{ color: #29b9d3; padding: 10px 0px 50px; font-size: 40px; }
.socialMediaLinksData .media{ max-width: 792px; margin: 0px auto 60px auto; }
.socialMediaLinksData .media:last-child{ margin-bottom: 0px; }
.socialMediaLinksData .media .socialIcon{ width: 100%; max-width: 355px; }
.socialMediaLinksData .media .socialIcon img{ border-radius: 6px; }
.socialMediaLinksData .media .media-body{  }
.socialMediaLinksData .media .media-body p{ color: #666666; font-size: 20px; font-family: 'ProximaNovaSbold'; }
.linkTextArrow{ font-size: 18px; display: flex; align-items: center; color: #29b9d3; }
.linkTextArrow i{ font-size: 16px; padding-left: 6px; }
.socialMediaLinksData .media:nth-child(even) { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.socialMediaLinksData .media:nth-child(even) .socialIcon{ text-align: right; }


.seprate-title-description{ border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; padding: 40px 0px; }
.seprate-title-description h3, .seprate-title-description h4, .seprate-title-description h2{ font-family: 'ProximaNovaSbold'; font-size: 26px; padding-bottom: 8px; }
.seprate-title-description p{ max-width: 750px; width: 100%; margin-left: auto; margin-right: auto; }


/*Working Model Page*/

.involved-stages{ max-width: 940px; width: 100%; margin: 0px auto; }
.involved-stages .media{ border-bottom: solid 1px #cccccc; padding-bottom: 30px; margin-bottom: 30px; }
.involved-stages .media:last-child{ border-bottom: 0px; margin-bottom: 0px; }
.involved-stages .media .involvedStagesImage{ width: 148px; }
.involved-stages .media-body {  }
.involved-stages .media-body .involved-stages-title { font-size: 20px; padding-bottom: 10px; }
.involved-stages .media-body p { font-size: 17px; }
.involved-stages .media:nth-child(even) { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.involved-stages .media:nth-child(even) .involvedStagesImage{ text-align: right; }
.involved-stages .media:nth-child(even) .media-body { text-align: right; }


.mainFactorsWorkModel{ padding: 45px 0px 0px 0px; position: relative; }
.mainFactorsWorkModel:before{ background-color: #283137; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: 100%; max-height: 440px; content: ""; }
.mainFactorsBoosting{ text-align: right; }
.mainFactorsBoosting img{ box-shadow: 0px 13px 30px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 12px 12px; }


ul.listPointNumberOne{  }
ul.listPointNumberOne li{ position: relative; border-top: solid 1px #49545c; padding: 26px 0px 0px 48px; margin: 0px 0px 26px 0px; color: #ffffff; }
ul.listPointNumberOne li:last-child{ border-bottom: solid 1px #49545c; padding-bottom: 26px; margin-bottom: 0px; }
ul.listPointNumberOne li span{ position: absolute; left: 0px; color: #29b9d3; }


.projectManagementSteps{ padding: 100px 0px; }
.projectManagementStepsImage{ text-align: center; padding: 20px 0px 0px 0px; }
.projectManagementStepsBox{ background-color: #283137; padding: 40px; border-radius: 2px; position: relative; margin-top: -5px; }

    
/*Mobile App Development - Tech Zone*/
.technologyTrend{ display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.technologyTrendSidebar{ width: 100%; max-width: 265px; position: sticky; top: 120px; margin-right: 50px; }
.technologyTrendBody { -ms-flex: 1; flex: 1; }

.technologyTrendSidebar .nav{ flex-direction: column; }
.technologyTrendSidebar ul{ background-color: #eeeeee; border-radius: 4px; overflow: hidden; }
.technologyTrendSidebar ul li{ text-transform: uppercase; font-size: 18px; border-bottom: solid 1px #ffffff; }
.technologyTrendSidebar ul li:last-child{ border-bottom: 0px; }
.technologyTrendSidebar ul li a{ color: #000000; display: block; padding: 12px 26px; }
.technologyTrendSidebar ul li a.active{ font-family: 'ProximaNovaBold'; color: #ffffff !important; background-color: #2bd3ec !important; }
.technologyTrendSidebar ul li a:hover{ color: #29b9d3; }

.technologyTrendBox{ border-bottom: solid 2px #f5f5f5; padding-bottom: 50px; margin-bottom: 50px; }
.technologyTrendBox:last-child{ border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.technologyTrendBox h3{ font-family: 'ProximaNovaXbold'; color: #29b9d3; font-size: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center !important; align-items: center !important; margin-bottom: 20px; }
.technologyTrendBox h3 img{ margin-right: 20px; }



/*Mobile App Service*/
.androidIphone{ margin-bottom: 35px; }
.androidIphonelgimage{ margin-right: 40px; }
.androidIphonelgimage.right{ margin-right: 0px; margin-left: 40px; }
.androidIphonelgimage img{ border-radius: 4px; }
.androidIphone h3, .androidIphone h4, .androidIphone .androidIphoneTitle { font-size: 26px; padding-bottom: 15px; line-height: 1.2; }
.androidIphone p{ font-size: 18px; }


.rowwithSpace {  }
.rowwithSpace > [class*="col-"] { margin-top: 15px; margin-bottom: 15px; }


.developmentalBox{ background-color: #ffffff; border-radius: 10px; border: solid 1px #ecebeb; padding: 34px 28px; height: 100%; transition: all 400ms; font-size: 18px; }
.developmentalBox:hover{ background-color: #ffffff; box-shadow: 0px 0px 50px rgba(42, 65, 75, 0.3); border-color: #ffffff; }
.developmentalBoxIcon{ background-color: #f5f5f5; border-radius: 16px; border: solid 1px #ecebeb; margin-bottom: 30px; width: 78px; height: 78px; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.developmentalBoxIcon img{ max-width: 50px; width: auto !important; max-height: 48px; }
.developmentalBox .developmentalBoxTItle{ font-size: 20px; padding-bottom: 15px; }

.developmentalBox.large{  }
/*.developmentalBox.large h4{ font-size: 22px; }*/
.developmentalBox.large .developmentalBoxTItle{ font-size: 22px; }

.iosPart{ background-color: #e9ecf2; margin-top: 50px; }

.staticBtnLabel{ background-color: #ffffff; border-radius: 5px; padding: 0px 20px 0px 16px; display: inline-block; min-height: 56px; line-height: 56px; margin: 0px 8px 10px 0px; font-size: 18px; }


.workProcess{ padding: 0px 0px 50px 65px; position: relative; }
.workProcess:last-child{ padding-bottom: 10px; }
.workProcess:before{ position: absolute; left: 22px; top: 20px; content: ""; width: 4px; height: 100%; background-color: #abd5dc; }
.workProcessDot{ width: 20px; height: 20px; background-color: #ffffff; border: solid 4px #2bd3ec; display: block; border-radius: 50%; position: absolute; left: 14px; top: 18px; }
.workProcessImage{ max-width: 70px; width: 100%; margin-right: 20px; }
.workProcessImage .steps{ width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'ProximaNovaXbold'; font-size: 24px; background-color: #25b9d7; color: #ffffff; }
.workProcess h5{ padding: 0px 0px 10px 0px; font-size: 22px; }
.workProcess p{ font-size: 18px; color: #000000; }

.supportClientsBox{ text-align: center; }
.supportClientsBoxIcon{ min-height: 90px; margin-bottom: 25px; }
.supportClientsBox p{ font-size: 16px; }


ul.listLabel{  }
ul.listLabel li{ padding: 8px 15px 6px 25px; border-radius: 20px; display: inline-block; margin: 0px 5px 10px 0px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; position: relative; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); }
ul.listLabel li:before { position: absolute; left: 10px; top: 10px; content: "\f111"; font-family: "Font Awesome 5 Free"; font-size: 8px; font-weight: bold; color: rgba(0, 0, 0, 0.2); }


.imageAndTextSeprate{ border-bottom: solid 1px #eeeeee; }
.imageAndTextSeprateImage{ max-width: 480px; width: 100%; margin-right: 50px; }
.imageAndTextSeprateImage img{ width: 100%; object-fit: cover; }
.imageAndTextSeprate p{ line-height: 1.4 !important; letter-spacing: -0.20px !important; }


.numberBox{ border: solid 4px #e3e0e0; padding: 46px 26px; position: relative; height: 100%; }
.numberBox:before { position: absolute; bottom: -6px; right: -6px; width: 70px; height: 70px; font-family: 'ProximaNovaXbold'; color: #eeeeee; font-size: 100px; line-height: 0px; display: flex; align-items: center; justify-content: flex-end; 
    counter-increment: section; content: " " counter(section) " ";
}
.numberBox h3{ font-family: 'ProximaNovaXbold'; font-size: 24px; color: #000000; padding-bottom: 25px; position: relative; }
.numberBox p{ font-size: 18px; position: relative; }


.wordPressColor{ color: #00769d; }


/*------------------------------------------------- New Design End -------------------------------------------------*/

.imageGrayBorder{ border: solid 1px #d6d6d6; }

.frontendTwoBox{ background-color: #eeeeee; padding: 40px; }
.frontendTwoBox h4{ font-size: 18px; padding-bottom: 25px; }


/*---- Odoo Open ERP (Service) Page ---*/
.odooBox{ background-color: #a24689; }
/*.odooBox h4{ color: #ffffff; }*/
.odooBox .developmentalBoxTItle{ color: #ffffff; }
.odooBox p{ color: #ffffff; }
.odooBox:hover .developmentalBoxTItle{ color: #000000; }
.odooBox:hover p{ color: #555555; }

.odooBox1{ background-color: #ffffff; }
.odooBox1:hover{ background-color: #a24689; }
.odooBox1 .developmentalBoxTItle{ color: #000000; }
.odooBox1 p{ color: #555555; }
.odooBox1:hover .developmentalBoxTItle{ color: #ffffff; }
.odooBox1:hover p{ color: #ffffff; }
/*---- Odoo Open ERP (Service) Page End ---*/



/*---- Products Page Start ----*/

.products{ padding-bottom: 70px; }

.productsImage{ border-radius: 6px; box-shadow: 0px 0px 14px 3px #cccccc; overflow: hidden; }
.productsImage img{ width: 100%; }

.products h1{ font-family: 'ProximaNovaBold'; font-size: 30px; margin-bottom: 30px; }
.products h1 small{ font-family: 'ProximaNovaRegular'; font-size: 18px; padding: 5px 0px 0px 0px; color: #000000; display: block; }
.products h1 small a{ color: #29b9d3; font-style: italic; }
.products h3{ font-family: 'ProximaNovaBold'; font-size: 20px; margin-bottom: 15px; padding: 0px 0px 8px 0px; border-bottom: solid 1px #d3d3d3; color: #000000; }
.products h4{ font-family: 'ProximaNovaBold'; font-size: 22px; margin: 10px 0px 15px; color: #000000; }
.products p{ font-size: 18px; }

.products-description{ padding: 10px 0px 0px 0px; }

ol.listNumber{ list-style: none; counter-reset: item; margin-bottom: 30px; }
ol.listNumber li{ position: relative; counter-increment: item; font-family: 'ProximaNovaSbold'; padding-left: 35px; margin-bottom: 10px; }
ol.listNumber li:before{ content: counter(item); margin: 0px 10px 5px 0px; background-color: #29b9d3; color: #ffffff; width: 24px; height: 24px; line-height: 24px; text-align: center; display: inline-block; border-radius: 50%; position: absolute; left: 0px; }

.productsData{ padding: 0px 0px 0px 15px; position: -webkit-sticky; /* Safari */ position: sticky; top: 130px; }

.productsPriceBar{ display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -ms-flex-align: center !important; align-items: center !important; padding: 20px 0px 30px 0px; }
.usetech{ padding: 10px 0px; }
.usetech img{ max-width: 42px; margin: 0px 3px 0px 0px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); border-radius: 50%; }
.productsPrice{ font-family: 'ProximaNovaSbold'; font-size: 30px; line-height: normal; }

/*Listing Page*/
.productsList{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px; margin-top: 70px; }
.productsListBox{ 
    background-color: #ffffff; border: 0px; border-radius: 6px; /*box-shadow: 0px 0px 16px #cccccc;*/ margin-bottom: 70px !important; 
    -webkit-transition: 0.8s ease; -moz-transition: 0.8s ease; -ms-transition: 0.8s ease; -o-transition: 0.8s ease; transition: 0.8s ease;
}
.productsListBox:first-child{ margin-top: -70px !important; }
.productsListBoxImage{ height: 100%; max-height: 250px; border-radius: 6px 6px 0px 0px; overflow: hidden; }
.productsListBoxImage img{ -webkit-transition: 0.8s ease; -moz-transition: 0.8s ease; -ms-transition: 0.8s ease; -o-transition: 0.8s ease; transition: 0.8s ease; }
.productsListBox .card-body{ background-color: #ffffff; border: 0px; border-radius: 6px; padding: 30px 30px 40px; }
.productsListBox h3{ font-family: 'ProximaNovaBold'; font-size: 20px; margin-bottom: 8px; }
.productsListBoxFooter{ display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -ms-flex-align: center !important; align-items: center !important; }
.productsListBoxFooter .price{ font-size: 30px; }
.productsListBoxFooter .previewCartBtns{ font-size: 30px; display: inline-table; }
.productsListBoxFooter .previewCartBtns .btn{ border: solid 1px #cccccc; border-radius: 0px; font-size: 18px; padding-top: 7px; padding-left: 16px; padding-right: 16px; }
.productsListBoxFooter .previewCartBtns .btnSkyBlue{ padding: 10px 15px; font-family: unset !important; letter-spacing: 0px !important; position: relative; top: -1px; margin-left: 12px; }
.productsListBox:hover{ /*box-shadow: 0px 0px 26px #a4a4a4;*/ }
.productsListBox:hover .productsListBoxImage img{ -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }


.minwidth-unset { min-width: unset; }

/*---- Products Page End ----*/


/*---- Templates Popup ----*/
.templatesPopup{  }
.templatesPopup .close{ position: absolute; right: 0px; top: 0px; text-shadow: none; font-size: 34px; font-weight: 100; background-color: rgba(0, 0, 0, 0.8); width: 36px; height: 36px; opacity: 1; color: #ffffff; display: flex; align-items: center; justify-content: center; }
.templatesPopup .modal-content{ border: 0px; border-radius: 0px; box-shadow: 0px 0px 60px 10px rgba(0, 0, 0, 0.5); }
.templatesPopup .modal-body{ padding: 0px; }

.templatesPopup .loading{ min-height: 500px; }

/*---- Templates Popup End ----*/


.mx-widthUnset{ max-width: unset !important; }


.myBreadcrumb{ background-color: #e9ecef; }
.myBreadcrumb ol.breadcrumb{ background-color: transparent; border-radius: 0px; margin-bottom: 0px; padding: 20px 0px; }
.myBreadcrumb ol.breadcrumb .breadcrumb-item a{ color: #111111; }
.myBreadcrumb ol.breadcrumb .breadcrumb-item a:hover{ color: #12a5c5; }
.myBreadcrumb .breadcrumb-item + .breadcrumb-item::before{ content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #12a5c5; }



.footer-address{ padding: 0px; max-width: 280px; text-align: center; color: #ffffff !important; }
.footer-address img{ max-width: 54px; margin: 0px auto 15px; display: block; }

.footer-brandLogo{ display: inline-block; margin-right: 30px; padding-right: 30px; position: relative; }
.footer-brandLogo:before { position: absolute; right: 0px; bottom: 0px; width: 2px; height: 26px; content: ""; background-color: #444444; }
.footer-brandLogo-rating{ font-size: 16px; display: block; color: #ffffff; padding-bottom: 5px; }
.footer-brandLogo-rating i{ color: #f68221; }
.footer-brandLogo:last-child { margin-right: 0px; padding-right: 0px; }
.footer-brandLogo:last-child:before { position: unset; content: unset; }



.cleanAndFlawless-container { padding-left: 15px; padding-right: 15px; }
@media (min-width:576px){ .cleanAndFlawless-container { margin-left: 0; margin-right: 0; } }
@media (min-width:768px){ .cleanAndFlawless-container { margin-left: 0; margin-right: 0; } }
@media (min-width:992px){ .cleanAndFlawless-container { margin-left: 0; margin-right: calc(50vw - 480px); } }
@media (min-width:1200px){ .cleanAndFlawless-container { margin-left: 0; margin-right: calc(50vw - 570px); } }



/*---- Services Portfilio Slider Start ----*/
.showcase-main{ padding: 80px 0px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; }

.showcaseSliderMain{ display: flex; position: relative; }

.showcaseImageMain{ max-width: 720px; } /*Image Main*/
.showcaseImage{ margin: 15px; }
.showcaseImage img{ box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); }

.showcaseBoxMain{ max-width: 580px; position: absolute; right: 0px; bottom: 70px; } /*Data Main*/
.showcaseBox{ background-color: rgba(255, 255, 255, 0.9); border-left: solid 5px #29b9d3; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); padding: 40px 45px; margin: 20px; }
.showcaseBoxTitle{ font-size: 30px; color: #29b9d3; padding-bottom: 15px; }
.showcaseBox p{ font-size: 18px; color: #111111; }

.showcaseBoxMain .servicTitle2 .servicTitle2Sub{ text-align: right !important; padding: 0px 18px; }

#sync2 .owl-dots{ text-align: right; padding: 10px 15px 0px 0px; }
#sync2 .owl-dots .owl-dot.active span{ background-color: #2bd4ed; }
#sync2 .owl-dots .owl-dot span{ background-color: #c3c3c3; width: 13px; height: 13px; margin: 0px 6px; display: inline-block; }
/*---- Services Portfilio Slider End ----*/


.chosen-container-single .chosen-single{ box-shadow: none !important; }
.chosen-container .chosen-results li{ padding: 7px 12px; line-height: 20px; }
.chosen-container .chosen-results li.highlighted{ background-color: #29b9d3 !important; background-image: none !important; color: #ffffff !important; }
.chosen-container-single .chosen-single div b{ background: url("../images/chosenDown.png") no-repeat 0px 50% !important; }
.chosen-container.chosen-with-drop .chosen-single div b{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-position: 10px 50% !important; }

/*.servicesRequireList{ padding-left: 15px; padding-right: 15px; }*/


/*.myCheckbox{  }
.myCheckbox .custom-control-label:before { border-radius: 0px !important; }
.myCheckbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #29b9d3; }
.myCheckbox .custom-control-input:focus ~ .custom-control-label::before { box-shadow: unset; }
.myCheckbox .custom-control-input:checked ~ .custom-control-label::before { border-color: #29b9d3; background-color: #29b9d3; }*/


.success-msg, .error-msg { border-radius: .25rem; padding: .75rem 1.25rem; margin-top: 2rem; margin-bottom: 1rem; display: block; text-align: left; font-weight: bold; }
/*.success-msg:before, .error-msg:before { color: #ffffff; font-family: "Font Awesome 5 Free"; position: absolute; left: 15px; top: 10px; font-size: 18px; }*/
.success-msg { color: #ffffff; background-color: #5be3a4; border: 1px solid #5be3a4; }
/*.success-msg:before { content: "\f058"; font-weight: bold; }*/
.error-msg { color: #ffffff; background-color: #f96179; border: 1px solid #f96179; }
/*.error-msg:before { content: "\f057"; font-weight: bold; }*/



.skyBlueBg1 .servicTitles, .skyBlueBg1 .servicTitles .skyBlue1{ color: #ffffff !important; }
.skyBlueBg1 .servicTitlesData{ color: #ffffff; }


.whatsAppAnim{ margin-right: 12px; }
.whatsAppAnim label{ display: none; }
.whatsAppAnim img{ max-width: 34px; }


/*---- Thank You Page ----*/
.thanksMain{ background-color: #ffffff; border-radius: 40px; box-shadow: 0px 0px 20px rgba(33, 33, 33, 0.2); overflow: hidden; }
.thanks-row { min-height: 500px; }
.thanksLeft{ background-color: #00dff6; border-radius: 0px 130px 0px 0px; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; -moz-transform: rotate(40deg); -webkit-transform: rotate(40deg); -o-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); }
.thanksLeft:before{ content: ""; background-color: #00dff6; width: 60%; height: 100%; position: absolute; left: 0px; top: 62px; bottom: 0px; -moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); }
.thanksLeft img{ -moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); }

.thanksRight{ padding: 0px 0px 0px 100px; max-width: 600px; height: 100%; display: flex; flex-wrap: wrap; align-content: center; }
.thanksRight h4{ color: #12a5c5; font-size: 40px; padding-bottom: 20px; }

.thanks-footer{ display: flex; align-items: center; flex-wrap: wrap; padding-top: 30px; }
.thanks-social{ width: 38px; height: 38px; background-color: #eeeeee; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-size: 20px; }

.facebook { color: #3b5998 !important; }
.twitter { color: #55acee !important; }
.instagram { color: #6a453b !important; }
.linkedin { color: #007ab9 !important; }
.whatsapp { color: #00a817 !important; }

.thanks-footer-whatsapp{ border-left: solid 1px #dbdada; padding: 2px 0px 2px 22px; margin-left: 10px; width: 180px; line-height: normal; text-align: left; }
.thanks-footer-whatsapp a{ display: flex; align-items: center; color: #666666; }
/*---- Thank You Page End ----*/


.development-center{ text-align: center; padding: 40px 0px 60px; position: relative; }
.development-center:before{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100px; border-top: solid 3px #4aefff; content: ""; margin: 0px auto; }


/*---- Blog Pagination ----*/
.pagination-wp{  }
.pagination-wp ul.page-numbers{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.pagination-wp ul.page-numbers li { margin: 5px 8px; }
.pagination-wp ul.page-numbers li .page-numbers{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; }
.pagination-wp ul.page-numbers li .page-numbers:hover, .pagination-wp ul.page-numbers li .page-numbers:focus{ background-color: #eeeeee; }
.pagination-wp ul.page-numbers li .page-numbers.current{ background-color: #29b9d3; color: #ffffff; }
/*---- Blog Pagination End ----*/



/*---- E-commerce New Design ----*/
.ecommerce-solutions{ background-image: url(../images/ecommerce-solutionsBg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
.ecommerce-solutionsBox{ background-color: rgba(137, 137, 137, 0.6); border: solid 1px rgba(255, 255, 255, 0.2); padding: 30px 26px; color: #ffffff; height: 100%; }
.ecommerce-solutionsBox p{ line-height: 1.3 !important; }

.google-clutch-box{ background-color: #ffffff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); padding: 22px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.google-clutch{ text-align: center; font-family: 'ProximaNovaSbold'; font-size: 14px; color: #000000; border-right: solid 1px #eeeeee; }
.google-clutch:last-child{ border-right: 0px; }
.google-clutch-icon{ height: 54px; padding: 0px 30px; }

.platform{ 
    position: relative; width: 100%; padding-right: 15px; padding-left: 15px;
    -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; 
    text-align: center; font-size: 20px; font-family: 'ProximaNovaBold'; color: #000000; text-transform: uppercase;
}
.platform-icon{ margin: 0px auto 20px auto; height: 80px; display: flex; align-items: center; justify-content: center; }

.clientReview{ background-image: url(../images/clientReviewBg.webp); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; width: 480px; height: 100%; min-height: 330px; padding: 80px 70px 30px 80px; position: relative;
    display: flex; flex-wrap: wrap; flex-direction: column; text-align: left; justify-content: center; margin-left: auto; margin-right: auto;
}
.clientReview small{ font-size: 16px; color: #25b9d7; font-family: 'ProximaNovaSbold'; padding-left: 25px; position: relative; }
.clientReview small:before { position: absolute; left: 0px; top: 12px; content: ""; background-color: #25b9d7; height: 1px; width: 16px; }
.clientReview small span{ font-size: 14px; color: #b7b8b8; font-family: 'ProximaNovaRegular'; padding-left: 5px; }

.clientReview-thumb{ width: 104px; height: 104px; border-radius: 50%; overflow: hidden; background-color: #cccccc; position: absolute; top: -15px; }

.clientReview-carousel{ height: 100%; }
.clientReview-carousel .owl-nav .owl-prev{ position: absolute; left: 0px; top: calc(100% - 50%); /*transform: translateY(50%);*/ }
.clientReview-carousel .owl-nav .owl-next{ position: absolute; right: 0px; top: calc(100% - 50%); /*transform: translateY(50%);*/ }
.clientReview-carousel .owl-nav .owl-prev, .clientReview-carousel .owl-nav .owl-next { width: 44px; height: 44px; border-radius: 50%; background-color: #eeeeee !important; color: #929090 !important; display: flex; align-items: center; justify-content: center; }
.clientReview-carousel .owl-nav .owl-prev:hover, .clientReview-carousel .owl-nav .owl-next:hover { background-color: #25b9d7 !important; color: #ffffff !important; }
.clientReview-carousel .owl-stage-outer, .clientReview-carousel .owl-stage, .clientReview-carousel .owl-item , .clientReview-carousel .item { height: 100%; }
.clientReview-carousel .item { padding-top: 16px; }
/*---- E-commerce New Design End ----*/


.benefitsServices{ margin-bottom: 20px; }
.benefitsServices:last-child{ margin-bottom: 0px; }
.benefitsServicesBox{ border: solid 2px #013239; margin-right: 18px; font-size: 24px; width: 100%; max-width: 200px; padding: 15px; display: flex; align-items: center; flex-wrap: wrap; line-height: 1.3; min-height: 86px; }

.benefitsServices.fulldata { display: table !important; width: 100%; border: solid 2px #013239; padding: 30px; }
.benefitsServices.fulldata > [class*="font-"] { line-height: 1.3 !important; }
.benefitsServices.fulldata .benefitsServicesBox { margin: 0px 0px 5px 0px; max-width: 100%; min-height: unset; border: 0px; padding: 0px; }


.number-custom-Box{ position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; }
.number-custom-Box:nth-child(-n+2) { margin-top: 0px; }
.number-custom{ font-family: 'ProximaNovaXbold'; color: #dddddd; font-size: 50px; line-height: normal; -ms-flex: 80px; flex: 80px; max-width: 80px; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; margin-right: 5px; }
.number-custom-Box-data { flex-basis: 0; flex-grow: 1; }
.number-custom-Box-data p { color: #000000; padding-top: 8px; }
.number-custom-Box-data-title { font-size: 20px; font-family: 'ProximaNovaSbold'; line-height: 1.3; color: #000000; display: block; }


.planBox{ background-color: #ffffff; padding: 35px; box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.1); border-radius: 12px; overflow: hidden; }

.borderLight{ border-top: solid 12px #4af0ff; }
.borderMedium{ border-top: solid 12px #2bd3ec; }
.borderDark{ border-top: solid 12px #29b9d3; }

ul.planServices{ max-height: 250px; overflow: hidden; position: relative; transition: max-height ease-in-out .5s; margin-bottom: 30px; list-style-type: none; }
ul.planServices:after{  
    content: ""; height: 100px; bottom: 0; width: 100%; left: 0; position: absolute; z-index: 1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
    transition: none;
}
ul.planServices.open{ max-height: unset !important; }
ul.planServices.open:after{ content: unset; position: unset; display: none; visibility: hidden; }
ul.planServices li{ position: relative; padding: 0px 0px 14px 30px; color: #000000; font-size: 16px; }
ul.planServices li:last-child{ padding-bottom: 0px; }
ul.planServices li:before{ position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f00c"; color: #1bcc87; font-weight: bold; }
.planMuted{ text-decoration: line-through; opacity: .7; }
.planMuted:before{ content: "\f00d" !important; color: #f05f5c !important; }
.view-all-service { margin-bottom: 20px; cursor: pointer; text-decoration: underline; }


.webdesign-icon{ height: 125px; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 15px; }

/*Remove Class
ourSupportWebDevelopmentMain*/


/*Eight Services*/
.section-padding100 { padding: 100px 0px; }

.letterSpacing { letter-spacing: unset !important; }
.letterSpacing1 { letter-spacing: 1px !important; }

.rowwithSpace20 { margin-left: -20px; margin-right: -20px; }
.rowwithSpace20 > [class*="col-"] { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; }

.linkArrow2{ position: relative; padding-right: 25px; font-size: 20px; color: #29b9d3; }
.linkArrow2:before{ position: absolute; top: 0; right: 5px; font-family: "Font Awesome 5 Free"; content: "\f061"; font-size: 14px; font-weight: bold; -webkit-transition: all 200ms ease; -moz-transition: all ease 200ms; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.linkArrow2:hover:before{ right: 0px; }
.linkArrow2:hover{ color: #000000; }


.serviceEight-bannermain{ color: #000000; height: 760px; padding: 50px 0px; }
/*.serviceEight-banner{ display: -ms-flexbox; display: flex; align-items: center; height: 100%; }*/
.serviceEight-bannerData{ /*-ms-flex: 1; flex: 1; padding: 100px 100px 100px 0px;*/ }
.serviceEight-bannerData h1{ font-size: 70px; font-family: 'ProximaNovaBold'; line-height: 1.1; margin-bottom: 15px; text-transform: capitalize; }
.serviceEight-bannerData p{ color: #000000; max-width: 800px; padding-bottom: 40px; }
.serviceEight-bannerImage{ text-align: center; }


.jhk-stats{ background-color: #29b9d3; padding: 30px 0px; }
.jhk-stats .row.dotline [class*='col-']:not(:first-child):after { /*background: #ffffff; width: 1px;*/ border-right: dashed 1px #ffffff; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }

.jhk-states-digits{ font-family: 'ProximaNovaSbold'; text-align: center; color: #ffffff; }
.jhk-states-digits span{ font-size: 60px; line-height: normal; }
.jhk-states-digits span sup{ top: -.3em; }
.jhk-stats-head{ font-size: 15px; letter-spacing: 2px; text-transform: uppercase; }

/*New*/
.jhk-stats.statsTwo{ background-color: #000000; background-image: url(../images/statsTwoBg.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
.jhk-stats.statsTwo .row.dotline [class*='col-']:not(:first-child):after { border-right: solid 1px #ffffff; }
.jhk-stats.statsTwo .jhk-states-digits span{ color: #29b9d3 !important; }
/*New End*/

/*theme4*/
.statsFour{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+30,cee7ec+100&0+30,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 30%, rgba(206,231,236,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 30%,rgba(206,231,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 30%,rgba(206,231,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cee7ec',GradientType=0 ); /* IE6-9 */
}



.serveBox{ background-color: #f7f8f9; text-align: center; position: relative; padding-top: 100%; 
    -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
}
.serveBox p{ font-family: 'ProximaNovaSbold'; font-size: 22px; color: #000000; padding: 0px; position: absolute; bottom: 20px; 
    -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
}
.serveIcon{ height: 84px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }
.serveIcon img{    
    filter: saturate(0%) grayscale(100%) brightness(45%) contrast(300%); height: 100%;
    -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
}
.serveBoxData{ position: absolute; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.serveBox:hover { background-color: #000000; }
.serveBox:hover p { color: #ffffff; }
.serveBox:hover .serveIcon img{ filter: unset; -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }

/*New*/
.serveBox.serveBoxTwo{ background-color: transparent; position: unset; padding: 0px; }
.serveBox.serveBoxTwo .serveBoxData{ position: unset; display: unset; text-align: center; }
.serveBox.serveBoxTwo .serveIcon{ width: 206px; height: 206px; border-radius: 60px; background-color: #29b9d3; display: flex; align-items: center; justify-content: center; margin: 0px auto 10px; -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
.serveBox.serveBoxTwo .serveIcon img{ filter: unset !important; }
.serveBox.serveBoxTwo:hover .serveIcon{ background-color: #000000; }
.serveBox.serveBoxTwo .serveIcon img{ max-height: 84px; }
.serveBox.serveBoxTwo p{ position: unset !important; color: #000000 !important; }
/*New End*/


.appserviceBox{  }
.appserviceBox .developmentalBoxIcon{ margin-bottom: 25px; }
.appserviceBox h5 { font-size: 22px; font-family: 'ProximaNovaBold'; color: #000000; position: relative; padding-bottom: 20px; }
.appserviceBox h5:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 2px; background-color: #12a5c5; }


/*.trustedby{ display: -ms-flexbox; display: flex; align-items: center; height: 100%; }
.trustedby-title-main{ flex-grow: 0; flex-shrink: 0; flex-basis: 260px; }*/
.trustedby-title{ position: relative; font-size: 18px; padding-left: 60px; }
.trustedby-title:before { content: ""; position: absolute; left: 0px; top: 50%; width: 45px; height: 2px; background-color: #6a6767; }

.trustedbyBox {  }
.trustedbyBox img{ width: auto !important; }

.trustedbyCarousel{ padding-right: 200px; }
.trustedbyCarousel .owl-nav{ position: absolute; right: 0px; top: calc(50% - 15px); transform: line-height: normal; display: flex; }
.trustedbyCarousel .owl-nav .owl-prev, .trustedbyCarousel .owl-nav .owl-next { 
    font-size: 14px !important; background-color: #000000 !important; color: #ffffff !important; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-left: 10px;
}
.trustedbyCarousel .owl-nav .owl-prev:hover, .trustedbyCarousel .owl-nav .owl-next:hover { background-color: #29b9d3 !important; }
/*--Owl Item Same Height--*/
.trustedbyCarousel.owl-carousel .owl-stage{ display: flex; }
.trustedbyCarousel.owl-carousel .owl-item { display: flex; align-items: center; justify-content: center; }


.why-choose-us{ background-color: #0d0d0d; padding: 30px 0px; overflow: hidden; }
.why-choose-us-data{ background-image: url(../images/why-choose-us-bg.webp); background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 80px 0px; height: 100%; }


/*--- FAQs ---*/
.service-faq{ padding-top: 30px; max-width: 960px; margin: 0px auto; }
.service-faq .card { border-radius: 0px; border: solid 2px #f1f1f1 !important; margin-top: 10px; }
.service-faq .card:first-child { margin-top: 0px; }
.service-faq .card .card-header { padding: 0px; border-radius: 0px; border: 0px; color: #000000; font-size: 20px; background-color: transparent; }
.service-faq .card .card-header .btn-header-link { display: block; text-align: left; padding: 25px 50px 25px 25px; border-radius: 0px; color: #000000; /*color: #29b9d3;*/ text-decoration: none; font-size: 20px; line-height: 1.5; position: relative; }
/*.service-faq .card .card-header .btn-header-link.collapsed { color: #000000; }*/
.service-faq .card .card-header .btn-header-link:after { content: "\f068"; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 20px !important; color: #29b9d3; line-height: 20px; position: absolute; right: 25px; top: 28px; transition: all 250ms; }
.service-faq .card .card-body{ padding: 0px 25px 25px 25px;  }
.service-faq .card .card-body p{ font-size: 18px; color: #333333; }
.service-faq .card .card-header .btn-header-link.collapsed:after { content: "\f067"; }/*plus*/
.service-faq .card .collapsing { background-color: transparent !important; }
.service-faq .card .collapse { border: 0; }

.service-faq .card .card-header .btn-header-link:hover:after{ color: #ffffff !important; background-color: #333333 !important; }

.service-faq .card .card-body .listPointThree2:last-child { margin-bottom: 0px; }
.service-faq .card .card-body .listPointNumber:last-child { margin-bottom: 0px; }
/*.service-faq .card .collapse.show {  }*/

/*New*/
.service-faq .card { border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin-top: 0px; }
.service-faq .card:last-child { border-bottom: 0px !important; }
.service-faq .card .card-header .btn-header-link{ padding-left: 10px; padding-top: 35px; padding-bottom: 35px; font-family: 'ProximaNovaSbold'; }
.service-faq .card .card-header .btn-header-link:after {
    font-size: 18px !important; color: #ffffff; right: 10px; top: 30px; background-color: #29b9d3; border-radius: 50%;
    width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
}
.service-faq .card .card-header .btn-header-link.collapsed:after {
    color: #333333; background-color: #eeeeee;
}
.service-faq .card .card-body{ padding-left: 10px; padding-right: 10px; padding-bottom: 35px; }
@media (max-width: 767px) {
    .service-faq .card .card-header .btn-header-link{ padding: 30px 50px 30px 0px !important; }
    .service-faq .card .card-header .btn-header-link:after { right: 0px !important; }
    .service-faq .card .card-body { padding: 0px 0px 20px 0px !important; }
}
@media (max-width: 575px) {
    .service-faq .card .card-header .btn-header-link:after { top: 25px !important; }
}
/*New End*/

/*--- FAQs End ---*/

.blog-forservices{  }
.blog-forservices .blogPartBoxImage{ height: 300px; }
.blog-forservices .blogPartBoxImage img{ box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1); }

.dream-projectBg{ background-image: url(../images/dream-projectBg.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; }


/*image overly*/
.imagewithOverly{ position: relative; }
.imagewithOverly:before{ content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); }
/*image overly end*/


.serviceColorBoxMain{  }
.serviceColorBox{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.serviceColorBoxIcon{ margin: 0px 30px; width: 180px; height: 180px; border-radius: 40px; display: flex; align-items: center; justify-content: center; background-color: #5d7178; }
.serviceColorBoxIcon img{ max-height: 80px; filter: brightness(0) invert(1); }
.serviceColorBoxData{ -ms-flex: 1; flex: 1; }

.serviceColorBoxMain [class*='col-']:nth-child(odd) .serviceColorBox { text-align: right; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.serviceColorBoxMain [class*='col-']:nth-child(odd) .serviceColorBoxIcon { margin-right: 20px; }
.serviceColorBoxMain [class*='col-']:nth-child(even) .serviceColorBoxIcon { margin-left: 20px; }

.serviceBoxColor-01{ background-color: #5d7178; }
.serviceBoxColor-1{ background-color: #00a28a; }
.serviceBoxColor-2{ background-color: #f25864; }
.serviceBoxColor-3{ background-color: #f38f20; }
.serviceBoxColor-4{ background-color: #99be3b; }
.serviceBoxColor-5{ background-color: #af71b0; }


.servics8SeprateImage{ position: relative; z-index: 1; min-height: 750px; padding-top: 50px; padding-bottom: 50px; }

.servics8TitFrame{ position: relative; padding-top: 30px; }
.servics8TitFrame:before { content: ""; position: absolute; left: -40px; top: 0px; border-top: solid 8px #29b9d3; width: 120px; }
.servics8TitFrame:after { content: ""; position: absolute; left: -40px; top: 0px; border-left: solid 8px #29b9d3; width: 8px; height: 92%; }

.servics8Image{ z-index: 0; position: relative; height: 100%; }
.servics8Image img{ object-fit: cover; object-position: right; }
.fliphX{ -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/ }

.servics8ImageShadow{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; }
.servics8ImageShadow:after{ 
    position: absolute; left: 0px; top: 0px; content: ""; width: 100%; height: 100%; z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,333333+100&0+0,1+100 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(51,51,51,1) 47%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,1) 47%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(51,51,51,1) 47%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.servics8SeprateImage2{ position: relative; min-height: 700px; }
.servics8SeprateImage2:after { 
    content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 146px; /*height: 395px;*/
    background-image: url(../images/jhk-vertical.png);
    background-repeat: no-repeat;
    background-position: left center;    
}
.servics8Image2{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; }
.servics8Image2-body{ padding-top: 100px; padding-bottom: 100px; position: relative; }
.servics8Image2-body:after{ content: ""; position: absolute; right: -100px; top: 0px; bottom: 0px; background-color: #333333; border: solid 25px #333333; box-shadow: inset -1px 0px 0px 1px #16c3e2; width: 100%; height: 100%; border-radius: 0px 100% 100% 0px; }
.servics8Image2-body:before{ content: ""; position: absolute; left: 100px; top: 0px; bottom: 0px; width: 60%; height: 100%; z-index: 1; background-color: #333333; }
.servics8Image2-data{ position: relative; z-index: 2; padding: 50px 50px 50px 0px; }
/*Eight Services End*/


/*Eight Services Theme 2*/
.radius16 { border-radius: 16px; }
.servics8-sixLeft { background-color: #000000; padding: 40px; height: 100%; position: relative; overflow: hidden; display: table-cell; vertical-align: middle; }
.servics8-sixLeft:before { background-color: #f2f0f0; position: absolute; right: -28px; top: 46%; bottom: 0px; content: ""; width: 50px; height: 50px; 
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.servics8-them2sixbox { padding-top: 80%; position: relative; height: 100%; }
.servics8-them2sixbox:before { counter-increment: section; content: "0" counter(section) " "; 
    font-family: 'ProximaNovaBold'; font-size: 60px; color: rgba(0, 0, 0, 0.1); position: absolute; right: 16px; top: 10px; line-height: normal;
}
.servics8-them2sixboxData { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; color: #ffffff; padding: 30px; display: flex; flex-wrap: wrap; }
.filterImgWhite{ max-height: 80px; filter: brightness(0) invert(1); }

.servics8-them2-halfblubg{ width: calc(100% - 20%); background-color: #29b9d3; border-radius: 10px; position: absolute; left: 15px; right: 15px; top: -50px; bottom: -50px; }
.servics8-them2-halfblubgImage {  }
.servics8-them2-halfblubgImage img{ object-fit: cover; max-height: 508px; }

.servics8-them2Tit{ position: relative; }
.servics8-them2Tit:before { content: ""; position: absolute; left: -56px; top: 7px; width: 31px; height: 56px; 
    background-image: url(../images/them2Tit.png); background-repeat: no-repeat; background-position: left center;
}
.servics8-them2-jhk{ background-color: #ffffff; width: 100%; padding-top: 120px; }
.servics8-them2-jhkImage { }
.servics8-them2-jhkImage-col { position: absolute; bottom: -70px; right: 40px; }
.servics8-them2-jhkImage img { object-fit: cover; max-height: 590px; }
.servics8-them2-jhk-databox{ position: relative; z-index: 2; margin-top: 50px; margin-bottom: -30px; }
.servics8-them2-jhk-databoxBg { background-color: #ffffff; padding: 50px 40px 15px 0px; }


.servics8-them2-serveBoxTabl{  }
.servics8-them2-serveBoxTabl tr td{ padding-top: 0px; border: 0px; vertical-align: middle; }

/*Eight Services Theme 2 End*/


.theme4-services-image{ /*position: absolute;*/ }
.theme4-services-image img{ width: 100%; height: 100%; object-fit: cover; }

.theme4-services-contain{ position: absolute; left: 0px; right: 0px; top: 0px; /*bottom: 0px;*/ color: #ffffff; padding: 120px 0px 0px 0px; height: 100%; }

.theme4-services-slider-main{ position: absolute; left: 15px; right: 15px; bottom: 0px; background-color: #ffffff; border-radius: 25px 25px 0px 0px; padding: 70px 70px 0px; color: #000000; }
.theme4-servicesCarousel{ padding-bottom: 80px; }
.theme4-servicesCarousel .owl-nav{ position: absolute; right: -30px; bottom: -28px; }
.theme4-servicesCarousel .owl-nav .owl-prev{ margin: 0px 10px; }
.theme4-servicesCarousel .owl-nav .owl-next{ margin: 0px 10px; }
.theme4-servicesCarousel .owl-nav button {  }
.theme4-servicesCarousel .owl-nav button:hover { color: #29b9d3; }

.theme4-services-slider-main #counter{ 
    letter-spacing: 5px; font-family: 'ProximaNovaSbold'; font-size: 20px; position: absolute; top: 40px; right: 15px;
    -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.theme4-services-slider-main #counter:before { 
    content: ""; position: absolute; top: -26px; right: -60px; width: 1px; height: 80px; background-color: #29b9d3;
    -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}

.theme4-servicesCarouselBox{  }
.theme4-servicesCarouselBox .media{ padding-bottom: 20px; }
.theme4-servicesCarouselBox img{ max-width: 56px; /*filter: brightness(10) invert(1);*/ filter: brightness(0) saturate(100%); margin-right: 20px; }

.servics8-them4-imgtxt { margin-right: 30px; position: relative; padding: 70px 50px 70px 70px; }
.servics8-them4-imgtxt:before { content: ""; width: 45%; height: 100%; background-color: #eeeeee; position: absolute; left: 0px; top: 0px; bottom: 0px; }
.servics8-them4-imgtxt:after { content: ""; position: absolute; right: 7px; bottom: 25px; width: 196px; height: 196px; background-image: url(../images/servics8-them4-imgtxt-pett.png); background-repeat: no-repeat; background-position: right bottom; }
.servics8-them4-imgtxt img { position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 1; }


.servics8-them4-imgtxt-two{ padding: 15px 0px; position: relative; margin: 30px 0px 100px; }
.servics8-them4-imgtxt-two:before{ content: ""; width: 100%; max-width: 430px; height: 100%; background-color: #eeeeee; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; }

.servics8-them4-imgtxt-two-image{ position: relative; margin-right: 30px; padding: 48px 0px 48px 48px; }
.servics8-them4-imgtxt-two-image img { position: relative; z-index: 1; }
.servics8-them4-imgtxt-two-image:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 196px; height: 196px; background-image: url(../images/servics8-them4-imgtxt-pett.png); background-repeat: no-repeat; background-position: right bottom; }

.servics8-them4-imgtxt-two-box{ background-color: #ffffff; padding: 50px; max-width: 550px; }

/*============================== Mobile App Development Company New York - Chris ========================*/
    .madny-hero-section{ background:url(../images/mobile-app-dev-NY-banner-1.webp) repeat-y center center / 100%; }
    .cp-title-1{ color: #000; font-family: 'ProximaNovaXbold' !important; font-size: 50px !important; line-height: 1.3 !important; }
    .mob-app-dev-sec-section { background: #F6F6F6; padding-block: 100px; }
    .cp-title-2 { font-family: 'ProximaNovaBold'; font-size: 40px; color: #000; }
    .cp-divider-1 { height: 3px; width: 90px; background: #29B9D3; display: table; margin-top: 40px; }
    .mad-sec-section-col-img-holder { flex-basis: 130px; max-width: 130px; flex-grow: 0; }
    .mad-sec-section-col-img-holder-inner { width: 100%; padding-top: calc(100% - 4px); position: relative; background: #fff; border-radius: 100%; overflow: hidden; border: solid 2px #EEEEEE; }
    .mad-sec-section-col-img-holder-inner > img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto; max-width: 90px; }
    .mad-sec-section-col-cntnt-holder { flex-basis: 0; flex-grow: 1; padding-left: 32px; }
    .cp-title-3 { font-size: 24px; color: #000; font-family: 'ProximaNovaBold'; }
    .mad-sec-section-col-cntnt-holder > p { font-size: 18px; color: #000000; }
    .mob-app-dev-sec-section-col { margin-bottom: 45px; }
    .mob-app-dev-sec-section-row{ margin-top: 64px; }
    .mad-third-section{ padding-block: 80px; }
    .mad-third-section-col-1 p { font-size: 26px; color: #000; }
    .mad-third-section-col-1-inner{max-width: 610px;}
    .mad-third-section-row{margin-bottom: 140px;}
    .mad-fourth-section-container{background: #333333; padding-block: 70px 10px; border-radius: 8px;}
    .mad-fourth-section-container .cp-title-2{max-width: 588px;}
    .mad-fs-col-icon-holder { flex-basis: 80px; max-width: 80px; flex-grow: 0; }
    .mad-fs-col-cntnt-holder { flex-basis: 0; flex-grow: 1; padding-left: 30px; max-width: 465px; }
    .mad-fs-col-cntnt-holder > p { font-size: 20px; }
    .mad-fourth-section-row{margin-top: 80px;}
    .mad-fourth-section-col{margin-bottom: 90px;}
    .mad-cta-promo-section-inner{border-radius: 30px; overflow: hidden; border:dashed 3px #29B9D3; padding-block: 75px;}
    .mad-cta-promo-section{padding-block: 120px;}
    .cp-title-4 { font-size: 26px; color: #000; font-family: 'ProximaNovaBold'; }
    .mad-cta-promo-col > p { font-size: 20px; color: #000; max-width: 490px; }
    .cp-pill-btn-1 { border-radius: 50px; border: 3px solid #000; padding: 17px 65px; font-size: 22px; font-family: 'ProximaNovaBold'; line-height: 1; transition: all 0.3s; background: transparent; color: #000; text-decoration: none; }
    .cp-pill-btn-1:hover { background: #000; color: #fff; transition: all 0.3s; }
    .cp-title-5 { font-size: 30px; color: #000; font-family: 'ProximaNovaBold'; }
    .cp-cntnt-1{ font-size: 20px; }
    .cp-divider-2{ width: 100%; max-width: 800px; height: 2px; background: #D9D9D9; margin-block:75px; }
    
    .mad-process-col-top-left { flex-basis: 70px; max-width: 70px; flex-grow: 0; }
    .mad-process-col-top-right { flex-basis: 0; flex-grow: 1; padding-bottom: 35px; }
    .mad-process-row .mad-process-col { counter-increment: columnCounter; }
    .mad-process-number::before { content: counter(columnCounter); color: #fff; text-shadow: -1px 0px #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC; font-family: 'ProximaNovaBold'; font-size: 100px; line-height: 1; }

    .text-cyan-1 { color: #29B9D3; }
    .list-dot { position: relative; }
    .list-dot::before { content: ""; width: 10px; height: 10px; border-radius: 100%; background: #000; display: block; position: absolute; top: 10px; left: 0; }
    .cp-cntnt-2 { font-size: 18px; }
    .text-black{ color: #000 !important; }
    .mad-process-row { padding-block: 50px 120px; }
    .bg-grey-1 { background: #F5F5F5 !important; }
    .mad-ind-serve-section .serveBox.serveBoxTwo .serveIcon { border-radius: 100%; background: #000; width: 140px; height: 140px; }
    .mad-ind-serve-section .serveBox.serveBoxTwo .serveIcon > img { max-height: 65px; width: auto; }
    .mad-ind-serve-section .serveBox.serveBoxTwo p { font-size: 18px; }
    .object-fit-cover{ object-fit: cover !important; }
    .mad-portfolio-col-inner { text-decoration: none; width: 100%; display: block; height: 100%; }
    .mad-portfolio-img-holder { height: 500px; overflow: hidden; margin-bottom: 25px; }
    .mad-portfolio-title { font-size: 18px; font-family: 'ProximaNovaBold'; display: table; position: relative; padding-right: 45px; }
    .mad-portfolio-title::after { content: ""; width: 26px; height: 15px; position: absolute; top: 3px; right: 5px; background: url(../images/right-arrow-1.webp) no-repeat center center / 100%; transition: all 0.2s; }
    .mad-portfolio-col-inner .mad-portfolio-img-holder img{ transform: scale(1); transition: all 0.2s; }
    .mad-portfolio-col-inner:hover .mad-portfolio-img-holder img{transform: scale(1.05); transition: all 0.2s;}
    .mad-portfolio-col-inner:hover .mad-portfolio-title::after{right:0; transition: all 0.2s;}
    .mad-portfolio-row{margin-block: 60px;}
    .mad-why-choose-jhk-section { background: #000000; padding-top: 90px; }
    .mad-why-choose-jhk-section > .cp-title-2{max-width: 677px;}
    .list-style-disc,.list-style-disc li{list-style-type: disc !important;}
    .opacity-85{ opacity: 0.85; }
    .cp-title-6 { font-size: 20px; color: #000; font-family: 'ProximaNovaBold'; }
/*============================== / Mobile App Development Company New York - Chris / ========================*/


.mobile-technologies-icon{ max-width: 100px; margin: 0px auto 10px; }

.tech-iconbox{ text-align: center; box-shadow: 0 0 8px #d3d3d3; padding: 10px 0px; background-color: #fff; border-radius: 15px; margin-bottom: 30px; transition: all .4s ease; }
.tech-icon{ background-image: url(../images/tech-icon.png); background-repeat: no-repeat; width: 100px; height: 100px; display: block; margin: 0px auto 10px; }
.tech-icon.wordpress { background-position: -610px -264px; }
.tech-icon.php { background-position: -130px -391px; }
.tech-icon.magento { background-position: -490px -10px; }
.tech-icon.bootstrap { background-position: -130px -137px; }
.tech-icon.html { background-position: -10px -264px; }
.tech-icon.css { background-position: -370px -10px; }

.tech-icon.js { background-position: -250px -264px; }
.tech-icon.materialize { background-position: -490px -137px; }
.tech-icon.codeigniter { background-position: -250px -137px; }
.tech-icon.woocommerce { background-position: -610px -137px; }
.tech-icon.react_js { background-position: -250px -391px; }
.tech-icon.sql { background-position: -490px -391px; }

.tech-icon.ajax { background-position: -130px -10px; }
.tech-icon.jquery { background-position: -130px -264px; }
.tech-icon.shopify { background-position: -370px -391px; }
.tech-icon.g_analytics { background-position: -10px -137px; }
.tech-icon.g_adwords { background-position: -5px 0; }
.tech-icon.amp { background-position: -250px -10px; }

.tech-icon.opencart { background-position: -490px -264px; }
.tech-icon.payment_gat { background-position: -10px -391px; }
.tech-icon.g_api { background-position: -370px -137px; }
.tech-icon.web_service { background-position: -610px -10px; }
.tech-icon.xml { background-position: -610px -391px; }
.tech-icon.json { background-position: -370px -264px; }
@media (max-width: 575px) { 
    .tech-icon-gap{ margin-inline: -10px; }
    .tech-icon-gap .col-6{ padding-inline: 10px; }
    .tech-iconbox .font-16{ font-size: 14px !important; }
}



.letter-spacing--10{ letter-spacing: -0.10px; }
.letter-spacing--20{ letter-spacing: -0.20px; }
.letter-spacing-20{ letter-spacing: 0.20px; }



/*
font-family: 'ProximaNovaThin';
font-family: 'ProximaNovaRegular';
font-family: 'ProximaNovaSbold';
font-family: 'ProximaNovaBold';
font-family: 'ProximaNovaXbold';

font-family: "Font Awesome 5 Free";
*/



/*---Responsive---*/


/*Min Width Start*/
@media only screen and (min-width: 1130px){
    .container1130 { max-width: 1130px; }
}
@media only screen and (min-width : 1200px) {
    .container { max-width: 1200px; }

    .col-5{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}

@media only screen and (min-width: 1390px){
    .container1390 { max-width: 1390px; }
}
@media only screen and (min-width: 1570px){
    .container1570 { max-width: 1570px; }
}


/*Max Width Start*/
@media (max-width: 1800px) {

    /*---- Service Branding ----*/
    .skyBlue90Left:before { width: 90%; }
    .skyBlue90Right:before { width: 90%; }
}

@media (max-width: 1600px) { 
    /*---- 26-08-2022----*/
    .menuMain .nav-link{ padding: 18px 14px !important; }

    /*.mainSliderNew .carousel-caption h2 { font-size: 45px; }
    .mainSliderNew .carousel-caption h2 small{ font-size: 25px; padding-top: 15px; }*/

    .ourServiceBoxTitle { font-size: 24px; top: 45px; }
    .ourServiceBoxImage { height: 450px; }
    
    .welcomeJhkMain { padding: 100px 0px; }

    .getinTouchAndNewsletterData { padding: 50px 0px; }

    /*---- Footer ----*/
    .footerMain{ padding-top: 80px; }
    .copyRight{ margin-top: 50px; padding: 30px 0px; }

    /*---- Service Branding ----*/


    /*--------------------------------- New Design Start ---------------------------------*/
    .welcomeJhkNewTextTitle { font-size: 40px; }
    .mainSliderNewData{ min-height: 550px; }

    .subTitleFour h1 { font-size: 45px; padding-bottom: 15px; }

    .comonSpaceFour { padding: 60px 0px 70px; }


    /*Eight Services*/
    .container1570 { max-width: calc(100% - 30px) !important; }

    .section-padding100 { padding: 70px 0px; }

    .serviceEight-bannermain{ height: 700px; }
    .serviceEight-bannerData h1 { font-size: 60px; }

    .appserviceBox h5 { font-size: 20px; }

    .blog-forservices .blogPartBoxImage { height: 260px; }
    /*Eight Services End*/

    /*============================== Mobile App Development Company New York - Chris ========================*/
    .cp-title-1 { font-size: 45px !important; }
    .mad-portfolio-img-holder { height: 400px; }
    /*============================== // Mobile App Development Company New York - Chris // ========================*/
}
/*1600 End*/

@media (max-width: 1400px) {
    .welcomeJhkMain { padding: 90px 0px; }

    .clientsTrusted h3{ font-size: 34px; }

    .quoteIconAndLine{ margin: 25px 0px; }

    /*---- Footer ----*/
    .footerMain { padding-top: 60px; }
    .copyRight { margin-top: 30px; padding: 25px 0px; }


    /*---- Service Branding ----*/
    .skyBlue90Left:before { width: 95%; }
    .skyBlue90Right:before { width: 95%; }

    /*--------------------------------- New Design Start ---------------------------------*/
    .mainSliderNewData{ min-height: 500px; }
    .mainSliderNewData h1{ font-size: 38px; }
    .mainSliderNewData p{ font-size: 20px; }
    
    .subTitleThree { padding-bottom: 30px; }
    .subTitleThreeTitle { font-size: 40px; padding: 20px 0px 0px 0px; }

    .titleHedTwo small { font-size: 20px; }
    .titleHedTwo h2, .titleHedTwo h4, .titleHedTwo .titleHedTwoTitle { font-size: 40px; }
    .testimonialBox .name { font-size: 20px; }
    .testimonialBox small { padding: 5px 0px 10px 0px; }

    .subTitleFour { padding-bottom: 30px; }
    .subTitleFour h1 { font-size: 40px; padding-bottom: 12px; }
    .subTitleFour h2, .subTitleFour h3, .subTitleFour h4, .subTitleFour .subTitleFourTitle { font-size: 36px; padding-bottom: 10px; }
    .subTitleFour .font-22 { font-size: 20px !important; }
    .subTitleFour .font-20 { font-size: 18px !important; }

    .futureFocusedImage h4{ font-size: 36px; padding-bottom: 10px; }

    /* .menuMain .nav-link{ padding: 18px 16px !important; } */
    .menuMain .nav-link{ padding: 18px 12px !important; }

    .font-30 { font-size: 28px !important; }
    .font-32 { font-size: 30px !important; }


    /*Eight Services*/
    .serveBox p { font-size: 20px; }
    .serveBox.serveBoxTwo .serveIcon { width: 170px; height: 170px; border-radius: 50px; }


    .serviceColorBoxMain [class*='col-']:nth-child(odd) .serviceColorBoxIcon { margin-right: 10px; }
    .serviceColorBoxMain [class*='col-']:nth-child(even) .serviceColorBoxIcon { margin-left: 10px; }
    .serviceColorBox{ align-items: flex-start; }
    .serviceColorBoxIcon { width: 150px; height: 150px; }

    .servics8SeprateImage{ min-height: 700px; }

    /*Eight Services End*/

    /*Eight Services Theme 2*/
    .servics8-them2-jhk{ padding-top: 50px; }
    .servics8-them2-jhk img{ max-width: 220px; }
    .servics8-them2-jhkImage-col{ bottom: -40px; right: 30px; }
    .servics8-them2sixbox{ padding-top: 100%; }
    .servics8-them2-halfblubg{ top: -30px; bottom: -30px; }
    /*Eight Services Theme 2 End*/
    /*============================== Mobile App Development Company New York - Chris ========================*/
    .mad-sec-section-col-img-holder { flex-basis: 100px; max-width: 100px; }
    .mad-sec-section-col-img-holder-inner > img { max-width: 60px; }
    .cp-title-2 { font-size: 36px; }
    .mad-third-section-col-1 p { font-size: 22px; }
    .mad-third-section-row { margin-bottom: 50px; }
    .mad-fs-col-icon-holder { flex-basis: 60px; max-width: 60px; }
    .mad-portfolio-img-holder { height: 350px; }
    /*============================== // Mobile App Development Company New York - Chris // ========================*/

}
/*1400 End*/

@media (max-width: 1299px) {
    .row30 { margin-left: -15px; margin-right: -15px; }
    .row30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }


    .jhkTitle { padding-bottom: 16px; }
    .jhkTitle h1 small { font-size: 18px; }
    .jhkTitle h1 { font-size: 38px; }

    .headerMain{ padding: 20px 10px; }
    .menuMain .nav-link { padding: 18px 5px !important; }
    /* .menuMain .nav-link { padding: 18px 12px !important; } */

    .innerWrapper { /*padding: 90px 0px 0px 0px;*/ }
    .comonSpaceTwo { padding: 80px 0px; }
    /*.comonSpaceFour{ padding: 60px 0px 50px; }*/

    .aboutThreePoint { padding-top: 90px; }

    .blogDetailsTitle{ width: 50%; }
    .blogDetailsTitle h1 { font-size: 36px; }
    .blogDetailsTitle h4 { font-size: 15px; padding-bottom: 15px; }
    

    /*---- Service Branding ----*/
    .subTitleTwo h3, .subTitleTwo h4, .subTitleTwo h2, .subTitleTwo .subTitleTwoTitle{ font-size: 34px !important; margin: 0px 0px 40px 0px; }
    .othersDesign p { font-size: 20px !important; }
    .brandingLogoDesign p { line-height: 32px; }


    .skyBlue90Left:before { width: 100%; }
    .skyBlue90Right:before { width: 100%; }

    /*---- Currency Remit App ----*/
    .ourCurrencyLabel{ padding: 60px 130px 60px 60px; max-width: 650px; bottom: -120px; }
    .ourCurrencyCarousel .owl-nav .owl-prev, .ourCurrencyCarousel .owl-nav .owl-next { width: 80px; height: 80px; font-size: 26px !important; }

    .foreignCurrency .foreignCurrency-icon { min-width: 130px; }
    .foreignCurrency .media .media-body { font-size: 26px; }

    .agencyBankingGroup h4 { font-size: 20px; padding: 18px 26px 14px; }

    .agencyBanking .media .media-body { font-size: 20px; line-height: 26px; }
    .agencyBanking h5 { font-size: 26px; padding-bottom: 40px; }


    /*---- POS Software System ----*/
    .pos-developed .servicTitle2 { padding-top: 0px; }
    /*---- POS Software System End ----*/


    /*--------------------------------- New Design Start ---------------------------------*/
    .mainSliderNewData{ min-height: 450px; }
    .overviewPart { padding: 60px 0px; }
    .testimonialPart { padding: 60px 0px; }

    .subTitleFour h1 { font-size: 38px; padding-bottom: 10px; }
    .subTitleFour h2, .subTitleFour h3, .subTitleFour h4, .subTitleFour .subTitleFourTitle { font-size: 32px; }

    .futureFocusedImage h4 { font-size: 32px; }

    .ownerBox h5 { font-size: 18px; }
    .ownerBox h5 span { font-size: 16px; }

    /*Social Media Links Page*/
    .socialMediaLinksData h3 { font-size: 35px; }

    /*Service Mobile App*/
    .androidIphone h3, .androidIphone h4, .androidIphone .androidIphoneTitle { font-size: 22px; padding-bottom: 12px; }
    .androidIphone p { font-size: 18px; }

    /*Page not found*/
    .pageNotFound h1 { font-size: 270px; line-height: 270px; }
    .pageNotFound h2 { font-size: 32px; }


    /*-- Home New Get in Touch Part --*/
    .getinTouchPartLeft { padding: 60px 0px 150px; }


    /*---- Sync Slider Start ----*/
    .showcase-main { padding: 50px 0px; }
    /*---- Sync Slider End ----*/


    /*-- Ecommerce New --*/
    .platform{ font-size: 18px; }


    .font-26 { font-size: 24px !important; }
    .font-30 { font-size: 26px !important; }
    .font-32 { font-size: 28px !important; }


    /*Eight Services*/
    .serviceEight-bannermain { height: 600px; }
    .serviceEight-bannerData{ padding: 0px 50px 0px 0px; }
    .serviceEight-bannerData h1 { font-size: 50px; }

    .blog-forservices .blogPartBoxImage { height: 210px; }
    /*Eight Services End*/

    /*============================== Mobile App Development Company New York - Chris ========================*/
    .cp-title-1 { font-size: 30px !important; }
    .cp-cntnt-1 { font-size: 19px; }
    .madny-hero-section .serviceEight-bannerData { padding-right: 0px; }
    .mob-app-dev-sec-section { padding-block: 50px; }
    .cp-divider-1 { margin-top: 20px; }
    .cp-title-2 { font-size: 30px; }
    .mad-third-section-col-1 p { font-size: 20px; }
    .mad-third-section { padding-block: 50px 10px; }
    .mad-fourth-section-container { padding-block: 50px 10px; }
    .mad-fs-col-cntnt-holder { padding-left: 15px; }
    .cp-title-3 { font-size: 22px; }
    .mad-fs-col-cntnt-holder > p { font-size: 18px; }
    .mad-cta-promo-section { padding-block: 50px; }
    .mad-cta-promo-section-inner { padding: 45px 25px; }
    .mad-cta-promo-img-col > img { max-width: 350px !important; }
    .cp-title-5 { font-size: 25px; }
    .mad-process-row { padding-block: 50px; }
    .cp-divider-2 { margin-block: 50px; }
    .mad-portfolio-img-holder { height: 250px; }
    .mad-why-choose-jhk-section .cp-cntnt-1 { font-size: 17px; }
    .mad-why-choose-jhk-section { padding-top: 50px; }
    /*============================== // Mobile App Development Company New York - Chris // ========================*/
    
}
/*1299 End*/


@media only screen and (max-width : 1199px) {
    /*body { font-size: 14px; }*/

    .comonSpaceTwo { padding: 80px 0px; }

    .hedRight{ padding: 10px 15px; font-size: 14px; }
    
    .headerMain .container-fluid, .headerMain.affix .container-fluid{ padding-right: 15px; padding-left: 15px; }
    .headerMain .navbar-brand { margin-right: 10px; }
    .headerMain .navbar-brand img, .headerMain.affix .navbar-brand img { width: 130px; }
    .menuMain .nav-link { font-size: 12px; padding: 10px 6px !important; }
    /* .menuMain .nav-link { font-size: 13px; padding: 10px 9px !important; } */
    .phone-number { font-size: 13px !important; }
    .phone-number img { height: 16px; margin-right: 6px; }

    .whatsAppAnim { margin-right: 8px; }
    .whatsAppAnim img { max-width: 30px; }
    .getquotebtn{ padding: 10px 12px; font-size: 14px; }

    .headerMain, .headerMain.affix { padding: 10px 0px; }
        
    .imageFrameOne{ margin: -10px 0px 0px 34px; min-height: 440px; }
    .imageFrameOneImage{ width: 420px; height: 328px; top: 70px; }
    .imageFrameOneImage:after { width: 420px; height: 408px; }
    .imageFrameOneImageBg { width: 420px; height: 388px; }

    .imageFrameTwo { margin: -10px 34px 0px 0px; }

    /*.mainSlider{ margin-top: 70px; }
    .mainSlider .carousel-caption h2 { font-size: 38px; }
    .mainSlider .carousel-caption h2 small { font-size: 20px; padding-top: 10px; }*/

    .jhkTitle h1 { font-size: 36px; }
    .jhkTitle h1 small{ padding-bottom: 0px; }
    .jhkTitle p{ font-size: 15px; padding: 0px !important; }
    .jhkTitle { padding-bottom: 10px; }

    .clientsTrusted h3 { font-size: 30px; }
    .quoteIconAndLine { margin: 15px 0px; }

    .clientsTrustedCarousel p{ font-size: 16px; line-height: 26px; }

    .ourServiceBoxTitle { font-size: 22px; top: 35px; left: 30px; right: 30px; }
    .ourServiceCarousel .owl-nav{ padding: 40px 0px 0px 0px; }

    .ourWorkImage .overlay .overlayTitle{ font-size: 17px; }


    .getinTouchAndNewsletterData { padding: 40px 25px; }
    .getinTouchSocial i{ font-size: 22px; width: 60px; height: 60px; }

    .footerMain { padding-top: 65px; }
    .copyRight { margin-top: 30px; padding: 22px 0px; }

    .superSupport{ background-image: url('../images/infotechBg.png'); background-size: 80%; text-align: center; }
    .superSupport .textright{ text-align: center; }

    .innerWrapper { /*padding: 75px 0px 0px 0px;*/ }

    .comonSpace { padding: 50px 0px; }
    .comonSpaceThree { padding: 70px 0px 90px; }
    /*.comonSpaceFour { padding: 70px 0px 60px; }*/
    .comonSpaceFour { padding: 50px 0px; }

    .ourExpertiseArea { padding: 30px; }
    .ourExpertiseArea h3 { font-size: 24px; padding-bottom: 10px; }
    ul.listPointOne li { font-size: 16px; }
    ul.listPointOne li:before { top: 12px; }

    .subscribe { padding: 60px 0px 0px 0px; }
    .subscribe h3 { font-size: 35px; }
    .subscribe h3 small { font-size: 13px; padding-bottom: 4px; }

    /*.subscribe .input-group .form-control{ height: 60px; padding: 6px 20px; font-size: 16px; }
    .subscribe .input-group .btn{ padding: 10px 20px; }*/

    .digitalExperience h3 { font-size: 35px; }
    .digitalExperienceVideo .playIcon{ width: 100px; height: 100px; font-size: 22px; }

    .innerBanner{ padding: 100px 0px; }
    .innerBanner h1 { font-size: 32px; }

    .glimpseImage img{ height: 380px; }

    .serviceTwoPart h4 { font-size: 22px; padding-bottom: 20px; }
    .serviceTwoPartImage{ margin-bottom: 40px; }

    ul.listPointThree li{ padding: 0px 0px 10px 20px; }

    .needJhkHelp h2 { font-size: 40px; padding-bottom: 30px; }
    .needJhkHelp p { width: 60%; }

    .servicTitles{ font-size: 40px; padding-bottom: 30px; }
    .servicTitlesData{ width: 60%; }

    .contactBanner{ padding: 90px 0px; }
    .contactBannerBox h2{ font-size: 22px; padding-bottom: 12px; }
    .contactBannerBox p { font-size: 16px; padding-bottom: 4px; }
    .contactForm h1{ font-size: 26px; }
    .contactForm small{ width: 80%; padding-top: 12px; padding-bottom: 36px; }

    .blogBoxImage { height: 250px; }
    .blogBoxData { padding: 30px 25px; }
    .blogBoxData h3{ font-size: 18px; }

    .blogDtlNxtPrevLink a{ padding: 25px 30px; }
    .blogDtlQuote p{ padding-right: 0%; font-size: 18px; }

    .blogDtlQuote{ padding: 35px; }
    .blogDtlQuoteWriter { font-size: 18px; }
    .blogDtlQuoteWriter small { font-size: 14px; }

    .blogDetailsTitle { width: 60%; }
    .blogDetailsTitle h1 { font-size: 30px; }

    .blogDtlSubTitle1 { font-size: 20px; padding-bottom: 16px; }
    .blogDtlMainImage { margin-bottom: 30px; }


    /*Services Pages*/
    .servicTopTitl.widthTwo { width: 80%; }
    .servicTopTitl h1{ font-size: 36px; padding-bottom: 20px; }
    .servicTopTitl h1 .font-32{ font-size: 30px !important; }


    .wordpressOptimisation{ background-image: none; }

    .wordPressGraphi1{ background-size: 500px; }
    .wordPressGraphi1Data{ max-width: 400px; }

    .wordPressGraphi2{ padding: 50px; background-position: right; min-height: 400px; }


    .comonBoxOne{ margin-left: 40px; }
    .comonBoxOneData { padding: 35px; }
    .comonBoxOneData h4, .comonBoxOneData h3 { padding: 0px 0px 10px 0px; }
    .comonBoxOneData h4:before, .comonBoxOneData h3:before { top: 6px; left: -72px; width: 60px; }

    .comonBoxTwoData { padding: 30px; }
    .comonBoxTwoData h4, .comonBoxTwoData .comonBoxTwoDataTitle { padding: 0px 0px 10px 0px; }


    .ecomm-ourExpertiseAreaBox { margin-left: 10px; padding: 20px 0px 0px 0px; }
    .ecomm-ourExpertiseArea h4{ font-size: 22px; padding: 20px 0px 15px 0px; }
    .ecomm-ourExpertiseAreaBox .number:before { left: -80px; width: 65px; }
    .ecomm-ourExpertiseArea:nth-child(odd) .ecomm-ourExpertiseAreaBox .number:before { left: auto; right: -80px; }
    .ecomm-ourExpertiseArea:nth-child(odd) .ecomm-ourExpertiseAreaBox{ margin-right: 10px; }
    
    /*.webDesignBg{ width: 200px; }*/

    .servicTitle2 { padding-bottom: 30px; }


    /*---- Social Media Marketing ----*/
    .howweHelpyou h3, .howweHelpyou h2 { font-size: 28px; }
    .howweHelpyou p { font-size: 18px; }

    .socialMediaGroup h4 { font-size: 40px; }
    .socialMediaGroup p { font-size: 20px; }

    .socialMediaGroup { padding: 20px 0px; }
    .socialMediaGroupNumber { margin-bottom: 40px; }

    .wayweAdvertisePart { padding: 0px 0px 100px 0px; }
    .wayweAdvertisePart h2 { font-size: 30px; }

    .advertise-chart { padding: 50px 0px 0px 0px; }


    /*---- Service Branding ----*/
    .skyBlue90Left:before { width: 100%; }
    .skyBlue90Right:before { width: 100%; }
    .skyBlue50Left:before { width: 100%; }

    /*.letterHeadandEnvelopeDesign{ margin: 50px 0px 0px; }*/

    .subTitleTwo h3, .subTitleTwo h4, .subTitleTwo h2, .subTitleTwo .subTitleTwoTitle { font-size: 28px !important; margin: 0px 0px 30px 0px; padding: 0px 0px 15px; }
    .subTitleTwo h3 br, .subTitleTwo h4 br, .subTitleTwo h2 br{ display: none; }
    .othersDesign p { font-size: 18px !important; }
    .webDesignandDevelopment { padding: 25px 0px 0px 0px; }

    .commonMedia .media.first { margin: 0px 25px 0px 0px; }
    .commonMedia .media.last { margin: 0px 0px 0px 25px; }
    .commonMedia .mediaImage{ max-width: 140px; padding: 10px 20px 0px 0px; }

    .letterHeadandEnvelopeDesign{ margin: 40px 0px 0px; }

    .brandingLogoDesign { padding: 60px 0px; }
    .brandingLogoImageMain { padding: 40px 0px 0px 0px; }

    .landingPageDesignLeft { padding: 40px 0px 0px; }

    .socialMediaMarketingPart p { line-height: 30px; }

    .servicTopTitl { padding-bottom: 40px; }


    /*---- Currency Remit App ----*/
    .ourCurrencySliderPart { margin: 50px 0px 100px 0px; }
    .ourCurrencyLabel { padding: 50px 100px 50px 50px; max-width: 500px; bottom: -60px; }
    .ourCurrencyLabel p { font-size: 20px !important; }

    .ourCurrency .media{  }
    .ourCurrency .media img{ width: 80px; }
    .ourCurrency .media .media-body .ourCurrencyTItle { font-size: 24px; padding: 0px 0px 10px 0px; }

    .foreignCurrency-mob-right { padding: 0px 0px 0px 20px; }
    .foreignCurrency .media .media-body { font-size: 22px; }

    .agencyBankingRight { padding: 0px 40px; }
    .agencyBanking h5{ padding: 40px 0px 20px 0px; }
    .agencyBanking .media { margin: 35px 0px; }
    .agencyBanking .media .media-body { font-size: 18px; line-height: 22px; }
    .agencyBanking .agencyBankingIcon { min-width: 100px; }
    .agencyBankingGroup h4{ margin-bottom: 20px; font-size: 18px; }
    .agencyBankingGroup p { padding-left: 15px; }

    .merchantPaymentPart{ padding-top: 0px !important; }
    .merchantPaymentGatewayMediaImage { margin: 0px 50px 0px 0px; }
    .merchantPaymentGatewayGroup .orderRight .merchantPaymentGatewayMediaImage { margin: 0px 0px 0px 50px; }
    .merchantPaymentGatewayGroup .media .media-body { font-size: 18px; }
    .merchantPaymentGatewayGroup h4{ max-width: 100%; }

    /*---- POS Software System ----*/
    .pos-benefitsBox{ margin: 0px; padding: 30px; }
    .pos-services-provide { margin-right: 0px; }

    .listPointSeven .font-20{ font-size: 18px !important; }
    .pos-keyFeaturesBox { padding: 30px; }
    .pos-developedBox{ margin: 0px; }
    .pos-various-blueBox{ padding: 40px; max-width: 460px; }
    
    /*---- POS Software System End ----*/


    /*---- Magento Extension ----*/
    .magentoExtensionMain { padding: 50px 0px 40px; }
    .magentoExtensionMain h2 { font-size: 28px; }
    .magentoExtensionIcon { margin: 0px 40px 0px 0px; }
    .magentoExtensionData h3{ font-size: 30px; }
    .magentoExtensionData h4{ font-size: 24px; }
    /*---- Magento Extension End ----*/


    /*---- On Demand Services ----*/
    .ods-mainTitle{ margin-bottom: 25px; }
    .ods-mainTitle h2 { font-size: 32px; }
    .ods-mainTitle span { width: 50px; height: 50px; line-height: 50px; font-size: 24px; margin-right: 15px; }

    h3.ods-subTitle, h2.ods-subTitle { font-size: 24px; padding-bottom: 25px; }

    .welcomeOnDemandServicesMain .font-18, .ods-fitnessApp .font-18, .ods-taxiHiring .font-18, .ods-foodDeliveryApp .font-18, .ods-jobPortal .font-18, .ods-travellingApp .font-18, .ods-musicStreaming .font-18{ font-size: 16px !important; }
    .ods-fitnessApp .font-20, .ods-jobPortal .font-20{ font-size: 18px !important; }

    ul.listPointFive2 li{ font-size: 16px; padding: 0px 0px 10px 30px; }
    ul.listPointFive2 li:before { top: 0px; line-height: normal; }

    ul.listPointNumber li span{ margin-right: 10px; }

    .ods-fitnessApp { padding: 40px 0px; }
    .ods-fitnessApp:before { min-height: 562px; }
    .ods-fitnessAppPointsPart { padding: 50px 0px 40px 0px; }
    .ods-fitnessAppScreenMain{ padding-bottom: 15px; }

    .ods-foodDeliveryApp { padding: 50px 0px !important; }

    .ods-jobPortal{ margin-top: 0px; padding: 40px 0px; }
    .ods-jobPortal:before { min-height: 640px; }

    .jobPortal-image { margin: 10px 0px 80px; }

    .ods-taxiHiring .comonSpaceTwo{ padding: 60px 0px 30px; }

    .ods-travellingApp{ padding: 50px 0px; }
    .ods-travellingAppScreen { padding: 10px 0px 30px; }

    /*---- On Demand Services End ----*/
    

    /*--------------------------------- New Design Start ---------------------------------*/
    .mainSliderNewData{ min-height: 400px; }
    .mainSliderNewData h1 { font-size: 34px; }
    .mainSliderNewData p { font-size: 18px; }
    .homemainCarousel .owl-dots { bottom: 30px; }

    .welcomeJhkNewText { padding: 0px; }
    .welcomeJhkNewTextTitle { font-size: 32px; }
    .welcomeJhkNewText p{ font-size: 18px; }

    .aboutFourColBox { padding: 20px 10px; }
    .aboutFourColBoxTitle { font-size: 20px; }
    .aboutFourColBoxTitle span { width: 45px; }
    
    
    .overviewPartTitle2 { font-size: 40px; }
    .overviewPart p { font-size: 16px; }
    
    .blogPartBox h3, .blogPartBox p { font-size: 16px; padding-bottom: 15px; line-height: 1.3; }

    .subTitleThree { padding-bottom: 25px; }
    .subTitleThreeTitle { font-size: 32px; padding: 18px 0px 0px 0px; }
    .subTitleThree p { padding: 10px 0px 0px 0px; }

    .titleHedTwo { margin-bottom: 25px; }
    .titleHedTwo h2, .titleHedTwo h4, .titleHedTwo .titleHedTwoTitle { font-size: 32px; }
    .titleHedTwo small { font-size: 18px; }

    .projectClientBox{ padding-right: 25px; margin-right: 25px; }
    .projectClientBox span { font-size: 30px; line-height: 30px; }

    .testimonialPart {  padding: 40px 0px; }
    .testimonialBox .name { font-size: 18px; }
    .testimonialBox small { padding: 4px 0px 8px 0px; font-size: 14px; }
    .testimonialBox p { font-size: 16px; }

    .subTitleFour{ padding-bottom: 30px; }
    .subTitleFour p { line-height: 1.5 !important; }
    .subTitleFour .font-18 { font-size: 16px !important; }

    .futureFocusedImage{ padding: 50px; }
    .futureFocusedImage p { font-size: 18px; }
    .futureFocusedRight { padding: 0px 0px 0px 20px; }

    ul.titleAndDescription li { padding: 10px 0px; }
    ul.titleAndDescription li:first-child{ padding-top: 0px; }
    ul.titleAndDescription li p{ font-size: 16px; }

    .subTitleFive { padding-bottom: 25px; }

    .form-black{ padding: 50px 150px; }

    .testimonialWrapper { padding: 150px 0px 60px 0px; }
    .testimonialWrapper .card-columns { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }


    .ourTeam-banner { padding: 50px 0px; }
    .ourTeamParagraph { padding: 40px 0px; }
    .ourTeamParagraph p.font-22{ font-size: 20px !important; }
    .meetCreators .media-body .font-18{ font-size: 16px !important; }
    .joinourTeam{ margin-top: 60px; }

    .joinourTeam-title { font-size: 34px; }


    /*Social Media Links Page*/
    .socialMediaLinksData h3 { font-size: 30px; }

    /*Privacy and Terms*/
    .privacyTerms{  }
    .privacyTerms h4.font-30{ font-size: 25px !important; }
    .privacyTerms h3, .privacyTerms h2, .privacyTerms h4 { font-size: 24px; padding-bottom: 10px; }

    ul.listPointThree1 li{ padding: 0px 0px 10px 22px; }    


    /*Work Model*/
    .mainFactorsWorkModel { background-color: #283137; padding: 45px 0px; }
    .mainFactorsWorkModel:before { max-height: unset; content: none; position: unset; background-color: transparent; }
    .projectManagementSteps { padding: 70px 0px; }


    .workProcess h5 { padding: 0px 0px 8px 0px; font-size: 20px; }
    .workProcess p { font-size: 16px; }

    .ourTeamParagraph p.font-20{ font-size: 18px !important; }

    /*Page not found*/
    .pageNotFound h1 { font-size: 250px; line-height: 250px; }
    .pageNotFound h2 { font-size: 30px; }


    .subTitleFive.width75 { width: 80%; }
    .imageAndTextSeprateImage { max-width: 440px; margin-right: 40px; }


    /*---- Products Page Start ----*/
    .productsData { padding: 0px 0px 0px 10px; }
    
    .productsList{ column-gap: 40px; margin-top: 40px; }
    .productsListBox:first-child{ margin-top: -40px !important; }
    .productsListBox{ margin-bottom: 40px !important; }
    .productsListBox .card-body{ padding: 20px 20px 30px; }
    /*---- Products Page End ----*/


    /*-- Home New Get in Touch Part --*/
    .getinTouchPartLeft { padding: 60px 0px 120px; max-width: 540px; }
    .getinTouchPartLeftTitle { font-size: 32px; }
    .getinTouchPartLeft p { font-size: 18px; }
    
    
    /*---- Thank You Page ----*/
    .thanks-row { min-height: unset; }
    .thanksRight { padding: 80px 20px 80px 60px; }
    /*---- Thank You Page End ----*/

    /*-- Ecommerce New --*/
    .font-20 { font-size: 18px !important; }
    .font-22 { font-size: 20px !important; }
    .font-24 { font-size: 22px !important; }
    .font-30 { font-size: 24px !important; }
    .font-32 { font-size: 26px !important; }

    .number-custom-Box{ margin-top: 25px; }
    .number-custom-Box p { font-size: 18px; }

    .benefitsServices{ display: table !important; width: 100%; border: solid 2px #013239; padding: 20px !important; margin-bottom: 12px !important; }
    .benefitsServices > [class*="font-"] { line-height: normal !important; }
    .benefitsServicesBox{ margin: 0px 0px 5px 0px; max-width: 100%; min-height: unset; border: 0px; padding: 0px; }
    .benefitsServicesBox br{ display: none; }

    .planBox{ padding: 28px; }


    /*Eight Services*/
    .serviceEight-bannerData h1 { font-size: 44px; }
    .why-choose-us-data{ padding: 30px 0px; }
    .trustedbyCarousel { padding-right: 100px; }
    
    .serveBox.serveBoxTwo .serveIcon { width: 200px; height: 200px; border-radius: 50px; }   
    
    .serviceColorBoxIcon{ width: 130px; height: 130px; border-radius: 30px; }
    .serviceColorBoxIcon img { max-height: 70px; }

    .servics8Image2-body{ padding-top: 80px; padding-bottom: 80px; }
    .servics8Image2-data { padding: 30px 20px 30px 0px; }
    .servics8SeprateImage2{ min-height: unset; }
    /*Eight Services End*/

    /*Eight Services Theme 2*/
    .servics8-them2Tit:before{ left: -48px; }

    .servics8-them2-serveBoxTabl tr td{ display: inline; padding: 0px; }
    .servics8-them2-serveBoxTabl .serveBox{ padding-top: 30%; width: 31%; height: 100%; display: inline-block; margin: 8px !important; }

    /*Eight Services Theme 2 End*/

    
    /*============================== Mobile App Development Company New York - Chris ========================*/
    .mad-why-choose-jhk-section-img-col { display: none; }
    /*============================== // Mobile App Development Company New York - Chris // ========================*/
}
/*1199 End*/

@media only screen and (min-width : 992px) {
    /*.dropdown:hover .dropdown-menu{ display: block; }*/

    .headerMain .nav-item.dropdown:hover .dropdown-menu { display: block; }

}

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

    .container { max-width: 100%; }

    .btn1, .btn2, .btn3, .btn4, .btnBlack, .btnWhite, .btnSkyBlue{ padding: 12px 15px; font-size: 15px; min-width: 170px; }
    

    .headerMain, .headerMain.affix { padding: 10px 0px; }
    .headerMain .container-fluid, .headerMain.affix .container-fluid{ padding-right: 10px; padding-left: 10px; }

    /*--Mobile Menu--*/
    .headerMain .navbar-brand { margin: 0px; }
    .menuMain .nav-link{ padding: 15px 18px !important; color: #ffffff; border: solid 1px transparent; border-bottom: solid 1px rgba(255, 255, 255, 0.1); font-size: 14px; }
    .menuMain .nav-link:hover, .menuMain .nav-link:focus{ color: #ffffff !important; background-color: #333333 !important; }
    .menuMain .nav-link.active{ color: #ffffff !important; background-color: #29b9d3 !important; }

    .menuMain .menuNav { background-image: none; }    
    .menuMain .nav-link:before { content: none; position: unset; margin: unset; }

    .navbar-collapse { position: fixed !important; top: 0; height: 100vh !important; height: 100%; overflow: hidden !important; overflow-y: scroll !important; background: #121413; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); min-width: 230px; transition: all 0.1s !important; left: -290px; opacity: 0; display: block !important; z-index: 99999; }
    .navbar-collapse.show { left: 0px; transition: all 0.1s !important; opacity: 1; }
    .navbar-toggler-icon { background-image: url("../images/menu.png"); background-size: cover; width: 24px; height: 24px; }
    .navbar-toggler>.close { background-image: url("../images/close.png"); background-size: cover; display: inline-block; width: 24px; height: 24px; vertical-align: middle; content: ""; opacity: 1; fill: #fff; color: #fff; float: none; }    

    .navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon { display: none; }
    
    .navbar-toggler{ padding: 0px; margin-right: 5px; background-color: transparent !important; }

    /*--Mobile Menu End--*/

    .menuNav .dropdown-toggle:after{ position: absolute; right: 20px; top: 20px; }
    .myDropDownBox .dropdown-item { padding: 5px 18px; }

    .menuMain .nav-link.active:before{ position: unset; content: none; }

    .hedRight{ max-width: 100%; width: 100%; text-align: left; border-radius: 0px; position: absolute; bottom: 0px; color: #ffffff; background-color: rgba(255, 255, 255); }

    /*.mainSlider{ margin-top: 60px; }
    .mainSlider .carousel-control-prev-icon, .mainSlider .carousel-control-next-icon{ width: 46px; height: 46px; background-size: 10px; }
    .mainSlider .carousel-caption h2 { font-size: 32px; }
    .mainSlider .carousel-caption h2 small { font-size: 18px; padding-top: 5px; }*/

    .welcomeJhkMain { padding: 60px 0px; }
    .welcomeJhk, .jhkTitle, .jhkTitle h1{ text-align: center; }
    .jhkTitle h1 { font-size: 30px; }
    .welcomeJhk p{ text-align: center; padding-bottom: 20px; }

    .imageFrameOne{ margin: 90px 0px 0px 0px; min-height: 360px; }
    .imageFrameOneImageBg{ z-index: -1; left: 0px; top: -30px; right: -50px; margin: 0px auto; opacity: 0.2; }
    .imageFrameOneImage{ position: unset; margin: 0px auto; border: 8px solid #29b9d3; padding: 15px; }
    .imageFrameOneImage:after { position: unset; content: none; }    
    .imageFrameTwo { margin: 30px 0px 0px 0px !important; }

    .ourServiceCarousel .owl-nav .owl-prev, .ourServiceCarousel .owl-nav .owl-next { width: 44px; height: 44px; }

    .clientsTrusted{ padding-top: 50px; }

    .superSupport{ padding: 40px 0px; }
    .superSupport .btnWhite{ padding: 15px; }

    .ourWorks{ padding: 60px 0px; }
    .ourWorks .titleHedOne{ max-width: 100% !important; text-align: center !important; }
    
    .titleHedOne.leftWhite h4:before, .titleHedOne.leftWhite h2:before, .titleHedOne.leftWhite .titleHedOneSub:before { margin: 0px auto !important; }

    .footerMain{ text-align: center; padding-top: 15px; }
    .footer-title{ padding-top: 30px; padding-bottom: 20px; }
    .footerLogo img{ width: 120px; }

    .footer-address{ margin: 0px auto; }
    .footer-address img{ margin: 0px auto 10px; position: unset; display: block; max-width: 50px; }
    
    .footerMain ul.nav li:before { position: unset; content: none; }
    .footerMain ul.nav li { display: inline-block; }
    .footerMain ul.nav li br{ display: none; }
    .footerMain ul.nav li, .footerMain ul.nav li:hover{ padding: 5px 1px !important; }
    .footerMain ul.nav li a{ background-color: #333333; padding: 6px 18px; border-radius: 16px; }
    .footerSocial ul { display: flex; align-items: center; justify-content: center; }
    .footerSocial ul li{ padding: 0px 5px; }
    .footerSocial ul li span{ display: none; }
    .footerSocial ul li i{ padding: 0px; width: auto; font-size: 16px; }
    .footerSocial ul li a{ width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #29b9d3; }
    .footerSocial ul li a:hover{ background-color: #000000; }
    .copyRight{ margin-top: 30px; padding: 20px 0px; }


    .comonSpace { padding: 40px 0px; }
    .comonSpaceThree { padding: 60px 0px 80px; }
    /*.comonSpaceFour { padding: 60px 0px 50px; }*/
    .comonSpaceFour { padding: 40px 0px; }

    .innerWrapper { /*padding: 68px 0px 0px 0px;*/ }

    .subTitleOne { padding-bottom: 50px; }
    .subTitleOne h1 { font-size: 36px; padding-bottom: 14px; }
    .subTitleOne p { width: 80%; }

    .expertPeopleData h4 { font-size: 16px; }
    .expertPeopleData h4 small { font-size: 12px; padding-top: 6px; }
    .expertPeopleCarousel .owl-dots { padding-top: 30px; }

    .aboutThreePoint { padding-top: 70px; }
    .aboutThreePoint h3{ padding-bottom: 50px; }
    .aboutThreePointBox p{ line-height: 1.5; }

    .ourExpertiseArea { padding: 20px; }
    .ourExpertiseArea h3 { font-size: 22px; }
    .ourExpertiseAreaImage{ height: 100%; }
    ul.listPointOne li { font-size: 15px; }

    .glimpseImage img{ height: 320px; }

    .subscribe h3 { font-size: 32px; }
    .digitalExperienceVideo .playIcon { width: 90px; height: 90px; font-size: 20px; }

    .subscribFormMain .btn{ padding: 10px 20px; }

    .ourWorkImage .overlay .overlayTitle { font-size: 14px; }
    .ourWorkImage .overlay .plusIcon{ width: 46px; height: 46px; line-height: 46px; font-size: 35px; }

    .digitalExperience h3 { font-size: 30px; padding-bottom: 45px; }

    .innerBanner h1 { font-size: 30px; padding-bottom: 10px; }
    .serviceTwoPart{ width: 95%; }
    .serviceTwoPart h4 { font-size: 20px; padding-bottom: 16px; }

    .serviceTwoPartImage { margin-bottom: 30px; height: 100px; }
    .serviceTwoPartImage img{ max-height: 100px; }

    ul.listPointFour li { font-size: 16px; padding: 0px 0px 8px 30px; }

    .needJhkHelp h2 { font-size: 35px; padding-bottom: 25px; }
    .needJhkHelp p { width: 80%; padding-bottom: 40px; }

    .servicTitles{ font-size: 35px; padding-bottom: 25px; }
    .servicTitlesData{ width: 80%; padding-bottom: 40px; }

    .btnLg { padding: 16px 30px; }

    /*Privacy and Terms*/
    .privacyTerms h3, .privacyTerms h2, .privacyTerms h4 { font-size: 20px; padding-bottom: 6px; padding-top: 10px; }
    .privacyTerms p { padding-bottom: 20px; font-size: 16px; }
    .privacyTerms .font-18 { font-size: 16px !important; }

    .privacyTerms h5.font-20 { font-size: 18px !important; }
    ul.listPointThree1 li { font-size: 16px; }


    ul.listPointFive { padding: 20px 0px 30px 10px; }
    ul.listPointFive li { font-size: 15px; padding: 0px 0px 8px 22px; }

    .contactBanner { padding: 80px 0px; }
    .contactBannerBox h2 { font-size: 20px; padding-bottom: 8px; }
    .contactBannerBox p { font-size: 16px; padding-bottom: 2px; }
    .contactForm small { width: 84%; font-size: 16px; }
    .contactForm .input-group .form-control{ height: 55px; font-size: 16px; }

    .contactSocial { padding: 0px 0px 80px 0px; }


    .blogsPart .card-columns{ column-gap: 20px; padding-top: 20px; }
    .blogsPart .card{ margin-bottom: 30px; }
    .blogDate{ width: 80px; top: 15px; right: 15px; font-size: 28px; }

    /*Blog Details Page*/
    .blogDetailsTitle { width: 100%; }
    .blogDetailsTitle h1 { font-size: 28px; }
    .blogDetailsTitle h4 { font-size: 14px; padding-bottom: 14px; }

    .sharePostPart, .sharePostPart .text-right{ text-align: center !important; }
    .sharePostPart .justify-content-end{ -ms-flex-pack: center !important; justify-content: center !important; padding-top: 15px; }
    
    .blogDtlNxtPrevLink { padding-top: 30px; }
    .blogDtlNxtPrevLink a { padding: 20px; text-align: center !important; }
    .blogDtlNxtPrevLink a br{ display: none; }
    .blogDtlNxtPrevLink a span{ display: none; }
    .blogDtlNxtPrevLink a small{ padding-bottom: 0px; }

    /*Contact Page*/
    .contactBannerBoxIcon{ max-height: unset; height: 50px; margin-bottom: 20px; }
    .contactBannerBoxIcon img{ height: 100%; }


    /*Serveces Pages*/
    /*.ourSupportWebDevelopmentBox{ padding: 60px 20px 30px; }*/

    .servicTopTitl{ padding-bottom: 50px; }
    .servicTopTitl h1 { font-size: 30px; padding-bottom: 15px; }
    .servicTopTitl h1 .font-32{ font-size: 26px !important; }
    .servicTopTitl p { font-size: 16px; }

    .servicTopTitl.widthTwo { width: 90%; }

    .servicTitle2 { padding-bottom: 35px; }
    .servicTitle2 h2, .servicTitle2 .servicTitle2Sub { font-size: 22px; }
    .servicTitle2 h2.font-32{ font-size: 30px !important; }
    .servicTitle2 h2 small, .servicTitle2 .servicTitle2Sub small{ width: 70%; }
    .imageTextLabel{ padding: 15px 10px 10px; font-size: 17px; }

    /*.servicTitle2 h2 .font-32{ font-size: 28px !important; }*/

    ul.listPointSeven li { font-size: 16px; padding: 0px 0px 10px 25px; }

    /*Comon Class*/
    .comonBoxOne{ margin-left: 30px; }
    .comonBoxOneData { padding: 30px; }
    .comonBoxOneData h4, .comonBoxOneData h3 { padding: 0px 0px 10px 0px; }
    .comonBoxOneData h4:before, .comonBoxOneData h3:before { left: -60px; top: 6px; width: 50px; }

    .comonBoxThree{ margin-left: 20px; margin-bottom: 35px; }
    .comonBoxThreeData { padding: 16px 20px 16px 30px; }
    .comonBoxThreeData h4, .comonBoxThreeData .comonBoxThreeDataTitle{ font-size: 16px; }
    .comonBoxThreeData h4:before, .comonBoxThreeData .comonBoxThreeDataTitle:before{ left: -48px; width: 40px; }


    .webMaintenBenefitBoxImage { margin-bottom: 20px; }
    .webMaintenBenefitBox .webMaintenBenefitBoxTitle { font-size: 16px; padding-bottom: 10px; }

    .patternTitleTwo{ top: -40px; }
    .patternTitleTwoIcon{ width: 80px; height: 80px; padding: 18px; }


    .wordPressGraphi1 { background-position: left -40px; padding: 260px 50px 40px 50px; }
    .wordPressGraphi1Data { max-width: 100%; }

    .wordPressGraphi2{ min-height: 100%; background-color: #363c54; background-position: right bottom; background-size: contain; padding: 50px; }
    .wordPressGraphi2Data{ max-width: 440px; }
    .wordPressGraphi2Data p{ font-size: 18px; }

    .servicComonIcon .row > [class*="col-"]:nth-child(even) .servicComonIconBox{ margin-left: 50px; }

    .ecomm-ourExpertiseArea { margin-bottom: 50px; }
    .ecomm-ourExpertiseArea h4 { font-size: 20px; padding: 10px 0px; }
    .ecomm-ourExpertiseAreaBox { margin-left: 0px; padding: 0px; }
    .ecomm-ourExpertiseArea:nth-child(odd) .ecomm-ourExpertiseAreaBox{ margin-right: 0px; padding: 0px; }

    .ourVariousEcommerceBoxImage{ width: 120px; height: 120px; margin: 0px auto 12px; }
    .ourVariousEcommerceBox .ourVariousEcommerceBoxTitle{ font-size: 16px; }

    /*.webDesignBg { width: 160px; }
    .webDesignTitleText h2 { font-size: 40px; padding: 30px 110px; }

    .webDesignTitle img { max-width: 470px; }*/
    .weBelieveBox .weBelieveBoxTitle{ font-size: 20px; padding-bottom: 6px; }


    /*---- Social Media Marketing ----*/
    .howweHelpyou h3, .howweHelpyou h2 { font-size: 26px; line-height: normal; }
    .howweHelpyou p { font-size: 16px; }

    .wayweAdvertisePart { padding: 0px 0px 70px 0px; }
    .wayweAdvertisePart h2 { font-size: 26px; top: -28px; }

    .socialMediaGroup h4 { font-size: 30px; }
    .socialMediaGroup p { font-size: 18px; }

    .advertise-chart { padding: 30px 0px 0px 0px; }


    /*---- Service Branding ----*/
    .brand { padding: 20px 0px 0px 0px; }
    .subTitleTwo h3, .subTitleTwo h4, .subTitleTwo h2, .subTitleTwo .subTitleTwoTitle { font-size: 26px !important; margin: 0px 0px 28px 0px; }

    .businessCardMain p { line-height: 30px; padding: 0px 0px 0px 20px; }

    .commonMedia .mediaImage { max-width: 120px; }
    .othersDesign p { font-size: 16px !important; }

    .socialMediaMarketingPart p { line-height: 24px; }
    .socialMedia-icons img { margin: 0px 10px 10px 0px; }

    .brandingLogoDesign p { line-height: 26px; padding: 0px 0px 0px 20px; }


    /*---- Currency Remit App ----*/
    .ourCurrencySliderPart { margin: 30px 0px 80px 0px; }
    .ourCurrencyLabel { padding: 30px 50px 30px 30px; max-width: 400px; bottom: -40px; }
    .ourCurrencyLabel p { font-size: 18px !important; }

    .ourCurrencyCarousel .owl-nav { bottom: 30px; left: 20px; }
    .ourCurrencyCarousel .owl-nav .owl-prev, .ourCurrencyCarousel .owl-nav .owl-next { width: 60px; height: 60px; font-size: 20px !important; margin: 0px 6px; }

    .foreignCurrency .media .media-body { font-size: 20px; }
    .prepaidVoucherRight { padding: 0px 0px 50px 100px; }

    .agencyBankingGroup h4{ margin-bottom: 15px; font-size: 16px; padding: 16px 20px 12px; }
    .agencyBankingGroup { margin-bottom: 30px; }
    .agencyBankingGroup p { padding-left: 0px; }
    .agencyBankingRight { padding: 0px 20px; }
    .agencyBanking .media .media-body { font-size: 16px; line-height: 20px; }

    .merchantPaymentGatewayMediaImage { margin: 0px 30px 0px 0px; }
    .merchantPaymentGatewayGroup .orderRight .merchantPaymentGatewayMediaImage { margin: 0px 0px 0px 30px; }
    .merchantPaymentGatewayGroup h4 { font-size: 22px; line-height: 30px; }


    /*---- POS Software System ----*/
    .pos-benefitsMain{  }
    .pos-benefitsMain .text-right{ text-align: center !important; }
    .pos-benefitsBox{ margin-top: 20px; }

    .listPointSeven .font-20 { font-size: 16px !important; }
    .skyBlueBgFixHeight:before { min-height: 320px; }
    .pos-developedBox{ padding: 20px; }
    .pos-various-blueBox{ bottom: 20px; }

    .ourCurrency .media .numbers { width: 70px; height: 70px; font-size: 36px; }

    ul.listPointFive1 li { font-size: 16px; padding: 0px 0px 12px 30px; }
    /*---- POS Software System End ----*/

    /*---- Magento Extension ----*/
    .magentoExtensionIcon { margin: 0px 30px 0px 0px; }

    /*---- Magento Extension End ----*/

    /*---- On Demand Services ----*/

    .ods-mainTitle h2 { font-size: 28px; }
    .ods-mainTitle span { width: 46px; height: 42px; line-height: 42px; font-size: 22px; margin-right: 12px; }
    
    h3.ods-subTitle, h2.ods-subTitle { font-size: 22px; padding-bottom: 16px; }
    
    .welcomeOnDemandServices{ margin-bottom: 30px; padding: 30px 40px; }
    .welcomeOnDemandServices h3 { font-size: 20px; padding-bottom: 10px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }
    .welcomeOnDemandServices p{ font-size: 16px; }

    .ods-fitnessApp:before { min-height: 494px; }
    .ods-fitnessAppScreenText { padding-top: 30px; }
    .ods-fitnessAppScreenMain { padding: 25px; }

    .ods-taxiHiringPartOne { padding: 40px 0px; }
    .ods-taxiHiringCar{ bottom: -115px; }
    .ods-taxiHiringCar img{ max-width: 240px; }
    .ods-taxiHiring .comonSpaceTwo { padding: 60px 0px 10px; }

    .ods-foodDeliveryApp { padding: 40px 0px !important; }
    .ods-travellingApp { padding: 40px 0px; }

    .ods-music-adminPanelFeatures { padding: 0px 0px 0px 20px; }

    .ods-travellingApp .font-24, .ods-musicStreaming .font-24{ font-size: 20px !important; }

    ul.listPointFive2 li { font-size: 15px; padding: 0px 0px 10px 26px; }

    .jobPortal-threeMainHeadersBox{ font-size: 22px; padding: 20px 25px; }

    /*---- On Demand Services End ----*/

    .comonSpaceTwo { padding: 60px 0px; }

    /*--------------------------------- New Design Start ---------------------------------*/

    .mainSliderNewData { min-height: 370px; }
    .mainSliderNewData h1 { font-size: 30px; }
    .mainSliderNewData p { font-size: 16px; }

    .aboutFourColMain .row.lightLine [class*='col-']:not(:first-child):after { position: unset; content: none; width: unset; background: unset; }

    .welcomeJhkNew { padding: 40px 0px; }
    .welcomeJhkNew:before { width: 100%; }
    .welcomeJhkNew:after { position: unset; background: unset; width: 0%; content: none; }
    .welcomeJhkNewTextTitle { font-size: 30px; }

    .overviewPart { padding: 50px 0px; }
    .overviewPartTitle1 { font-size: 22px; padding-bottom: 10px; }
    .overviewPartTitle2 { font-size: 36px; }

    .subTitleThree { padding-bottom: 20px; }
    .subTitleThreeTitle { font-size: 28px; }

    .technologyBox { border-radius: 3px; padding: 15px 15px 30px; }

    .titleHedOne{ padding-bottom: 30px; }
    
    /*.getQuoteBg{ padding: 50px 0px; }*/

    .subTitleFour { padding-bottom: 20px; }
    .subTitleFour h1 { font-size: 34px; padding-bottom: 5px; }
    .subTitleFour h2, .subTitleFour h3, .subTitleFour h4, .subTitleFour .subTitleFourTitle { font-size: 30px; padding-bottom: 8px; }
    .subTitleFour.width80 { width: 100%; }
    .subTitleFour .font-22 { font-size: 18px !important; }
    .subTitleFour .font-20 { font-size: 17px !important; }


    .futureFocusedImage { padding: 35px; }
    .futureFocusedImage h4 { font-size: 30px; padding-bottom: 8px; }

    .futureFocusedRight { padding: 0px; }

    .ownerBoxImg { margin-bottom: 20px; }


    .subTitleFive.width65 { width: 80%; }
    .jhkBenefitsIcon { max-width: 400px; }

    .form-black { padding: 50px 80px; }


    .testimonialWrapper { padding: 150px 0px 40px 0px; }
    .testimonialWrapper .card-columns { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
    .clientBoxMain { padding: 0px 30px 30px 30px; }
    .clientBoxMain .testimonialBoxImage { width: 90px; height: 90px; }


    .ourTeam-banner { padding: 40px 0px; }
    .ourTeamParagraph { padding: 30px 0px; }
    .ourTeamParagraph p.font-22 { font-size: 18px !important; }

    .joinThumb { padding: 40px 0px 0px 0px; max-width: 350px; }
    .joinourTeam .media-body { padding: 0px 30px 0px 0px; }
    .joinourTeam-title { font-size: 30px; }


    .meetCreatorsThumb { padding: 30px 30px 0px 30px; }
    .meetCreators .media-body { padding: 50px 30px 30px 0px; }


    /*New Mega Menu Css*/
    .navbar-collapse.show{ width: 85%; }
    .mm-arrow{ display: none; position: unset; border: 0px; margin: 0px; max-width: unset; z-index: unset; opacity: 0; }
    .myMegaMenuWrapper{ padding: 15px; border-radius: 0px; }
    

    .menuMain .form-inline{ -ms-flex-align: unset; align-items: unset; }
    .whatsAppAnim{ margin: 10px 5px 0px 10px; background-color: #3ec550; display: flex; align-items: center; justify-content: center; flex: 1 0 0%; }
    .whatsAppAnim label{ display: inline-block; color: #ffffff; font-weight: bold; padding: 0px 0px 0px 6px; margin: 0px; }
    .getquotebtn{ text-align: center; font-size: 16px; margin: 10px 10px 0px 5px; border-radius: 0px; flex: 1 0 0%; padding: 12px; }

    .singleDropDown{ border-radius: 0px; }
    .myMegaMenu .container{ padding-left: 0px; padding-right: 0px; }

    /*.myMegaMenuBoxTitle .serviceName { font-size: 16px; }*/


    /*Social Media Links Page*/
    .socialMediaLinksData .media .socialIcon { max-width: 340px; }


    /*Work Model*/
    .projectManagementSteps { padding: 60px 0px; }


    /*Mobile App Development - Tech Zone*/
    .technologyTrendSidebar{ max-width: 220px; margin-right: 30px; }
    .technologyTrendSidebar ul li { font-size: 16px; }
    .technologyTrendSidebar ul li a{ padding: 12px 18px; }
    .technologyTrendBox{ padding-bottom: 40px; margin-bottom: 40px; }
    .technologyTrendBox h3{ font-size: 25px; }
    .technologyTrendBox h3 img { margin-right: 15px; }
    .technologyTrendBox .font-20 { font-size: 18px !important; }
    .technologyTrendBox .font-18 { font-size: 16px !important; }


    /*Service Mobile App*/
    .androidIphonelgimage { margin-right: 35px; }
    .androidIphonelgimage.right{ margin-right: 0px; margin-left: 35px; }
    .supportClientsBoxIcon{ margin-bottom: 15px; }

    .ourTeamParagraph p.font-20 { font-size: 16px !important; }
    .ourTeamParagraph p.font-18 { font-size: 16px !important; }

    .subTitleFive h2, .subTitleFive h3, .subTitleFive h4, .subTitleFive .subTitleFiveTitle { font-size: 26px; padding: 0px 0px 26px 0px; }

    /*Page not found*/
    .pageNotFound h1 { font-size: 220px; line-height: 220px; }
    .pageNotFound h2 { font-size: 26px; padding-bottom: 20px; }


    .subTitleFive.width75 { width: 90%; }
    .imageAndTextSeprateImage { max-width: 330px; }


    /*---- Products Page Start ----*/
    .productsData { padding: 0px; }

    .productsList{ column-gap: 30px; margin-top: 30px; }
    .productsListBox:first-child{ margin-top: -30px !important; }
    .productsListBox{ margin-bottom: 30px !important; }
    .productsListBox .card-body{ padding: 20px 20px 25px; }
    .productsListBox h3 { font-size: 18px; }
    .productsListBoxFooter .price { font-size: 26px; }
    /*---- Products Page End ----*/


    /*-- Home New Get in Touch Part --*/
    .getinTouchPartLeft { padding: 40px 0px 80px; max-width: 540px; }
    .getinTouchPartLeftTitle { font-size: 28px; }


    /*---- Thank You Page ----*/
    .thanksLeft{ border-radius: 0px 100px 0px 0px; -moz-transform: rotate(32deg); -webkit-transform: rotate(32deg); -o-transform: rotate(32deg); -ms-transform: rotate(32deg); transform: rotate(32deg); }
    .thanksLeft img{ -moz-transform: rotate(-32deg); -webkit-transform: rotate(-32deg); -o-transform: rotate(-32deg); -ms-transform: rotate(-32deg); transform: rotate(-32deg); max-width: 150px; }
    .thanksLeft:before { -moz-transform: rotate(-32deg); -webkit-transform: rotate(-32deg); -o-transform: rotate(-32deg); -ms-transform: rotate(-32deg); transform: rotate(-32deg); width: 50%; height: 102%; top: 31px; }
    .thanksRight { padding: 50px 20px 50px 30px; }
    .thanksRight h4 { font-size: 32px; padding-bottom: 15px; }
    .thanks-footer{ padding-top: 15px; }
    /*---- Thank You Page End ----*/


    /*---- Sync Slider Start ----*/
    .showcase-main { padding: 50px 0px; }
    .showcaseSliderMain{ display: block; position: unset; max-width: 700px; margin: 0px auto; }
    .showcaseImageMain{ max-width: 100%; } 
    .showcaseBoxMain{ max-width: 100%; position: unset; }
    .showcaseImage { margin: 0px; }    
    #sync2 .owl-dots{ padding: 0px; position: absolute; right: 10px; bottom: 10px; }
    #sync2 .owl-dots .owl-dot span{ width: 8px; height: 8px; margin: 0px 4px; }

    #sync2.owl-carousel .owl-stage{ display: flex; }
    #sync2.owl-carousel .owl-stage .owl-item .item{ height: 100%; }
    .showcaseBox{ margin: 0px; box-shadow: none; height: 100%; padding: 25px; border-left: 0px; border-top: solid 5px #29b9d3; background-color: rgb(255, 255, 255); }

    .showcaseBoxTitle { font-size: 25px; padding-bottom: 10px; line-height: normal; }
    /*---- Sync Slider End ----*/

    
    /*-- Ecommerce New --*/
    .platform { font-size: 16px; }
    .clientReview-carousel{ margin-top: 50px; padding-bottom: 30px; }

    .clientReview-main{ text-align: center; }
    .clientReview-main .subTitleFour{ text-align: center !important; }

    .number-custom{ font-size: 45px; -ms-flex: 65px; flex: 65px; max-width: 65px; height: auto; }
    .number-custom-Box { margin-top: 15px; }
    .number-custom-Box:nth-child(-n+2) { margin-top: 20px; }
    /*.number-custom-Box p { font-size: 18px; }*/

    .benefitsServicesBox{ font-size: 22px; }


    /*Eight Services*/
    .serviceEight-bannerImage { width: 280px; }
    .serviceEight-bannermain{ height: 500px; padding: 30px 0px; }
    .serviceEight-bannerData h1 { font-size: 40px; }

    .jhk-states-digits span { font-size: 50px; }
    .jhk-stats-head { font-size: 14px; letter-spacing: 1px; }

    .serviceColorBoxMain [class*='col-']:last-child .serviceColorBox{ border-bottom: 0px; padding-bottom: 0px; }
    .serviceColorBox{ border-bottom: solid 1px #eeeeee; padding-bottom: 40px; }

    .servics8SeprateImage { min-height: 550px; }

    .servics8Image2-body{ text-align: left !important; padding-top: 0px; padding-bottom: 0px; }
    .servics8Image2-body:before { position: unset; content: unset; }
    .servics8Image2-body:after { right: 0px; left: 0px; border-radius: 0px; border: solid 15px #333333; border-left: 0px; 
        position: unset; content: unset;
    }
    .servics8Image2-data { background-color: rgba(51, 51, 51, 0.8); padding: 50px 100px; 
        min-height: 400px; display: flex; flex-direction: column; justify-content: center;
    }
    .servics8Image2-data .text-right{ text-align: left !important; }

    .servics8SeprateImage2 .servics8SeprateImage{ min-height: unset; padding: 0px; }
    .servics8SeprateImage2 .container1570{ max-width: 100% !important; padding: 0px !important; }
    .servics8SeprateImage2:after { content: unset; position: unset; }    

    .servics8ImageShadow .servics8Image{ opacity: 0.5; }

    .servics8TitFrame:before { left: -30px; border-top: solid 6px #29b9d3; width: 100px; }
    .servics8TitFrame:after { left: -30px; border-left: solid 6px #29b9d3; }

    /*Eight Services End*/

    /*Eight Services Theme 2*/
    .servics8-them2Tit:before { content: unset; position: unset; background: none; }
    .servics8-them2sixbox:before{ font-size: 50px; }
    .servics8-them2sixboxData{ padding: 20px; }
    .servics8-them2-halfblubg{ width: auto; left: -5px; right: -5px; bottom: -26px; }
    .servics8-them2-halfblubgImage{ padding-top: 25px; }

    .servics8-them2-jhk { padding-top: 0px; }
    .servics8-them2-jhk-databox{ margin-top: 20px; margin-bottom: 0px; }
    .servics8-them2-jhk-databoxBg{ padding: 30px 30px 30px 0px; margin-right: 20px; }
    .servics8-them2-jhkImage-col { position: unset; }

    .servics8-them2-serveBoxTabl .serveBox{ margin: 6px !important; }

    /*Eight Services Theme 2 End*/
    
    /*============================== Mobile App Development Company New York - Chris ========================*/
    .madny-hero-section .serviceEight-bannerData p { max-width: 100%; }
    .cp-title-1 { font-size: 26px !important; }
    .madny-hero-section { height: auto; }
    .madny-hero-section .serviceEight-bannerImage{ width: auto; }
    .mad-sec-section-col-cntnt-holder { padding-left: 15px; }
    .mad-sec-section-col-img-holder { flex-basis: 50px; max-width: 50px; }
    .mad-sec-section-col-img-holder-inner > img { max-width: 30px; }
    .cp-title-3 { font-size: 20px; }
    .mad-sec-section-col-cntnt-holder > p { font-size: 16px; }
    .mad-fs-col-icon-holder { flex-basis: 30px; max-width: 30px; }
    .mad-fourth-section-col { margin-bottom: 30px; }
    .cp-pill-btn-1 { padding: 15px 25px; font-size: 18px; }
    .mad-cta-promo-img-col > img { max-width: 280px !important; }
    .mad-cta-promo-col > p { font-size: 16px; }
    .cp-cntnt-2 { font-size: 15px; }
    .cp-title-4 { font-size: 22px; }
    .list-dot::before { width: 7px; height: 7px; top: 8px; }
    .mad-portfolio-img-holder { height: 200px; }
    .mad-portfolio-title { font-size: 16px; }
    .mad-why-choose-jhk-section .cp-cntnt-1 { font-size: 16px; }
    .cp-divider-2 { max-width: 600px; }
    /*============================== // Mobile App Development Company New York - Chris // ========================*/

} 
/*991 End*/

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

    /*.mainSlider .carousel-caption h2 { font-size: 26px; }
    .mainSlider .carousel-caption h2 small { font-size: 16px; }
    .mainSlider .carousel-control-next, .mainSlider .carousel-control-prev{ margin: 0px 10px; }
    .mainSlider .carousel-control-prev-icon, .mainSlider .carousel-control-next-icon { width: 40px; height: 40px; background-size: 8px; }*/

    .mainSliderNew .carousel-control-prev-icon, .mainSliderNew .carousel-control-next-icon { width: 44px; height: 44px; background-size: 10px; }


    .welcomeJhkMain { padding: 50px 0px; }
    .jhkTitle h1 span{ font-size: 24px; }

    .ourWorkImage .overlay .plusIcon { width: 44px; height: 44px; line-height: 44px; font-size: 35px; }

    .ourService { padding: 50px 0px 40px; }

    .titleHedOne{ padding-bottom: 30px; }
    .titleHedOne h2, .titleHedOne h3, .titleHedOne h4, .titleHedOne .titleHedOneSub { font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; }
    .titleHedOne p { /*font-size: 16px;*/ line-height: 26px; }


    .btn1, .btn2, .btn3, .btn4, .btnBlack, .btnWhite, .btnSkyBlue { min-width: 160px; }

    .btnTwoColor{ max-width: 200px; }
    .btnTwoColor .rightArrow{ width: 50px; height: 50px; }
    .btnTwoColor .rightArrow i { font-size: 18px; }

    .ourServiceBox .verticalBtn{
        -moz-transform: rotate(-90deg) translateX(93px) translateY(-93px);
        -webkit-transform: rotate(-90deg) translateX(93px) translateY(-93px);
        -o-transform: rotate(-90deg) translateX(93px) translateY(-93px);
        -ms-transform: rotate(-90deg) translateX(93px) translateY(-93px);
        transform: rotate(-90deg) translateX(93px) translateY(-93px);
    }

    .ourServiceBoxImage { height: 380px; }
    .ourServiceCarousel .owl-nav { padding: 30px 0px 0px 0px; }
    .ourServiceCarousel .owl-nav .owl-prev, .ourServiceCarousel .owl-nav .owl-next { margin: 0px 5px; width: 44px; height: 44px; }

    .getinTouchSocial i { font-size: 20px; width: 60px; height: 60px; }
    .getinTouchAndNewsletter h3{ font-size: 22px; padding-bottom: 10px; }    

    .superSupport { padding: 35px 0px; }
    .superSupportBox a{ display: block; margin: 0px 0px 8px; }a
    .superSupportBox a:last-child{ margin: 0px; }
    .superSupportBox h5 { padding: 0px 0px 12px; font-size: 26px; }

    .whatsAppFeed{ padding: 40px 0px; }

    .comonSpaceTwo { padding: 60px 0px; }
    .comonSpaceThree { padding: 40px 0px 60px; }    
    .comonSpaceFour { padding: 40px 0px 30px; }

    .subTitleOne { padding-bottom: 40px; }
    .subTitleOne h1 { font-size: 28px; padding-bottom: 12px; letter-spacing: 2px; }

    .aboutThreePointBox {  padding-bottom: 30px; }
    .aboutThreePointBoxIcon{ margin-bottom: 25px; }
    .aboutThreePointBox h4{ padding-bottom: 15px; }

    .ourExpertiseArea { padding: 30px; }
    .ourExpertiseArea h3 { font-size: 26px; padding-bottom: 15px; }
    ul.listPointOne li { font-size: 16px; }

    .digitalExperience h3 { font-size: 25px; padding-bottom: 35px; }
    .digitalExperienceVideo .playIcon { width: 74px; height: 74px; font-size: 16px; }

    .subscribe{ text-align: center; }
    .subscribe h3 { font-size: 28px; padding-bottom: 30px; }
    .subscribe h3 small{ padding-bottom: 6px; }

    .serviceTwoPart{ padding: 30px 0px; width: 75%; }    

    .innerBanner { padding: 70px 0px; }
    .innerBanner h1 { font-size: 26px; padding-bottom: 8px; }
    .myBreadcrumb .breadcrumb .breadcrumb-item{ font-size: 16px; }


    .needJhkHelp .btn{ min-width: 300px; }

    .needJhkHelp h2 { font-size: 30px; padding-bottom: 20px; }
    .needJhkHelp p { width: 100%; padding-bottom: 24px; font-size: 16px; }

    .servicTitles{ font-size: 30px; padding-bottom: 20px; }
    .servicTitlesData{ width: 100%; padding-bottom: 24px; font-size: 16px; }

    .row.vdivide [class*='col-']:not(:first-child):after { background: transparent; width: unset; content: none; display: unset; position: unset; }

    ul.listPointFive { padding: 15px 0px 25px 10px; text-align: left; }
    ul.listPointFive li { font-size: 14px; }
    /*.privacyTerms h3 { font-size: 18px; }*/

    .contactForm .input-group { margin-bottom: 12px; }
    .contactForm h1 { font-size: 22px; }
    .contactForm small { width: 90%; font-size: 16px; padding-bottom: 30px; }

    .contactSocial { padding: 0px 0px 60px 0px; }
    .contactBanner { padding: 60px 0px; }
    .contactBannerBox{ padding: 0px 0px 40px; }
    .contactBannerBoxIcon{ margin-bottom: 16px; }

    .myPagination { padding-top: 30px; }


    .formTwo .form-group { margin-bottom: 15px; }   

    .blogDetailsTitle{ padding-bottom: 30px; }
    .blogDetailsTitle h1 { font-size: 24px; }
    .blogDtlMainImage { margin-bottom: 20px; }
    .blogDtlQuote { padding: 20px 30px; margin: 10px 0px 50px; }

    /*.blogDetailsData p { padding-bottom: 25px; }*/
    .blogDtlSidebar { padding-top: 40px; }
    .blogDtlSidebarBox{ margin-bottom: 25px; }
    .blogDtlSidebar .getinTouchSocial{ justify-content: flex-start; }

    .ourVariousEcommerce { background-image: none; background-attachment: unset; background-size: unset; background-color: #222020; }

    /*Services Pages*/
    .servicTopTitl h1 { font-size: 26px; padding-bottom: 14px; }
    .servicTopTitl h1 .font-32{ font-size: 22px !important; }
    .servicTopTitl.widthOne { width: 92%; }

    .servicTitle2 h2, .servicTitle2 .servicTitle2Sub { font-size: 20px; }
    .servicTitle2 h2.font-32 { font-size: 26px !important; }
    .servicTitle2 h2 small, .servicTitle2 .servicTitle2Sub small { width: 85%; }
    
    .patternTitleTwo { top: -36px; }
    .patternTitleTwoIcon { width: 74px; height: 74px; }


    /*Comon Class*/

    .comonBoxOne{ margin-left: 0px; margin-bottom: 30px; }
    .comonBoxOneData { padding: 14px 14px 14px 26px; }
    .comonBoxOneData h4, .comonBoxOneData h3 { font-size: 16px; }
    .comonBoxOneData h4:before, .comonBoxOneData h3:before { left: -37px; width: 30px; }

    .comonBoxTwo { margin-bottom: 30px; }
    .comonBoxTwoData { padding: 20px; }
    .comonBoxTwoData h4, .comonBoxTwoData .comonBoxTwoDataTitle { font-size: 16px; }
    .comonBoxTwoImage img { min-height: 180px; }

    .comonBoxThree{ margin-left: 0px; margin-bottom: 30px; }
    .comonBoxThreeData { padding: 14px 14px 14px 26px; }
    .comonBoxThreeData h4, .comonBoxThreeData .comonBoxThreeDataTitle { font-size: 15px; line-height: 1.7; }
    .comonBoxThreeData h4:before, .comonBoxThreeData .comonBoxThreeDataTitle:before { left: -37px; width: 30px; }

    .webMaintenBenefitBox .webMaintenBenefitBoxTitle { padding-bottom: 5px; }
    .webMaintenBenefitBoxImage { margin-bottom: 15px; }

    .wordPressGraphi1 { background-size: 450px; padding: 230px 40px 40px 40px; }
    .wordPressGraphi2 { padding: 40px; }
    .wordPressGraphi2Data h3 { font-size: 20px; }
    .wordPressGraphi2Data p { font-size: 16px; }


    /*.servicComonIconBox{ text-align: center; }
    .servicComonIcon .row > [class*="col-"]:nth-child(even) .servicComonIconBox{ margin-left: 20px; }
    .servicComonIcon .row > [class*="col-"]:nth-child(odd) .servicComonIconBox{ margin-right: 20px; }
    .servicComonIconBoxImage { margin-bottom: 20px; }
    .servicComonIconBox h4{ padding-bottom: 10px; }*/


    .row.verticalDotLine [class*='col-']:not(:first-child):after { border-right: 0px; width: unset; content: unset; display:block; position: unset; top: unset; bottom: unset; left: unset; }
    .comoIconDotLine { border-bottom: 0px; }
    .comoIconDotLine [class*="col-"]{ border-left: 0px; }

    .servicComonIcon .row{ border-bottom: 0px; }
    .servicComonIcon .row > [class*="col-"]:nth-child(even) .servicComonIconBox{ margin-left: 0px; }
    .servicComonIcon .row > [class*="col-"]:nth-child(odd) .servicComonIconBox{ margin-right: 0px; }
    
    .servicComonIcon .row:last-child > [class*="col-"]:last-child .servicComonIconBox { border-bottom: 0px; padding-bottom: 0px; }
    .comoIconDotLine.row:last-child > [class*="col-"]:last-child .servicComonIconBox { border-bottom: 0px; padding-bottom: 0px; }
    
    .servicComonIconBox { text-align: center; border-bottom: dashed 1px #b2b2b2; padding: 25px 0px; }
    .servicComonIconBox .servicComonIconBoxTitle { font-size: 18px; padding-bottom: 15px; } 
    .servicComonIcon .row:last-child [class*='col-']{ border-left: 0px; }


    .ecomm-ourExpertiseArea { margin-bottom: 30px; }
    .ecomm-ourExpertiseArea h4 { font-size: 18px; padding: 20px 0px 10px; }
    .ecomm-ourExpertiseAreaBox .number, .ecomm-ourExpertiseAreaBox .number:before{ position: unset; display: none; }
    .ecomm-ourExpertiseArea:nth-child(odd) .ecomm-ourExpertiseAreaBox{ margin-left: 0px; margin-right: 0px; text-align: left; }


    /*.webDesignBg { width: 140px; }
    .webDesignTitleText h2 { font-size: 32px; padding: 25px 100px; }
    .webDesignTitle img { max-width: 380px; }*/

    .weBelieveBox .weBelieveBoxTitle { font-size: 18px; }


    .magentoStepsMain{  }
    .magentoStepsMain .row.vDotBorder [class*='col-']:before { border-top: 0px;  width: unset; content: unset; display: unset; position: unset; top: unset; left: unset; }
    .stepsBoxMiddle:after { content: unset; position: unset; }
    .stepsBoxMiddle2:after { content: unset; position: unset; }    

    .magentoStepsMain .rowreverse{ -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
    .magentoStepsBox p{ font-size: 16px; font-family: 'ProximaNovasBold'; }


    /*---- Social Media Marketing ----*/
    .socialMediaGroup { padding: 15px 0px; }
    .socialMediaGroup h4 { font-size: 26px; padding-bottom: 10px; }
    .socialMediaGroup h4 br { display: none; }
    .socialMediaGroup p { font-size: 16px; }

    .socialMediaGroupNumber { margin-bottom: 20px; font-size: 22px; }    

    .patternTitleIcon span.multiSocial { padding: 0px 5px; margin: 0px 5px; }
    .patternTitleIcon span.multiSocial i { width: 52px; height: 52px; line-height: 52px; font-size: 20px; }

    .howweHelpyou{ padding-top: 20px !important; }
    .howweHelpyou h3, .howweHelpyou h2 { font-size: 22px; padding-bottom: 12px; }
    .wayweAdvertisePart { padding: 0px 0px 50px 0px; }
    .wayweAdvertisePart h2 { font-size: 22px; top: -22px; }


    /*---- Service Branding ----*/
    .servicTopTitl { padding-bottom: 30px; }
    
    .brandingLogoDesign { padding: 30px 0px; }
    .brandingLogoDesign p{ padding: 0px; }
    .brandingLogoDesign:before { width: 100%; }

    .businessCardMain p { line-height: 24px; padding: 0px 0px 0px 0px; }
    .businessCardMain:before { width: 100%; }
    .webLayout-webRedesign:before { width: 100%; }

    .subTitleTwo h3, .subTitleTwo h4, .subTitleTwo h2, .subTitleTwo .subTitleTwoTitle { font-size: 22px !important; margin: 0px 0px 26px 0px; }
    .subTitleTwo h3:before, .subTitleTwo h4:before, .subTitleTwo h2:before, .subTitleTwo .subTitleTwoTitle:before { width: 60px; }
    .subTitleTwo h3 br, .subTitleTwo h4 br, .subTitleTwo h2 br{ display: none; }
    .subTitleTwo.right { text-align: left; }
    .subTitleTwo.right h3:before { left: 0px; right: auto; }

    .commonMedia .mediaImage{ padding: 0px 20px 0px 0px; }

    .commonMedia .media.first { margin: 0px 0px 40px 0px; }
    .commonMedia .media.last { margin: 0px 0px 0px 0px; }
    .commonMedia .media.last .media-body{ text-align: left !important; }


    /*---- Currency Remit App ----*/
    .ourCurrency .media{ margin: 30px 0px !important; }
    .ourCurrency .media.secDes { display: flex !important; margin-bottom: 0px !important; }
    .ourCurrency .media.secDes img { margin-right: 1.5rem !important; }

    .foreignCurrency:before { width: 100%; height: 40%; }
    .foreignCurrency .media { margin: 40px 0px; }
    .prepaidVoucherPart::before { width: 100%; height: 28%; }

    .prepaidVoucherRight { padding: 30px 0px 30px 0px; }

    .agencyBanking { padding: 0px 0px 30px 0px; }
    .agencyBanking h5 { padding: 30px 0px 20px 0px; }
    .agencyBanking .media { margin: 0px 0px 40px; align-items: center; }
    .agencyBanking .media:last-child { margin-bottom: 0px; }
    .agencyBanking .media .media-body { font-size: 18px; line-height: 24px; }

    .foreignCurrency-mob-right { padding: 0px 0px 0px 0px; }

    .merchantPaymentGatewayGroup { margin: 30px 0px; }
    .merchantPaymentGatewayGroup h4{ margin-bottom: 25px; }
    .merchantPaymentGatewayMediaImage { margin: 0px 25px 0px 0px; max-width: 160px; }
    .ourCurrencySliderPart { margin: 0px 0px 60px 0px; }
    .ourCurrencyCarousel .owl-nav .owl-prev, .ourCurrencyCarousel .owl-nav .owl-next { width: 50px; height: 50px; font-size: 16px !important; margin: 0px 5px; }

    .agencyBankingRight{ padding: 0px 30px 30px 30px; }

    .merchantPaymentGatewayGroup.orderRightMain { text-align: left; }
    .merchantPaymentGatewayGroup .orderRight { -ms-flex-direction: unset !important; flex-direction: unset !important; text-align: left; }
    .merchantPaymentGatewayGroup .orderRight .merchantPaymentGatewayMediaImage { margin: 0px 25px 0px 0px; }
    .merchantPaymentGatewayGroup.orderRightMain h4 small { -ms-flex-direction: unset !important; flex-direction: unset !important; }

    /*---- POS Software System ----*/
    .pos-services-provide{ margin: 0px 0px 20px 0px; }
    .pos-services-provide img{ width: 100%; }
    .pos-keyFeatures img{ width: 100%; }

    .pos-various{ padding-bottom: 30px; }
    .pos-various-blueBox { position: unset; max-width: 100%; padding: 30px; }
    .pos-integration-main .row img{ width: 100%; margin-bottom: 15px; }

    ul.listPointFive2 li { font-size: 16px !important; }
    /*---- POS Software System End ----*/


    /*---- Magento Extension ----*/
    .magentoExtensionMain { padding: 40px 0px 40px; }
    .magentoExtensionIcon { margin: 0px 22px 0px 0px; max-width: 200px; }
    .magentoExtensionMain .price { font-size: 22px; }
    .magentoExtensionTab .tab-content{ padding: 25px; }
    .magentoExtensionTab .tab-content h3 { font-size: 20px; }
    .magentoExtensionData h3 { font-size: 25px; padding-bottom: 20px; }
    .magentoExtensionData h4 { font-size: 22px; }

    .magentoExtensionFaq .card-header a{ font-size: 18px; }
    .magentoExtensionMain h2{ font-size: 24px; }
    /*---- Magento Extension End ----*/


    /*---- On Demand Services ----*/
    .welcomeOnDemandServices{ padding: 25px; }

    .ods-mainTitle h2 { font-size: 24px; }

    .ods-fitnessApp { padding: 30px 0px; }
    .ods-fitnessApp-img1 { margin-top: 10px; margin-bottom: 40px; }
    .ods-fitnessApp-img1 img{ box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.3); }

    .ods-fitnessAppPointsPart { padding: 30px 0px; }
    .ods-fitnessAppScreenMain{ text-align: center; }
    .ods-fitnessAppScreenText{ text-align: left; }

    .andSepImage{ padding: 30px 0px; }
    .andSepWeb{ display: none; }
    .andSepMob{ display: inline-block; }

    .ods-foodDeliveryAppScreen { padding: 10px 0px 20px; }

    .ods-taxiHiringTwoImg { padding-left: 0px; text-align: center; }

    .jobPortal-threeMainHeadersBox { font-size: 18px; padding: 15px 25px; width: auto; left: 15px; right: 15px; border: solid 8px #fff; box-shadow: inset 0px 0px 0px 2px #29b9d3; }

    .ods-travellingApp { padding: 40px 0px 10px; }

    .ods-music-adminPanelFeatures { padding: 10px 0px 0px 0px; }
    .ods-musicStreaming { padding: 0px 0px 20px 0px; }
    
    /*---- On Demand Services End ----*/


    /*--------------------------------- New Design Start ---------------------------------*/
    .mainSliderNewData{ text-align: center; padding: 30px 0px; }    
    .mainSliderNewImage{ margin-top: 25px; }
    .mainSliderNewImage img{ width: auto !important; display: inline-block !important; max-width: 400px; }
    .homemainCarousel .owl-dots { bottom: 15px; }

    .aboutFourColBox{ border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
    .welcomeJhkNewText { text-align: center; }

    .overviewPart{ text-align: center; padding: 40px 0px; }
    .overviewPartTitle2 { font-size: 30px; padding-bottom: 20px; }
    .overviewPartTitle2 br{ display: none; }

    .titleHedTwo { margin-bottom: 20px; text-align: center; }
    .projectClient { justify-content: center; }

    .projectClientBox { padding-right: 20px; margin-right: 20px; }

    .subTitleThree p { font-size: 16px; }

    .blogPart { padding-bottom: 30px; }
    .blogPartBoxImage { margin-bottom: 10px; }

    /*.getinTouchPartRight{ margin-top: 0px; }*/

    .getaquote-page h2 { font-size: 20px; }
    /*.getQuoteBg { padding: 40px 0px; }*/

    .ownerBox h5 { font-size: 16px; }
    .ownerBox h5 span { font-size: 14px; }
    .ownerBoxImg { margin-bottom: 15px; }

    .subTitleFour h1 { font-size: 30px; }
    .subTitleFour h2, .subTitleFour h3, .subTitleFour h4, .subTitleFour .subTitleFourTitle { font-size: 26px; }
    .subTitleFour p { line-height: 1.5 !important; }

    .futureFocusedImage h4 { font-size: 26px; }

    .futureFocusedImage { padding: 30px; margin-bottom: 20px; }

    .clientBenefitsPart{ text-align: center; }
    .clientBenefitsPart .listPointSeven{ text-align: left; margin-top: 30px; }

    .overviewVideo .playIcon { width: 60px; height: 60px; font-size: 16px; }

    p { padding-bottom: 15px; }


    .jhkBenefits .media{ display: table; width: 100%; margin: 0px 0px 50px 0px; text-align: center; }
    .jhkBenefitsIcon { max-width: 100%; text-align: center; margin-bottom: 30px; }
    .jhkBenefits .media:nth-child(even) { -ms-flex-direction: unset !important; flex-direction: unset !important; }
    .jhkBenefits .media:nth-child(even) .jhkBenefitsIcon{ text-align: center; }
    .jhkBenefits .media .media-body .jhkBenefitsTitle { font-size: 22px; padding-bottom: 10px; }

    .subTitleFive h2, .subTitleFive h3, .subTitleFive h4, .subTitleFive .subTitleFiveTitle { font-size: 26px; }

    .form-black { padding: 30px 30px; }


    .testimonialWrapper{ padding: 100px 0px 30px 0px; margin-top: -90px; }
    .testimonialWrapper .card-columns { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; }
    .clientBoxMain { padding: 0px 25px 25px 25px; margin: 50px 0px 25px !important; }
    .clientBoxMain:first-child { margin-top: 90px !important; }

    .clienTestimonialsImage{ max-width: 80%; margin-left: auto; margin-right: auto; }
    
    .ourTeam-banner-right { text-align: center; padding: 30px 0px 0px 0px; }
    .ourTeam-banner .textleft{ text-align: center !important; }
    .ourTeamParagraph { padding: 30px 0px; }
    .ourTeamParagraph p.font-22 { font-size: 16px !important; }

    .meetCreatorsThumb { padding: 30px 25px 0px 25px; max-width: 250px; }
    
    .meetCreatorsJhkLogo { position: unset; padding-bottom: 15px; }
    .meetCreators .media h3 { font-size: 18px; padding: 0px 0px 8px 0px; }
    .meetCreators .media h3 span { font-size: 14px; padding-top: 2px; }
    .meetCreators .media-body { padding: 20px 20px 20px 0px; }
    .meetCreators .media-body p{ line-height: 1.3 !important; }

    .ourTeam-banner { padding: 30px 0px; }

    .joinThumb { padding: 30px 0px 0px 0px; max-width: 260px; }
    .joinourTeam-title { font-size: 25px; padding-bottom: 10px; }
    .joinourTeam .media-body { padding: 0px 20px 0px 0px; }


    /*New Mega Menu Css*/
    ul.megamenuNav li a { font-size: 15px; }
    /*.myMegaMenuWrapper { padding: 5px 0px; }*/

    
    /*Social Media Links Page*/
    .socialMediaLinksData h3 { color: #29b9d3; padding: 10px 0px 40px; font-size: 25px; }
    .socialMediaLinksData .media{ margin: 0px auto 50px auto; }
    .socialMediaLinksData .media .socialIcon { max-width: 240px; }
    .socialMediaLinksData .media .socialIcon img{ width: 88%; }
    .socialMediaLinksData .media .media-body p { font-size: 18px; line-height: 1.4; }
    .linkTextArrow { font-size: 16px; }


    /*Privacy and Terms*/
    .privacyTerms h4.font-30 { font-size: 22px !important; }

    ul.listPointThree1 { margin: 0px 0px 20px 15px; }


    /*Work Model*/
    .involved-stages .media .involvedStagesImage { width: 140px; }
    .mainFactorsWorkModel .subTitleFive{ text-align: center !important; }
    .mainFactorsWorkModel{ padding: 30px 0px; }
    .mainFactorsBoosting { text-align: center; padding-top: 20px; }
    .projectManagementStepsBox{ padding: 30px; }
    .projectManagementSteps { padding: 50px 0px; }
    ul.listPointNumberOne li{ padding: 20px 0px 0px 48px; margin: 0px 0px 20px 0px; }

    .involved-stages .font-20{ font-size: 16px !important; }


    /*Mobile App Development - Tech Zone*/
    .technologyTrendSidebar { max-width: 180px; margin-right: 25px; }
    .technologyTrendSidebar ul li { font-size: 14px; }
    .technologyTrendBox .font-20 { font-size: 16px !important; }
    .technologyTrendBox { padding-bottom: 35px; margin-bottom: 35px; }


    /*Service Mobile App*/
    .androidIphone h3, .androidIphone h4, .androidIphone .androidIphoneTitle { font-size: 20px; padding-bottom: 8px; }
    .androidIphone p { font-size: 16px; }
    .androidIphonelgimage { margin-right: 25px; max-width: 150px; }
    .androidIphonelgimage.right{ margin-right: 0px; margin-left: 25px; }
    .iosPart{ margin-top: 40px; }
    .iosPart .font-18{ font-size: 16px !important; }


    /*Page not found*/
    .pageNotFound h1 { font-size: 180px; line-height: 180px; }
    .pageNotFound h2 { font-size: 22px; padding-bottom: 16px; }



    /*Wordpress Page Font Updates*/
    /*body { font-size: 20px; }*/
    .servicTopTitl p { font-size: 20px; }
    .servicTitle2 h2, .servicTitle2 .servicTitle2Sub { font-size: 20px !important; }
    .comonBoxOneData h4, .comonBoxOneData h3 { font-size: 20px; }
    .comonBoxOneData p { font-size: 20px; }
    .font-15 { font-size: 20px !important; }
    .wordPressGraphi1Data h4, .wordPressGraphi1Data h3, .wordPressGraphi1Data h5, .wordPressGraphi1Data .wordPressGraphi1DataTitle { font-size: 20px; }     
    ul.listTwo li{ font-size: 20px; }
    .wordPressGraphi2Data h3 { font-size: 20px; }
    .wordPressGraphi2Data p { font-size: 20px; }
    .titleHedOne p{ font-size: 20px; }
    .headerMain{ padding: 15px 0px; }
    .navbar-toggler-icon{ width: 28px; height: 28px; }
    .navbar-toggler > .close{ width: 28px; height: 28px; }

    /*.myMegaMenu .dropdown-menu{  }*/
    .myMegaMenu { font-size: 16px; }

    /*.myMegaMenuBoxTitle .serviceName { font-size: 16px; font-family: 'ProximaNovaRegular' !important; }*/


    .imageAndTextSeprate .media{ display: table; width: 100%; }
    .imageAndTextSeprateImage { max-width: 100%; margin-right: 0px; }


    /*---- Products Page Start ----*/
    .products { padding-bottom: 40px; }
    .productsData { padding-top: 40px; }

    .productsList{ column-gap: 20px; margin-top: 20px; }
    .productsListBox:first-child{ margin-top: -20px !important; }
    .productsListBox{ margin-bottom: 20px !important; }
    .productsListBox .card-body{ padding: 20px 20px 25px; }
    .productsListBox .card-body p.card-text{ font-size: 16px; }
    .productsListBox h3 { font-size: 18px; }
    .productsListBoxFooter .price { font-size: 22px; }    
    /*---- Products Page End ----*/

    /*-- Home New Get in Touch Part --*/
    .getinTouchPartNew{ background-image: none; }


    /*---- Thank You Page ----*/
    .thanksLeft{ -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; transform: unset; 
        border-radius: 50%; padding: 0px; width: 240px; height: 240px; margin: 40px auto 0px;
    }
    .thanksLeft:before{ position: unset; content: unset; -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; transform: unset; }
    .thanksLeft img{ -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; transform: unset; }

    .thanksRight{ max-width: unset; padding: 40px; text-align: center; display: block; }
    .thanks-footer{ justify-content: center; }
    /*---- Thank You Page End ----*/


    /*---- Sync Slider Start ----*/
    .showcaseBoxTitle { font-size: 22px; }
    .showcaseBox p { font-size: 16px; }
    /*---- Sync Slider End ----*/

    .patternTitle{ margin-bottom: 40px; }
    .patternTitleIcon{ top: -20px; }
    .patternTitleIcon span{ min-height: 40px; padding: 0px 15px; }
    .patternTitleIcon .iconBgNone{ max-height: 40px; max-width: 40px !important; }

    /*---- Blog Pagination ----*/
    .pagination-wp ul.page-numbers li { margin: 5px 6px; }
    .pagination-wp ul.page-numbers li .page-numbers{ width: 36px; height: 36px; }
    /*---- Blog Pagination End ----*/


    /*-- Ecommerce New --*/
    .joinourTeam .media-body br{ display: none; }
    .platform{ -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; margin-top: 20px; margin-bottom: 20px; }
    .platform-icon{ height: 70px; }

    .numberBox p { font-size: 16px; }

    .font-18 { font-size: 16px !important; }
    .font-20 { font-size: 17px !important; }
    .font-22 { font-size: 18px !important; }
    .font-24 { font-size: 20px !important; }
    .font-30 { font-size: 22px !important; }
    .font-32 { font-size: 24px !important; }

    .rowwithSpace > [class*="col-"] { padding-right: 8px; padding-left: 8px; }
    .rowwithSpace > [class*="col-"] { margin-top: 8px; margin-bottom: 8px; }

    .joinourTeam { margin-top: 40px; }


    /*Eight Services*/
    .section-padding100 { padding: 50px 0px; }
    .jhk-stats .row.dotline [class*="col-"]:not(:first-child):after { border-right: 0px; }

    .serviceEight-bannermain{ height: auto; }
    /*.serviceEight-banner{ display: table; width: 100%; text-align: center; }*/
    .serviceEight-bannerImage{ width: 280px; margin-left: auto; margin-right: auto; }
    .serviceEight-bannerData { padding: 0px 0px 40px 0px; text-align: center; }
    .serviceEight-bannerData h1 { font-size: 30px; }
    .serviceEight-bannerData p { padding-bottom: 25px; font-size: 18px !important; }
    
    .appserviceBox h5 { font-size: 18px; }
    
    .service-faq .card .card-header .btn-header-link{ font-size: 18px; padding: 20px 50px 20px 20px; }
    .service-faq .card .card-header .btn-header-link:after { top: 22px; }
    .service-faq .card .card-body { padding: 0px 20px 20px 20px; }
    .service-faq .card .card-body p { font-size: 16px; }

    .serviceColorBoxMain [class*='col-']:nth-child(odd) .serviceColorBoxIcon { margin-right: 0px; }
    .serviceColorBoxMain [class*='col-']:nth-child(even) .serviceColorBoxIcon { margin-left: 0px; }

    .servics8Image2-data{ padding: 50px; }

    .servics8TitFrame{ padding-top: 15px; }
    .servics8TitFrame:before { left: -10px; border-top: solid 4px #29b9d3; width: 60px; }
    .servics8TitFrame:after { left: -13px; border-left: solid 4px #29b9d3; }
    .servics8ImageShadow .servics8Image { opacity: 0.3; }

    .jhk-stats.statsTwo .row.dotline [class*='col-']:not(:first-child):after { border-right: 0px; }

    .servics8ImageShadow:after{ opacity: 0.5; }

    .servics8-them2-serveBoxTabl .serveBox { padding-top: 45%; width: 47%; }

    /*Eight Services End*/

    
    /*============================== Mobile App Development Company New York - Chris  ========================*/
    .madny-hero-section .serviceEight-bannerImage {	width: 200; }
    .mob-app-dev-sec-section-row { margin-top: 30px; }
    .cp-title-2 { font-size: 27px; }
    .mad-third-section-col-1 p { font-size: 18px; }
    .mad-fourth-section-row { margin-top: 30px; }
    .mad-cta-promo-img-col > img, .mad-fifth-section-img-col > img { max-width: 230px !important; }
    .mad-process-number::before { font-size: 70px; }
    /*============================== // Mobile App Development Company New York - Chris // ========================*/

}
/*767 End*/

@media only screen and (max-width : 575px) {
    .titleHedOne{ padding-bottom: 30px; }
    .titleHedOne p br{ display: none; }

    /*.headerMain{ padding: 10px 0px; }*/
    .headerMain .container-fluid, .headerMain.affix .container-fluid{ padding-right: 10px; padding-left: 10px; }
    .headerMain .navbar-brand img, .headerMain.affix .navbar-brand img {  width: 110px; }   

    .mainSliderNew .carousel-control-next, .mainSliderNew .carousel-control-prev{ margin: 0px 10px; }
    .mainSliderNew .carousel-control-prev-icon, .mainSliderNew .carousel-control-next-icon { width: 40px; height: 40px; background-size: 10px; }


    .menuMain .form-inline{ display: table; width: 100%; }
    .whatsAppAnim{ margin: 15px 10px 0px 10px; min-height: 43px; }
    .getquotebtn{ width: auto; margin: 10px; display: block; min-height: 43px; line-height: 43px; padding-top: 0px; padding-bottom: 0px; }

    /*.mainSlider { margin-top: 50px; }
    .mainSlider .carousel-caption{ display: none; }*/
    /*.mainSlider .carousel-item img{ opacity: 1; }*/
    /*.mainSlider .carousel-control-next, .mainSlider .carousel-control-prev{ opacity: 1; }*/

    .ourService { padding: 40px 0px 30px; }

    .footerMain:before{ background-size: contain; }
    .footerLogo { padding-bottom: 20px; }
    .footerMain{ padding-top: 15px; }
    .copyRight { margin-top: 30px; padding: 15px 0px; }
    .copyRight a{ display: block; }
    .copyRight .textright{ color: #ffffff; text-align: center; padding-top: 25px; }

    .imageFrameTwo { margin: 0px !important; }

    .welcomeJhk p{ line-height: 24px; }

    .clientsTrusted { padding-top: 40px; }
    .clientsTrusted h3 { font-size: 22px; }

    .getinTouchSocial i{ margin: 0px 6px; font-size: 16px; width: 50px; height: 50px; }
    .getinTouchAndNewsletterData{ max-width: 100%; padding: 30px 20px; }
    .getinTouchAndNewsletter p{ font-size: 15px; }
    .getinTouchAndNewsletter p br{ display: none; }

    .welcomeJhkMain { padding: 40px 0px; }
    .imageFrameOne { margin: 40px 0px 0px 0px; min-height: unset; }
    .imageFrameOneImageBg{ position: unset; display: none; }
    .imageFrameOneImage { width: 100%; height: auto; border: 5px solid #29b9d3; padding: 5px; }

    .ourWorks { padding: 45px 0px; }

    .superSupportBox { padding-bottom: 25px; }
    .superSupportBox h5 { font-size: 24px; }

    .innerWrapper { /*padding: 55px 0px 0px 0px;*/ }

    .comonSpaceThree { padding: 30px 0px 40px; }
    .comonSpaceFour { padding: 30px 0px; }

    .subTitleOne { padding-bottom: 30px; }
    .subTitleOne h1 { font-size: 24px; padding-bottom: 10px; font-family: 'ProximaNovaSbold'; }
    .subTitleOne h1 span{ display: block; }
    .subTitleOne h1.letterSpac { letter-spacing: 2px; }
    .subTitleOne p { width: 100%; line-height: 1.5; }
    .subTitleOne p.moreWidth { width: 100%; }

    .expertPeopleCarousel .owl-dots { padding-top: 20px; }

    .aboutThreePoint { padding-top: 50px; }
    .aboutThreePoint h3{ font-size: 16px; padding-bottom: 40px; }

    .ourExpertiseArea { padding: 20px; }
    .ourExpertiseArea h3 { font-size: 22px; padding-bottom: 14px; }
    ul.listPointOne li { font-size: 14px; }
    
    .whatsAppFeed{ padding: 15px 0px; }

    .subscribFormMain .btn { font-size: 20px; }
    .subscribFormMain .btn span{ display: none; }
    .subscribFormMain .btn i{ display: block; }

    .subscribe { padding: 40px 0px 0px 0px; }
    .subscribe h3 { font-size: 24px; }
    

    .digitalExperienceVideo .playIcon { width: 60px; height: 60px; font-size: 15px; }
    .digitalExperience h3 { font-size: 22px; padding-bottom: 25px; }


    .needJhkHelp .btn { min-width: 100%; }
    .needJhkHelp h2 { font-size: 25px; padding-bottom: 16px; }
    .needJhkHelp p { padding-bottom: 20px; font-size: 14px; }

    .servicTitles{ font-size: 25px; padding-bottom: 16px; }
    .servicTitlesData{ padding-bottom: 20px; font-size: 14px; }


    .btn1, .btn2, .btn3, .btn4 { font-size: 13px; padding: 12px 16px; letter-spacing: 0px; min-width: 140px; }
    .btnBlack, .btnWhite, .btnSkyBlue { font-size: 14px; padding: 16px; letter-spacing: 1px; max-width: 160px; }


    .btnLg { padding: 14px 20px; }

    .innerBanner { padding: 60px 0px; }
    .innerBanner h1 { font-size: 20px; }
    .myBreadcrumb .breadcrumb .breadcrumb-item { font-size: 15px; }

    .serviceTwoPart { padding: 0px 0px 20px; width: 100%; }
    .serviceTwoPart h4 { font-size: 18px; padding-bottom: 14px; }

    .serviceTwoPartImage { margin-bottom: 25px; height: 90px; }
    .serviceTwoPartImage img { max-height: 90px; }
    
    ul.listPointThree li { font-size: 14px; }
    ul.listPointFour li { font-size: 14px; padding: 0px 0px 6px 24px; }
    ul.listPointFive { padding: 15px 15px 20px 15px; }

    .needJhkHelp{ padding: 45px 0px; }

    .comonSpaceTwo { padding: 40px 0px; }

    .getinTouchSocial span{ display: none; }
    .getinTouchSocial i.mb-2{ margin-bottom: 0px !important; }

    .contactForm h1 { font-size: 20px; }
    .contactForm small{ width: 100%; font-size: 16px; }
    .contactBanner { padding: 40px 0px; background-color: #333333; }
    .contactBannerImage{ display: none; position: unset; visibility: hidden; }
    .contactBannerImage img{ display: none; visibility: hidden; }
    .contactBannerBox { padding: 0px 0px 25px; }
    .contactBannerBoxIcon{ height: auto; margin-bottom: 8px; }
    .contactBannerBoxIcon img{ height: 30px; }    

    /*.mapPart .embed-responsive { height: 300px; }*/

    .blogsPart .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding-top: 0px; }
    .blogsPart .card { margin-bottom: 25px; }
    .blogsPart .card:first-child { margin-top: 0px; }
    .blogBoxImage { height: 200px; }
    .blogBoxImage:before { right: 8px; }
    .blogBoxData { padding: 30px 20px 20px; }

    .blogDate{ font-size: 26px; width: 76px; top: 5px; right: 5px; }
    .blogDate span{ font-size: 13px; }

    .myPagination { padding-top: 15px; }
    .myPagination .page-link{ width: 40px; height: 40px; }
    .myPagination .page-item { margin: 0px 4px; }


    .blogDetailsTitle { padding-bottom: 25px; }
    .blogDetailsTitle h4 { font-size: 12px; }
    .blogDetailsTitle h4 .posted { padding: 0px 4px; }
    .blogDetailsTitle h1 { font-size: 26px; text-align: left; }
    .blogDetailsData h2 { font-size: 22px; }
    .blogDetailsData h3 { font-size: 20px; }
    

    .blogDtlSubTitle1 { font-size: 18px; }
    .blogDtlQuote { padding: 20px 25px 45px 25px; margin: 0px 0px 50px; }
    .blogDtlQuoteIcon{ left: 0px; right: 0px; margin: 0px auto; bottom: -30px; }
    .blogDtlQuote p { padding: 0px 0px 15px 0px; font-size: 16px; }
    .blogDtlQuoteWriter { font-size: 16px; }
    .blogDtlQuoteIcon { width: 60px; height: 60px; font-size: 24px; }
    .blogDtlSubTitle1 { font-size: 16px; }
    
    .blogDtlNxtPrev{ padding: 20px 0px 30px 0px; margin-top: 10px; border-bottom: solid 3px #ededed; }
    .sharePostPart .justify-content-end{ padding-top: 10px; }
    .sharePostPart .font-18 { font-size: 16px !important; }

    ul.blogDtlNxtPrevSocia li { padding: 0px 6px; }

    .blogDtlNxtPrevLink .row { margin-left: -5px; margin-right: -5px; }
    .blogDtlNxtPrevLink .row > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
    .blogDtlNxtPrevLink a { padding: 15px 10px; margin-bottom: 0px; }

    .formTwo .form-control{ height: 48px; padding: 12px 15px; }

    /*Services Pages*/
    .servicTopTitl { padding-bottom: 30px; }
    .servicTopTitl h1 { font-size: 24px; padding-bottom: 12px; }
    .servicTopTitl h1 .font-32{ font-size: 20px !important; }
    .servicTopTitl.widthOne, .servicTopTitl.widthTwo { width: 100%; }


    .servicTitle2 { padding-bottom: 20px; }
    /*.servicTitle2 h2 { font-size: 18px !important; }    */
    .servicTitle2 h2.font-32 { font-size: 22px !important; }    
    .servicTitle2 h2 small, .servicTitle2 .servicTitle2Sub small{ width: 100%; font-size: 16px; padding-top: 12px; }
    .servicTitle2 h2 br{ display: none; }

    .comonBoxOne{ margin-bottom: 20px; }
    .comonBoxTwo { margin-bottom: 20px; }
    .comonBoxThree{ margin-bottom: 20px; }
    .comonBoxThreeData h4, .comonBoxThreeData .comonBoxThreeDataTitle{ line-height: normal; }
    .comonBoxThreeData h4:before, .comonBoxThreeData .comonBoxThreeDataTitle:before { top: 5px; }


    .wordPressGraphi1 { background-position: left -20px; background-size: contain; background-position: left -20px; padding: 160px 20px 20px 20px; }
    .wordPressGraphi1Data h4, .wordPressGraphi1Data h3, .wordPressGraphi1Data .wordPressGraphi1DataTitle { /*font-size: 18px;*/ padding-bottom: 8px; }
    /*.wordPressGraphi1Data h4 { font-size: 16px; }*/
    .wordPressGraphi2 { padding: 20px; }
    .wordPressGraphi2Data h3 { /*font-size: 18px;*/ padding-bottom: 10px; }
    /*.wordPressGraphi2Data p { font-size: 15px; }*/

    /*.row.verticalDotLine [class*='col-']:not(:first-child):after { border-right: 0px; width: unset; content: unset; display:block; position: unset; top: unset; bottom: unset; left: unset; }

    .servicComonIcon .row{ border-bottom: 0px; }
    .servicComonIcon .row > [class*="col-"]:nth-child(even) .servicComonIconBox{ margin-left: 0px; }
    .servicComonIcon .row > [class*="col-"]:nth-child(odd) .servicComonIconBox{ margin-right: 0px; }
    .servicComonIcon .row:last-child > [class*="col-"]:last-child .servicComonIconBox { border-bottom: 0px; padding-bottom: 0px; }
    .servicComonIconBox { border-bottom: dashed 1px #b2b2b2; padding: 25px 0px; }
    .servicComonIconBox h4 { font-size: 16px; } 
    .servicComonIcon .row:last-child [class*='col-']{ border-left: 0px; }*/


    .ecomm-ourExpertiseArea { margin-bottom: 25px; }
    .ecomm-ourExpertiseArea h4 { font-size: 16px; padding: 15px 0px 8px; }
    .ecomm-ourExpertiseAreaBox p { padding-bottom: 15px; }

    /*.webDesignBg { width: 100px; }
    .webDesignTitle { margin-bottom: 10px; }
    .webDesignTitle img { max-width: 300px; }
    .webDesignTitleText h2 { font-size: 23px; padding: 20px 60px; }*/

    .weBelieveBox p br{ display: none; }

    /*---- Testimonial ----*/
    .testimonialSlideBox .media { display: table; width: 100%; margin: 0px; text-align: center; }
    .testimonialSlideBox .media-body h4{ font-size: 18px; margin-top: 10px !important; }
    .testimonialSlideBox .media-body h4 small{ padding-top: 8px; }
    .testimonialSlideBox .mediaImage { margin: 0px auto; }
    .testimonialSlideBox .mediaImage img { margin: 0px !important; }
    .testimonialSlideBox .starRating{ justify-content: center; }
    .testimonialCarousel .owl-dots{ padding-top: 10px; }



    /*---- Social Media Marketing ----*/
    .howweHelpyou { padding-top: 50px !important; text-align: center; }
    .howweHelpyou h3, .howweHelpyou h2 { font-size: 20px; padding-bottom: 8px; }
    .howweHelpyou h3:before, .howweHelpyou h2:before { right: 0px; margin: 0px auto; }

    .wayweAdvertisePart { text-align: center; padding: 30px 0px; }
    .wayweAdvertisePart:before { width: 100%; height: 100%; }
    .wayweAdvertisePart h2 { font-size: 20px; top: 0px; position: unset; padding-bottom: 15px; }

    .advertise-chart { padding: 10px 0px 0px 0px; }

    .socialMediaGroup h4 { font-size: 22px; }
    .socialMediaGroupNumber { margin-bottom: 15px; }

    /*---- Service Branding ----*/
    .subTitleTwo h3, .subTitleTwo h4, .subTitleTwo h2, .subTitleTwo .subTitleTwoTitle { font-size: 20px !important; margin: 0px 0px 20px 0px; padding: 0px 0px 10px; }
    .othersDesign p { font-size: 15px !important; }
    
    .brandingLogoDesign { padding: 25px 0px; }
    .brandingLogoDesign p { line-height: 22px; }
    .brandingLogoImageMain { padding: 20px 0px 0px 0px; }

    .commonMedia .mediaImage { max-width: 90px; padding: 0px 15px 0px 0px; }

    .landingPageDesignLeft { padding: 30px 0px 30px; }

    .catalog-design-image { padding: 20px 0px 0px 0px; }

    .socialMediaMarketingPart{ padding-top: 0px !important; }
    .socialMedia-icons { padding: 10px 0px 20px 0px; }

    /*---- Currency Remit App ----*/
    .ourCurrencyLabel{ position: unset; max-width: 100%; padding: 25px; }
    .ourCurrencyLabel p { font-size: 16px !important; }
    
    .ourCurrencyCarousel .owl-nav { bottom: 10px; left: 0px; right: 0px; text-align: center; }

    .ourCurrencySliderPart { margin: 0px; }

    .ourCurrency .media img { width: 60px; margin-right: 15px !important; }
    .ourCurrency .media.secDes { margin-top: 0px !important; }
    .ourCurrency .media.secDes img{ width: 60px; margin-right: 15px !important; }
    .ourCurrency .media .media-body { font-size: 16px; line-height: normal; }    
    .ourCurrency .media .media-body .ourCurrencyTItle { font-size: 20px; padding: 0px 0px 8px 0px; }

    .foreignCurrency .foreignCurrency-icon { min-width: 100px; }
    .foreignCurrency .foreignCurrency-icon img{ width: 80px; }
    .foreignCurrency .media .media-body { font-size: 18px; }

    .agencyBanking h5 { font-size: 20px; }
    .agencyBankingRight { padding: 20px; }
    .agencyBankingRight h5 { padding-top: 0px !important; }

    .agencyBanking .agencyBankingIcon { width: 60px; min-width: unset; margin-right: 20px; }
    .agencyBanking .media { margin: 0px 0px 20px; }
    .agencyBanking .media .media-body { font-size: 16px; line-height: 20px; }

    .merchantPaymentGatewayGroup h4 { font-size: 18px; line-height: 25px; }
    .merchantPaymentGatewayGroup .media { display: block; }
    .merchantPaymentGatewayMediaImage { margin: 0px 0px 20px 0px; max-width: 100%; }
    .merchantPaymentGatewayGroup .orderRight .merchantPaymentGatewayMediaImage { margin: 0px 0px 20px 0px; max-width: 100%; }

    /*---- POS Software System ----*/
    .pos-keyFeaturesBox { padding: 20px; }
    ul.listPointFive2 li { font-size: 16px !important; }

    .pos-developedBox h4 { font-size: 18px; padding-bottom: 20px; }
    .pos-developedBox ul li{ padding-bottom: 10px; }
    .pos-various-blueBox{ padding: 20px; }

    .ourCurrency .media { margin: 20px 0px !important; }
    .ourCurrency .media .numbers { width: 50px; height: 50px; font-size: 26px; }
    /*---- POS Software System End ----*/


    /*---- Magento Extension ----*/
    .magentoExtensionMain { text-align: center; padding: 30px 0px 40px; }
    .magentoExtensionMain .media{ display: table; width: 100%; }
    .magentoExtensionMain h2{ font-size: 24px; text-align: center; }
    .magentoExtensionMain .ratings{ justify-content: center; }
    .magentoExtensionIcon{ max-width: 100%; margin: 0px 0px 30px 0px; }

    .magentoExtensionTab .nav-pills{ margin-bottom: 12px; }
    .magentoExtensionTab .nav-pills .nav-item{ margin-right: 5px; }
    .magentoExtensionTab .nav-pills .nav-link{ font-size: 14px !important; padding: 12px 10px; }
    .magentoExtensionTab .tab-content { padding: 15px; }
    .magentoExtensionTab .tab-content h3 { font-size: 18px; }

    .magentoExtensionData h3 { font-size: 22px; padding-bottom: 15px; }
    .magentoExtensionData h4 { font-size: 20px; padding-bottom: 12px; }
    .magentoExtensionData p { font-size: 16px; }

    .magentoExtensionData .font-20{ font-size: 18px !important; }
    ul.listPointThree1 li { font-size: 16px; }

    ul.listPointThree1 { margin: 0px 0px 30px 5px; }
    ul.listPointThree2 { margin: 0px 0px 30px 5px; }    

    .magentoExtensionMainButtons .btn{ min-width: auto; width: 100%; margin-right: 0px; }
    .magentoExtensionFaq .card-body p { font-size: 14px; }
    .magentoExtensionFaq .card-header a { font-size: 16px; }
    .magentoExtensionFaq .card{ padding-bottom: 10px; }

    /*---- Magento Extension End ----*/


    /*---- On Demand Services ----*/
    .on-demand-services-main img{ min-height: 160px; width: auto; object-fit: cover; }

    .welcomeOnDemandServices { padding: 15px; }
    .welcomeOnDemandServices h3 { font-size: 16px; }
    .welcomeOnDemandServices p { font-size: 14px; }

    ul.listPointNumber li{ font-size: 15px; }
    
    .ods-fitnessApp { padding: 20px 0px; }
    .ods-fitnessApp-img1 { margin-top: 0px; margin-bottom: 30px; }

    .ods-fitnessAppPointsPart { padding: 20px 0px; }

    .ods-mainTitle { margin-bottom: 15px; }
    .ods-mainTitle h2 { font-size: 22px; }
    .ods-mainTitle span { width: 42px; height: 38px; line-height: 38px; font-size: 18px; margin-right: 10px; }

    .ods-fitnessAppScreenMain{ padding: 20px 0px 0px 0px; }
    .ods-fitnessAppScreenMain:before{ position: unset; left: unset; right: unset; top: unset; content: none; min-height: unset; background: unset; }
    .ods-fitnessAppScreenText { padding-top: 20px; }

    .ods-taxiHiringPartOne { padding: 20px 0px; }
    .ods-taxiHiringCar { position: unset; text-align: center; }
    .ods-taxiHiring .comonSpaceTwo { padding: 30px 0px 10px; }

    .ods-foodDeliveryApp { padding: 20px 0px !important; }
    .ods-foodDeliveryAppScreen { padding: 0px 0px 10px; }

    h3.ods-subTitle, h2.ods-subTitle { font-size: 18px; padding-bottom: 12px; }

    .ods-jobPortal { padding: 20px 0px 10px; }
    .jobPortal-threeMainHeadersBox{ position: unset; font-size: 16px; padding: 15px 12px; }
    .jobPortal-image { margin: 0px 0px 30px; }
    .jobPortal-image img { box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.4); }

    .ods-travellingApp { padding: 20px 0px 10px; }
    .ods-travellingAppScreen { padding: 0px 0px 20px; }
    .ods-travellingApp .font-24, .ods-musicStreaming .font-24 { font-size: 16px !important; }
    
    .ods-musicStreamingApp { padding: 0px 0px 20px; }

    /*---- On Demand Services End ----*/


    /*--------------------------------- New Design Start ---------------------------------*/
    .mainSliderNewData h1 { font-size: 24px; }
    .mainSliderNewImage img { width: 100% !important; }

    .welcomeJhkNewTextTitle { font-size: 26px; padding-bottom: 8px; }

    .aboutFourColMain{ margin-top: 30px; }

    .overviewPartTitle1 { font-size: 20px; padding-bottom: 8px; }
    .overviewPartTitle2 { font-size: 24px; padding-bottom: 15px; }

    .subTitleThreeTitle { font-size: 24px; }

    .technologyBox p { font-size: 16px; }

    .titleHedTwo h2, .titleHedTwo h4, .titleHedTwo .titleHedTwoTitle { font-size: 26px; }

    .projectClientBox span { font-size: 24px; line-height: 24px; }

    .testimonialBox { text-align: center; }
    .testimonialBoxImage { margin-left: auto; margin-right: auto; }

    

    .formThree .form-group { margin-bottom: 15px; }

    .getaquote-page h2 { font-size: 16px; padding: 10px 0px; }
    /*.getQuoteBg { padding: 30px 0px; }*/

    .subTitleFour h1 { font-size: 24px; }
    .subTitleFour h2, .subTitleFour h3, .subTitleFour h4, .subTitleFour .subTitleFourTitle { font-size: 22px; }
    .subTitleFour p { line-height: 1.3 !important; }
    .subTitleFour .font-22 { font-size: 16px !important; }
    .subTitleFour .font-20{ line-height: 1.3 !important; }

    .futureFocusedImage { padding: 25px; }
    .futureFocusedImage h4 { font-size: 22px; }
    .futureFocusedImage p{ line-height: 1.2; }

    .overviewVideo .playIcon { width: 50px; height: 50px; font-size: 14px; }

    .ownerBox h5 { font-size: 20px; }
    .ownerBox h5 span { font-size: 16px; }


    .subTitleFive.width65 { width: 100%; }
    .subTitleFive h2, .subTitleFive h3, .subTitleFive h4, .subTitleFive .subTitleFiveTitle { font-size: 20px; padding: 0px 0px 20px 0px; }

    .jhkBenefits .media .media-body .jhkBenefitsTitle { font-size: 18px; padding-bottom: 5px; }
    .jhkBenefits .media .media-body p { font-size: 16px; }

    .form-black { padding: 25px; }
    .form-black .form-group { margin-bottom: 25px; }
    .form-black .labelAll { margin-bottom: 5px; font-size: 16px; }
    .form-black .inptAll { height: 44px; font-size: 16px; padding-left: 12px; padding-right: 12px; }


    .testimonialWrapper .card-columns { -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

    .clienTestimonialsImage { max-width: 90%; }

    .clientBoxMain:first-child { margin-top: 50px !important; }
    .clientBoxMain{ margin-top: 70px !important; }


    /*---- Mobile Hide Banner Image ----*/
    .ourTeam-banner-right{ padding: 20px 0px 0px 0px; 
        display: none !important; visibility: hidden !important;
    }
    .clienTestimonialsImage{ display: none !important; visibility: hidden !important; }
    
    .testimonialWrapper{ padding: 40px 0px 20px 0px; /*margin-top: -70px;*/ margin-top: 0px; }

    /*.webDesignBg { position: unset; display: none; visibility: hidden; }*/
    .servicTopTitl p { font-size: 18px; }
    /*---- Mobile Hide Banner Image End ----*/


    .meetCreators .media{ display: table; width: 100%; text-align: center; }
    .meetCreatorsThumb{ max-width: unset; padding: 30px 30px 20px 30px; }
    .meetCreators .media-body { padding: 15px 15px 20px; text-align: center; }
    .hardworkingTeam .ownerBox h3 { font-size: 18px; }
    .hardworkingTeam .ownerBox h3 span { font-size: 16px; }

    .joinThumb{ max-width: unset; }
    .joinourTeam { margin-top: 40px; padding: 0px; }
    .joinourTeam .media{ display: table; width: 100%; text-align: center; }
    .joinourTeam .media-body { padding: 20px 20px 30px; }
    .joinourTeam-title{ padding-bottom: 15px; }

    
    /*New Mega Menu Css*/
    .navbar-collapse.show { width: unset; max-width: 230px; }
    /*.myMegaMenuBoxTitle h4 { font-size: 14px; }*/
    
    ul.megamenuNav { padding: 10px 0px 0px 0px; }
    ul.megamenuNav li a { font-size: 14px; }
    /*.myMegaMenuBox{ border-bottom: solid 1px #eeeeee; padding: 6px 15px; }*/
    .myMegaMenuWrapper .row > [class*="col-"]:last-child .myMegaMenuBox{ border-bottom: 0px; padding-bottom: 0px; }


    /*Social Media Links Page*/
    .socialMediaLinksData .media{ display: table; width: 100%; margin: 0px 0px 40px 0px; text-align: center; }
    .socialMediaLinksData .media:nth-child(even) { -ms-flex-direction: unset !important; flex-direction: unset !important; }
    .socialMediaLinksData .media:nth-child(even) .socialIcon{ text-align: center; }
    .socialMediaLinksData .media .socialIcon { text-align: center; margin: 0px auto 20px; }
    .socialMediaLinksData .media .linkTextArrow{ justify-content: center; }
    .socialMediaLinksData h3 { padding: 10px 0px 30px; font-size: 22px; }
    .socialMediaLinksData .media .socialIcon img { width: 94%; }


    /*Privacy and Terms*/
    .privacyTerms h4.font-30 { font-size: 20px !important; }
    .privacyTerms p{ line-height: 1.4; }


    .seprate-title-description{ padding: 30px 0px; }
    .seprate-title-description h3, .seprate-title-description h4, .seprate-title-description h2 { font-size: 18px !important; }


    /*Work Model*/
    ul.listPointNumberOne li .font-20 { font-size: 16px !important; }
    ul.listPointNumberOne li { padding: 20px 0px 0px 30px; }
    .projectManagementStepsBox { padding: 20px; }
    ul.listPointNumber.large li span{ margin-right: 12px; }

    .involved-stages .media{ display: table; width: 100%; text-align: center; }
    .involved-stages .media .involvedStagesImage { width: auto; margin: 0 auto; }
    .involved-stages .media-body { padding: 20px 0px 0px 0px; }

    .involved-stages .media:nth-child(even) { -ms-flex-direction: unset !important; flex-direction: unset !important; }
    .involved-stages .media:nth-child(even) .involvedStagesImage{ text-align: center; }
    .involved-stages .media:nth-child(even) .media-body { text-align: center; }

    ul.listPointNumber.large li .font-20 { font-size: 18px !important; }


    /*Mobile App Development - Tech Zone*/
    .technologyTrend{ display: table; width: 100%; }
    .technologyTrendSidebar { max-width: 100%; margin-right: 0px; margin-bottom: 30px; position: unset; }
    .technologyTrendSidebar .nav { flex-direction: unset; }

    .technologyTrendSidebar ul { background-color: transparent; }
    .technologyTrendSidebar ul li{ border-bottom: 0px; margin: 0px 6px 8px 0px; }
    .technologyTrendSidebar ul li a, .technologyTrendSidebar ul li a.active{ background-color: #eeeeee !important; color: #000000 !important; padding: 10px 16px; font-family: 'ProximaNovaRegular'; }
    .technologyTrendSidebar ul li a:hover{ background-color: #29b9d3 !important; color: #ffffff !important; }
    .technologyTrendBox { padding-bottom: 30px; margin-bottom: 30px; }
    .technologyTrendBox h3 { font-size: 22px; margin-bottom: 15px; }


    /*Service Mobile App*/
    .rowwithSpace > [class*="col-"] { margin-top: 8px; margin-bottom: 8px; }

    .androidIphone{ display: table; width: 100%; text-align: center; margin-bottom: 15px; }
    .androidIphone h3, .androidIphone h4, .androidIphone .androidIphoneTitle{ font-size: 18px; }
    .androidIphonelgimage { margin: 0px auto 20px auto; }
    .developmentalBox{ padding: 20px; font-size: 14px; }
    .developmentalBox .developmentalBoxTItle { font-size: 16px; padding-bottom: 5px; }
    .developmentalBoxIcon{ margin-bottom: 15px; width: 60px; height: 60px; border-radius: 10px; padding: 10px; }
    .staticBtnLabel{ padding: 0px 15px 0px 11px; min-height: 46px; line-height: 46px; font-size: 14px; }
    .iosPart{ margin-top: 20px; }
    .iosPart .font-18{ text-align: center; }
    .iosPart .mt-2{ text-align: center; }

    .workProcess { padding: 0px 0px 40px 40px; }
    .workProcess:before { left: 8px; }
    .workProcess .media{ display: table; width: 100%; }
    .workProcessImage{ margin: 0px 0px 15px 0px; }
    .workProcessDot{ left: 0px; }
    .workProcess h5 { font-size: 18px; }
    .workProcess p { font-size: 14px; }
    .supportClientsBox p { font-size: 14px; }
    .supportClientsBoxIcon { margin-bottom: 10px; }


    /*Page not found*/
    .pageNotFound h1 { font-size: 110px; line-height: normal; }
    .pageNotFound h2 { font-size: 16px; }

    .subTitleFive.width75 { width: 100%; }

    /*---- Products Page Start ----*/
    .products { padding-bottom: 20px; }
    .productsData h2 { font-size: 20px; }
    .productsData h3 { font-size: 18px; }
    .productsPriceBar { padding: 0px 0px 20px 0px; }

    .productsList{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; column-gap: 0px; margin-top: 0px; }
    .productsListBox:first-child{ margin-top: 0px !important; }
    .productsListBox{ margin-bottom: 20px !important; }
    /*---- Products Page End ----*/


    ul.listPointEight { margin-bottom: 15px; }
    ul.listPointEight li { font-size: 16px; padding: 0px 0px 14px 30px; }
    ul.listPointEight li:before { font-size: 18px; }
    

    .servicTitle2 small{ width: 100%; font-size: 16px; }

    /*-- Home New Get in Touch Part --*/
    .getinTouchPartLeft { padding: 35px 0px; }
    .getinTouchPartLeftTitle { font-size: 24px; }
    .getinTouchPartLeft p { font-size: 16px; }


    /*---- Thank You Page ----*/
    .thanksMain{ border-radius: 20px; }
    .thanksLeft{ width: 130px; height: 130px; margin: 25px auto 0px; }
    .thanksLeft img{ max-width: unset; width: 65%; }

    .thanksRight{ padding: 20px; }
    .thanksRight h4 { font-size: 26px; padding-bottom: 10px; }
    .thanksRight p br{ display: none; }

    .thanks-social{ margin: 0px 6px; }
    .thanks-footer-whatsapp { border-top: solid 1px #dbdada; border-left: 0px; padding: 15px 0px 0px 0px; margin: 20px 0px 0px 0px; width: 100%; line-height: normal; text-align: left; display: flex; justify-content: center; }
    /*---- Thank You Page End ----*/

    /*---- Sync Slider Start ----*/
    .showcaseBoxTitle { font-size: 20px; }
    .showcaseBox{ padding: 20px 20px 40px 20px; text-align: center; }
    .showcaseBox p { font-size: 16px; }
    #sync2 .owl-dots{ left: 10px; text-align: center; }
    /*---- Sync Slider End ----*/

    .patternTitle{ margin: 10px auto; margin-bottom: 30px; }
    .patternTitleIcon { top: -15px; height: unset; }
    .patternTitleIcon span{ min-height: 30px; padding: 0px 15px; }
    .patternTitleIcon .iconBgNone{ max-height: 30px; max-width: 30px !important; }
    .patternTitle:before{ height: 3px; }
    .patternTitleIcon span img { width: 40px; height: 40px; line-height: 40px; }


    .forMobileText p{ font-size: 18px !important; line-height: 1.7 !important; }


    /*-- Ecommerce New --*/
    .google-clutch{ font-size: 12px; width: 50%; }
    .google-clutch-icon { height: 40px; padding: 0px 25px; }

    .platform{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

    .font-18, .font-20 { font-size: 16px !important; }
    .font-22, .font-24 { font-size: 18px !important; }
    .font-26 { font-size: 22px !important; }
    .font-30 { font-size: 20px !important; }

    .clientReview{ padding: 70px 35px 30px 35px; width: 100%; min-height: 200px; }
    .clientReview-thumb { width: 90px; height: 90px; }
    .clientReview-carousel .owl-nav .owl-prev{ left: -12px; }
    .clientReview-carousel .owl-nav .owl-next{ right: -12px; }
    .clientReview-carousel .owl-nav .owl-prev, .clientReview-carousel .owl-nav .owl-next { width: 40px; height: 40px; }

    .ecommerce-solutionsBox{ padding: 20px 15px; }

    .numberBox{ padding: 30px 20px; }
    .numberBox:before { bottom: -10px; right: -2px; width: 60px; height: 60px; font-size: 70px; }

    .number-custom { font-size: 40px; -ms-flex: 60px; flex: 60px; max-width: 60px; }
    .number-custom-Box, .number-custom-Box:nth-child(-n+2) { margin-top: 15px; margin-bottom: 10px; }
    .number-custom-Box p { font-size: 16px; }

    /*Eight Services*/
    .container1570 { max-width: calc(100% - 10px) !important; }

    .section-padding100 { padding: 40px 0px; }

    .serviceEight-bannerData h1 { font-size: 24px; }
    .serviceEight-bannerData p { padding-bottom: 20px; font-size: 16px !important; }

    .appserviceBox{ text-align: center; }

    .appserviceBox { text-align: center; }
    .appserviceBox .developmentalBoxIcon{ margin-left: auto; margin-right: auto; }
    .appserviceBox h5:before { right: 0px; margin-left: auto; margin-right: auto; }

    .trustedbyCarousel { padding-right: 0px; }
    .trustedbyCarousel .owl-nav { position: unset; margin-top: 20px; align-items: center; justify-content: center; }
    .trustedbyCarousel .owl-nav .owl-prev, .trustedbyCarousel .owl-nav .owl-next { margin: 0px 5px; }
    
    .service-faq .card .card-header .btn-header-link { font-size: 16px; padding: 15px 40px 15px 15px; }
    .service-faq .card .card-header .btn-header-link:after { right: 15px; top: 18px; font-size: 16px !important; }
    .service-faq .card .card-body { padding: 0px 15px 15px 15px; }

    .trustedby-title{ padding: 0px 0px 15px; text-align: center; margin-bottom: 10px; }
    .trustedby-title:before { top: auto; bottom: 0px; margin: 0px auto; right: 0px; }
    
    
    .serviceColorBox{ display: table; width: 100%; }
    .serviceColorBoxMain [class*='col-']:nth-child(odd) .serviceColorBoxIcon, .serviceColorBoxMain [class*='col-']:nth-child(even) .serviceColorBoxIcon { margin: 0px 0px 25px 0px; }
    .serviceColorBoxMain [class*='col-']:nth-child(odd) .serviceColorBox { text-align: left; -ms-flex-direction: unset !important; flex-direction: unset !important; }
    .serviceColorBoxIcon { width: 100px; height: 100px; border-radius: 20px; }
    .serviceColorBoxIcon img { max-height: 60px; }
    
    .servics8SeprateImage { min-height: unset; padding-top: 30px; padding-bottom: 30px; }
    .servics8Image2-data { padding: 25px; }

    .serveBox{ padding-top: 0px; }
    .serveBoxData { position: relative; padding-top: 100%; }
    .serveIcon { height: unset; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 30px; margin-bottom: 0px; }
    .serveIcon img{ height: 100%; max-height: 70px; }
    .serveBox p { font-size: 15px; position: absolute; bottom: 5px; }

    .serveBox.serveBoxTwo .serveIcon{ width: 100%; height: 100%; border-radius: 26px; padding-top: 100%; position: relative; }
    .serveBox.serveBoxTwo .serveIcon img{ max-height: 70px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; }

    .serveIcon { height: unset; }
    .serveIcon .serveIcon img{ max-height: 70px; }

    /*Eight Services End*/

    /*Eight Services Theme 2*/
    .servics8-them2sixbox{ max-width: 280px; height: 280px; padding-top: 0px; margin-left: auto; margin-right: auto; }

    .servics8-sixLeft{ padding: 25px 15px; }
    .servics8-sixLeft:before{ width: 30px; height: 30px; right: -18px; }

    .servics8-them2-halfblubg{ left: 0px; right: 0px; bottom: -20px; }

    .servics8-them2-jhk img { max-width: 120px; }
    .servics8-them2-jhk-databox { margin-top: 10px; }
    .servics8-them2-jhk-databoxBg { padding: 20px 10px 20px 0px; margin-right: 10px; }

    .servics8-them2-serveBoxTabl .serveBox { padding-top: 0%; width: 46%; margin: 4px !important; }
    .servics8-them2-serveBoxTabl .serveBox p.font-18 { font-size: 13px !important; line-height: normal !important; }
    .servics8-them2-serveBoxTabl .serveBox .serveIcon img { max-height: 50px; }
    /*Eight Services Theme 2 End*/

    /*============================== Mobile App Development Company New York - Chris  ========================*/
    .cp-title-1,.cp-title-2 { font-size: 24px !important; }
    .mad-third-section-col-1 > img { max-width: 180px !important; margin-bottom: 15px; margin-inline: auto !important; display: table; }
    .mad-fourth-section-container { padding-inline: 0px; }
    .mad-cta-promo-img-col > img, .mad-fifth-section-img-col > img { max-width: 200px !important; }
    .mad-cta-promo-section-inner { padding: 45px 15px; }
    .cp-pill-btn-1 { padding: 15px 25px; font-size: 16px; }
    .cp-title-5 { font-size: 20px; }
    .mad-process-row { padding-block: 30px; }
    .mad-portfolio-img-holder { height: 250px; }
    .mad-why-choose-jhk-section { padding-inline: 15px; }
    .mad-ind-serve-section .serveBox.serveBoxTwo .serveIcon { width: 100%; height: 100%; }
    /*============================== // Mobile App Development Company New York - Chris // ========================*/

}
/*575 End*/

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

    .mainSliderNew .carousel-control-next, .mainSliderNew .carousel-control-prev{ margin: 0px; }
    .mainSliderNew .carousel-control-prev-icon, .mainSliderNew .carousel-control-next-icon { width: 30px; height: 30px; background-size: 8px; }

    .christmas2022{  }

}