@font-face{font-family:'roboto_condensedregular';src:url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
url('../fonts/robotocondensed-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotoitalic';src:url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
url('../fonts/roboto-italic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotolight';src:url('../fonts/roboto-light-webfont.woff2') format('woff2'),
url('../fonts/roboto-light-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotolight_italic';src:url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
url('../fonts/roboto-lightitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotomedium';src:url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
url('../fonts/roboto-medium-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotomedium_italic';src:url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
url('../fonts/roboto-mediumitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotoregular';src:url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
url('../fonts/roboto-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotothin';src:url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
url('../fonts/roboto-thin-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotothin_italic';src:url('../fonts/roboto-thinitalic-webfont.woff2') format('woff2'),
url('../fonts/roboto-thinitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotoblack';src:url('../fonts/roboto-black-webfont.woff2') format('woff2'),
url('../fonts/roboto-black-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotoblack_italic';src:url('../fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
url('../fonts/roboto-blackitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotobold';src:url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
url('../fonts/roboto-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotobold_italic';src:url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
url('../fonts/roboto-bolditalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condensedbold';src:url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
url('../fonts/robotocondensed-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condensedbold_italic';src:url('../fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condenseditalic';src:url('../fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
url('../fonts/robotocondensed-italic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condensedlight';src:url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'),
url('../fonts/robotocondensed-light-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condensedlight_italic';src:url('../fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansbold';src:url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
url('../fonts/opensans-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansbold_italic';src:url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
url('../fonts/opensans-bolditalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansextrabold';src:url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
url('../fonts/opensans-extrabold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansextrabold_italic';src:url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansitalic';src:url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
url('../fonts/opensans-italic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sanslight';src:url('../fonts/opensans-light-webfont.woff2') format('woff2'),
url('../fonts/opensans-light-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sanslight_italic';src:url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
url('../fonts/opensans-lightitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansregular';src:url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
url('../fonts/opensans-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sanssemibold';src:url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
url('../fonts/opensans-semibold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sanssemibold_italic';src:url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
header{position:absolute;top: 0;width:100%;z-index:9;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:99;}
header.sticky{position: fixed;background-color: rgba(0, 0, 0, 0.61);top: 0;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;padding: 0;}
header .top-header {text-align: center; background-color: #fdd947;background-image: url(../images/new-icon/tab.png);padding: 10px 0; margin-bottom: 10px;}
header .top-header h1 {font-size: 22px;color: white;margin: 0;text-transform: uppercase;font-family: 'robotomedium';}
header.sticky .top-header {/*display: none;visibility: hidden;opacity: 0;*/    margin-bottom: 0;}
header ul.menu li{margin:0 0 0 15px;float:left;}
header ul.menu li a{}
header ul.menu{margin:6px 0 0 0;width:auto;float:right;list-style:none;}
header nav.navbar.navbar-toggleable-md{padding:0;}
ul.navbar-nav{width:auto;float:right;}
header nav.navbar.navbar-toggleable-md .navbar-collapse{display:block !important;margin-top:15px;}
header nav.navbar.navbar-toggleable-md .navbar-collapse ul.navbar-nav{width:auto;float:right;}
header .logo_mnu_div .menu_right ul li.nav-item{margin: 0 0 0 15px; position: relative; float: left; width: auto;}
header .logo_mnu_div .menu_right ul li.nav-item a{color:#ffffff;font-size:15px;position:relative;font-weight: 100;}
header .logo_mnu_div .menu_right ul li.nav-item8 a {border-radius: 100px;padding: 8px 27px;background-color: #fdd947;border: 2px solid #fdd947;text-shadow: 0 1px 4px #757575;font-weight: 600;letter-spacing: 2px;transition: all ease 0.5s;}
header .logo_mnu_div .menu_right ul li.nav-item label{color:#ffffff;font-size:15px;position:relative;cursor:pointer; text-transform: uppercase;}
header .logo_mnu_div .menu_right ul li.nav-item label:hover, header .logo_mnu_div .menu_right ul li.nav-item label:active, header .logo_mnu_div .menu_right ul li.nav-item label:focus{color:#fdd947;}
header .logo_mnu_div .menu_right ul li.nav-item4:hover .outer-span{display:block;position:absolute;width:100%;top:25px;}
header .logo_mnu_div .menu_right ul li.nav-item span.outer-span{display:none;}
header .logo_mnu_div .menu_right ul li.nav-item a:hover ~ .outer-span, header .logo_mnu_div .menu_right ul li.nav-item.active a ~ .outer-span, header .logo_mnu_div .menu_right ul li.nav-item.active label ~ .outer-span{display:block;position:absolute;width:100%;top:25px;}
header .logo_mnu_div .menu_right ul li.nav-item span span{width:100%;float:left;border-top:2px solid #ffffff;margin:0;position:relative;}
header .logo_mnu_div .menu_right ul li.nav-item span:before{content:"";width:3px;height:3px;display:table;background:#ffffff;margin:0px auto -1px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
header .logo_mnu_div .menu_right ul li.nav-item span span:before{display:none;}

header .headerAnnoBar { background: #fdd947; text-align: center; }
header .headerAnnoBar p { margin-bottom: 0; line-height: 40px; }

header .headerTopAdj{text-align: right;}
header .headerTopSubAdj { text-align: left;font-size: 14px;display:inline-block;margin-right: 13px;line-height: 40px;color: #f9d648;}
header .headerTopSubAdj i.fa-skype { font-size: 26px; position: relative; top: 5px; }
header .headerTopSubAdj i.fa-envelope { font-size: 21px; position: relative; top: 2px; }
header .headerTopSubAdj i.fa-whatsapp { font-size: 23px; position: relative; top: 3px; }
header .headerTopSubAdj a:hover { color: #fff; }

header .headerTopSubAdj a { color: #fff; text-decoration: underline; }
header ul.social-icons li a{line-height: 33px;background-color:#646464;width:45px;height:45px;float:left;text-align:center;padding:6px 0;text-decoration: none;}
header ul.social-icons li{width:auto;float:left;margin:0 0 0 6px;}

body{font-size:14px;font-family:'open_sansregular';font-weight:normal;font-style:normal;}
p.us-per-hour strike {color: #58595b;}
.home-banner{background-image:url(../images/home-page/banner.jpg);background-repeat:no-repeat;padding:157px 0 0 0;height:720px;position:relative;background-attachment:fixed;background-size:cover;    background-color: #76737e;}
.home-banner:after{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-bottom.png);background-repeat:no-repeat;bottom:-1px;background-size:cover;}
header .logo_mnu_div .menu_right ul li.nav-item a:hover:after{display:block;}
.container{width:1252px;}
.home-banner-top h2{color:#ffffff;font-size:27px;font-family:'robotolight';margin:0 0 5px 0;}
.home-banner-top h1{font-size:32px;color:#ffffff;font-family:'robotomedium';margin:0 0 25px 0;}
.home-banner-top{width:100%;float:left;}
.home-banner-middle{width:100%;float:left;padding:0 30% 0 0;}
.home-banner-bottom{width:100%;float:left;padding:0px 34% 0 0;margin:20px 0 0 0;}
.home-banner-top p{font-size:17px;color:#ffffff;padding:0 30% 0 0;font-family:'robotolight';}
.home-banner-middle-button{background:#fdd947;padding:4px 25px;width:auto;float:left;margin:12px 0 0 0;}
.home-banner-middle-button:nth-child(1) {-webkit-animation-duration: .5s;animation-duration: .5s;}
.home-banner-middle-button:nth-child(2) {-webkit-animation-duration: 1s;animation-duration: 1s;}
.home-banner-middle-button:nth-child(3) {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}
.home-banner-middle-button:nth-child(4) {-webkit-animation-duration: 2s;animation-duration: 2s;}
.beyond-simple-img-left-1 {-webkit-animation-duration: .5s;animation-duration: .5s;}
.beyond-simple-img-left-2 {-webkit-animation-duration: 1s;animation-duration: 1s;}
.beyond-simple-img-left-3 {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}
.beyond-benifits-main-1 {-webkit-animation-duration: .5s;animation-duration: .5s;}
.beyond-benifits-main-2 {-webkit-animation-duration: 1s;animation-duration: 1s;}
.beyond-benifits-main-3 {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}
.beyond-benifits-main-4 {-webkit-animation-duration: 2s;animation-duration: 2s;}
.carsoul-total-span-1 {-webkit-animation-duration: .5s;animation-duration: .5s;}
.carsoul-total-span-2 {-webkit-animation-duration: 1s;animation-duration: 1s;}
.carsoul-total-span-3 {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}
.carsoul-total-span-4 {-webkit-animation-duration: 2s;animation-duration: 2s;}
.carsoul-total-span-5 {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}
.carsoul-total-span-6 {-webkit-animation-duration: 1s;animation-duration: 1s;}
.carsoul-total-span-7 {-webkit-animation-duration: .5s;animation-duration: .5s;}
.home-banner-middle-button span{margin: 0 13px 0 0; height: 31px; width: 40px; display: inline-block; vertical-align: middle;}
.home-banner-middle-button p{margin: 0; color: #474747; text-transform: uppercase; font-family: 'robotomedium'; font-size: 20px; width: auto; display: inline-block; vertical-align: middle;}
.development-cost{background-image:url("../images/home-page/Save.png");background-repeat:no-repeat;height:190px;padding:36px 18px;width:58%;margin:8px 0 0 33px;}
.development-cost span{width:100%;float:left;color:#fdd947;font-size:17px;text-align:center;margin:0 0 0px 0;line-height:normal;font-family:'open_sansregular';}
.development-cost p span{width:auto;float:none;font-family:'open_sansextrabold_italic';font-size:20px;}
.development-cost p:nth-child(3){font-family:'open_sansextrabold';font-size:18px;width:auto;float:left;line-height:23px;}
.development-cost p{color:#fdd947;font-size:22px;text-align:center;font-family:'open_sanssemibold';margin:0;line-height:initial;}
.rounded-btn{width:100%;float:left;border:2px solid #fdd947;border-radius:100px;background: transparent;cursor: pointer;padding:8px 0;text-align:center;color:#ffffff;font-size:22px;font-family:'robotomedium';text-transform:uppercase;text-decoration:none;transition: all ease 0.5s;}
.rounded-btn:focus{text-decoration:none;color:#fff;outline:0;}
.web-development .rounded-btn:hover {}
a.click-for-free-trail.rounded-btn~form {}
a.click-for-free-trail.rounded-btn:hover {display: none;}
.web-development a.click-for-free-trail.rounded-btn {display: none;}
.web-development .rounded-btn:hover~form {display: block;}
.rounded-btn:hover{background-color:#fdd947;color:#ffffff;text-decoration:none;}
.common-section-div{width:100%;float:left;padding:65px 0;}
.title-div{text-align:center;}
.title-div h1 {color: #717171;font-size: 35px;margin: 0 0 5px 0;font-family: 'open_sanssemibold';text-transform: uppercase;}
.title-div h2{color:#717171;font-size:35px;margin:0 0 5px 0;font-family:'open_sanssemibold';text-transform:uppercase;}
.title-div h3{color:#000000;font-family:'open_sansextrabold';font-size:35px;margin:0 0 25px 0;text-transform:uppercase;}
.software-development-service-left{width:100%;float:left;position:relative;}
.software-development-service-left-top{width:100%;float:left;}
.circle-img{width:auto;float:left;}
.circle-img-ac{display:none;width:auto;float:left;}
.active .circle-img-ac{display:block;}
.circle-img{display:block;}
.active .circle-img{display:none;}
.software-development-service-left ol.carousel-indicators li span.circle-img-ac img{position:absolute;top:13px;left:13px;width:38px;height:38px;}
.circle-img-inner{background:#f6d345;border-radius:100%;width:65px;height:65px;text-align:center;padding:14px 0;}
.software-development-service-left-bottom{width:83%;float:none;background-image:url(../images/home-page/Circle-image.png);height:383px;background-repeat:no-repeat;background-size:100% 100%;text-align:center;margin:0 auto;}
.software-development-service-left ol.carousel-indicators li span.circle-img img{position:absolute;top:13px;left:13px;width:38px;height:38px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-0{bottom:80px;left:15px;-webkit-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-1{bottom:240px;left:67px;-webkit-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-2{top:-25px;left:203px;-webkit-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-3{right:204px;top:-25px;-webkit-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-4{bottom:235px;right:67px;-webkit-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-5{bottom:80px;right:13px;-webkit-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);box-shadow:inset 5px 4px 7px 0px rgba(0, 0, 0, 0.15);}
.frame-workslider .title-div h3{font-size:38px;}
.software-development-service-left-bottom p{margin:0;padding:320px 0 0 0;color:#474747;font-size:19px;font-family:'open_sanssemibold';}
.center-btn{width:30%;margin:40px auto 0;display:table;}
.center-btn .contact-us-now.rounded-btn{background:#fdd947;padding:8px 0;}
.circle-img1 .circle-img-inner{-webkit-box-shadow:inset 4px 2px 4px 0px rgba(0, 0, 0, 0.18);-moz-box-shadow:inset 4px 2px 4px 0px rgba(0, 0, 0, 0.18);box-shadow:inset 4px 2px 4px 0px rgba(0, 0, 0, 0.18);}
.circle-img2 .circle-img-inner{-webkit-box-shadow:inset 4px 2px 4px 0px rgba(0, 0, 0, 0.18);-moz-box-shadow:inset 4px 2px 4px 0px rgba(0, 0, 0, 0.18);box-shadow:inset 4px 2px 4px 0px rgba(0, 0, 0, 0.18);}
.circle-img3 .circle-img-inner{-webkit-box-shadow:inset 2px 7px 7px 0px rgba(0, 0, 0, 0.18);-moz-box-shadow:inset 2px 7px 7px 0px rgba(0, 0, 0, 0.18);box-shadow:inset 2px 7px 7px 0px rgba(0, 0, 0, 0.18);}
.circle-img4 .circle-img-inner{-webkit-box-shadow:inset 2px 7px 7px 0px rgba(0, 0, 0, 0.18);-moz-box-shadow:inset 2px 7px 7px 0px rgba(0, 0, 0, 0.18);box-shadow:inset inset 2px 7px 7px 0px rgba(0, 0, 0, 0.18);}
.circle-img5 .circle-img-inner{-webkit-box-shadow:inset -4px 1px 7px 1px rgba(0, 0, 0, 0.18);-moz-box-shadow:inset -4px 1px 7px 1px rgba(0, 0, 0, 0.18);box-shadow:inset -4px 1px 7px 1px rgba(0, 0, 0, 0.18);}
.circle-img6 .circle-img-inner{-webkit-box-shadow:inset -4px 1px 7px 1px rgba(0, 0, 0, 0.18);-moz-box-shadow:inset -4px 1px 7px 1px rgba(0, 0, 0, 0.18);box-shadow:inset -4px 1px 7px 1px rgba(0, 0, 0, 0.18);}
.circle-img-inner:hover{background:transparent;border:3px solid #f6d345;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:11px 0;}
.circle-img1{bottom:70px;left:10px;}
.circle-img2{bottom:240px;left:65px;}
.circle-img3{bottom:347px;left:197px;}
.circle-img4{top:-23px;left:457px;}
.circle-img5{bottom:234px;right:64px;}
.circle-img6{bottom:67px;right:10px;}
.software-development-service-right{text-align:center;}
.software-development-service-right img{max-width:100%;}
.beyond-section{background-image:url(../images/home-page/Section-2-bg.jpg);background-size:cover;background-repeat:no-repeat;height:540px;padding:100px 0;background-attachment:fixed;position:relative;}
.beyond-section:before{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-top.png);background-repeat:no-repeat;top:0;background-size:cover;}
.beyond-section:after{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-bottom.png);background-repeat:no-repeat;bottom:0;background-size:cover;}
h2.beyond-title{color:#ffffff;text-align:center;margin:0 0 30px 0;font-family:'open_sansextrabold';text-transform:uppercase;font-size:35px;}
.beyond-simple-img-left-top{background-image:url(../images/home-page/1-circle.png);width:51%;float:none;height:84px;background-repeat:no-repeat;margin:0 auto;color:#47474794;text-align:center;font-size:20px;font-family:'open_sansextrabold';padding:20px 0 0 0;}
.beyond-simple-img-left{width:80%;position:relative;}
.beyond-benifits-main{width:80%;float:right;}
.beyond-simple-img-left-bottom p{color:#ffffff;font-size:16px;text-align:center;padding:0px 10px;margin:10px 0 0 0;}
.beyond-section-big-right-top{text-align:center;}
.beyond-section-big-right-bottom p{color:#ffffff;font-size:16px;text-align:center;padding:0px 0px;margin:10px 0 0 0;}
.beyond-section .center-btn{width:30%;}
.beyond-section .center-btn a.contact-us-now.rounded-btn{padding:5px 0;}
.beyond-simple-img-left-2:before{content:"";background-image:url(../images/home-page/line-.png);width:75px;height:3px;float:left;background-repeat:no-repeat;position:absolute;top:32px;left:-72px;}
.beyond-simple-img-left-2:after{content:"";background-image:url(../images/home-page/line-.png);width:75px;height:3px;float:left;background-repeat:no-repeat;position:absolute;top:32px;right:-72px;}
.beyond-section-big-right:before{content:"";background-image:url(../images/home-page/line.png);width:4px;height:218px;float:left;background-repeat:no-repeat;position:absolute;top:32px;left:-17px;}
.from-blog-section{background-image:url(../images/home-page/Blog.png);background-repeat:no-repeat;background-size:cover;padding:100px 0;height:494px;position:relative;background-attachment:fixed;}
.from-blog-section:before{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-top.png);background-repeat:no-repeat;top:0;background-size:cover;}
.from-blog-section:after{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-bottom.png);background-repeat:no-repeat;bottom:0;background-size:cover;}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p{color:#ffffff;font-size:16px;padding:0 28px 0 0;}
header ul.menu li a:hover{text-decoration:none;}
.from-blog-section .carousel a{}
.from-blog-section .carousel ol.carousel-indicators{display:none;}
.from-blog-section .carousel a.carousel-control-prev{top:-104px;width:auto;height:auto;bottom:auto;right:40px;left:auto;opacity:1;}
.from-blog-section .carousel a.carousel-control-next{top:-104px;width:auto;height:auto;bottom:auto;opacity:1;}
.from-blog-section .carousel a.carousel-control-prev span.carousel-control-prev-icon{background-image:url(../images/home-page/Right.png);opacity:1;}
.from-blog-section .carousel a.carousel-control-next span.carousel-control-next-icon{background-image:url(../images/home-page/left.png);opacity:1;}
#blog-sli .owl-nav.disabled {display: block;position: absolute;top: -75px;right: 0;}
#blog-sli .owl-nav.disabled button.owl-prev {color: gainsboro;font-size: 25px;border: 2px solid;border-radius: 50%;height: 22px;width: 22px;line-height: 0;margin-right: 15px;}
#blog-sli .owl-nav.disabled button.owl-next {color: gainsboro;font-size: 25px;border: 2px solid;border-radius: 50%;height: 22px;width: 22px;line-height: 0;}
#blog-sli .owl-nav.disabled button.owl-prev span {width: auto;display: block;margin: -2px 0 0;}
#blog-sli .owl-nav.disabled button.owl-next span {width: auto;display: block;margin: -2px 0 0;}
.what-client-say-left{width: 100%;float: left;}
.what-client-say-left p{font-size:16px;padding:0 17% 0 0;color:gray;font-family:'open_sanslight';line-height:32px;}
.view-all-bnt a{background:#fdd947;color:#ffffff;padding:12px 0;width:36%;float:left;text-align:center;border-radius:100px;font-size:18px;text-decoration:none;text-transform:uppercase;border:2px solid #fdd947;transition: all ease 0.5s;}
.view-all-bnt{width:100%;float:left;}
.view-all-bnt a:before{content:"\f105";font-family:fontawesome;margin:0 15px 0 0;font-size:23px;}
.what-client-say-right-top{padding:0 0 0px 110px;}
.what-client-say-right-bottom{margin:75px 0 0 0;position:relative;}
.what-client-say-right-bottom:before{content:"";width:450px;border-top:1px dashed gray;height:2px;position:absolute;top:-38px;left:122px;}
.what-client-say-right-top p{margin:0 0 5px 0;color:#474747;font-size:16px;font-family:'open_sansitalic';}
.what-client-say-right-top h5{font-size:16px;color:#474747ad;font-family:'open_sansbold';}
h2.footer-heading{color:#ffffff;text-transform:uppercase;font-size:16px;font-family:'open_sanssemibold';}
h2.footer-heading a {color: #ffffff; text-decoration: none;}
h2.footer-heading:before{content:"";background-image:url(../images/home-page/arrow.png);width:22px;height:22px;float:left;margin:0 10px 0 0;}
h2.footer-mainheading{color:#fdd947;text-transform:uppercase;font-size:20px;font-family:'open_sanssemibold';margin-bottom: 1em;}
h2.footer-mainheading a {color: #ffffff; text-decoration: none;}

footer ul li a{color:#ffffff;text-decoration:none;font-size:14px;font-weight: normal;}
footer ul li a:hover{color:#ffffffad;text-decoration:none;}
footer ul{list-style:none;padding:0 0 0 32px;}
.form-con-right{width:100%;float:left;}
.form-con-right h2{color:#ffffff;font-size:26px;font-family:'open_sanssemibold';margin:-3px 0 15px 0;line-height:0.9;}
.form-con-right .form-group input{width:100%;background:rgba(0, 0, 0, 0.46);border:0;padding:10px 10px 10px 40px;color:#ffffff;font-size:18px;outline:0;font-family:'open_sansregular';box-shadow:none;}
.form-con-right .form-group textarea{width:100%;background:rgba(0, 0, 0, 0.46);border:0;padding:10px 10px 10px 40px;color:#ffffff;font-size:20px;outline:0;height:125px;font-family:'open_sansregular';}
.bottom-footer{width:100%;float:left;background-color:#323232;}
.bottom-footer-logo{text-align:center;width:100%;float:left;margin:5px 0 0 0;}
.form-con-right .form-group{position:relative;}
.form-con-right .form-group span.footer-form-icon{position:absolute;top:10px;left:10px;z-index: 9;}
.bottom-footer p{color:#ffffff;text-transform:uppercase;font-size:15px;font-family:'open_sanssemibold';width:100%;float:left;margin:6px 0 0 0;}
.bottom-footer-logo{text-align:center;}
footer ul li{margin:0 0 3px 0;}
.bottom-footer ul.social-icons li{width:auto;float:left;}
.bottom-footer ul.social-icons li a{line-height: 33px;background-color:#646464;width:45px;height:45px;float:left;text-align:center;padding:6px 0;text-decoration: none;}
ul.social-icons li{width:auto;float:left;margin:0 0 0 6px;}
.form-con-right button{background:#fdd947;color:#ffffff;padding:12px 0;width:36%;float:left;text-align:center;font-size:18px;text-decoration:none;text-transform:uppercase;border-radius:100px;outline:0;border:2px solid #fdd947;cursor:pointer;font-family: 'open_sansregular';transition: all ease 0.5s;}
::-webkit-input-placeholder{color:#b9baba;}
::-moz-placeholder{color:#b9baba;}
:-ms-input-placeholder{color:#b9baba;}
:-moz-placeholder{color:#b9baba;}
::-moz-selection{color:#ffffff;background:#fdd947;}
::selection{color:#ffffff;background:#fdd947;}
.scrollup{width:40px;height:40px;position:fixed;bottom:50px;right:20px;display:none;background-color:#fdd947;cursor:pointer;font-size:0;text-align:center;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;z-index:9;-webkit-box-shadow:0px 1px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow:0px 1px 7px 0px rgba(0,0,0,0.75);}
.scrollup:after{content:"\f106";font-family:fontawesome;color:#fff;font-size:25px;}
span.copyright-icon{color: #fdd947; font-size: 25px; width: auto; display: inline-block; vertical-align: middle;}
span.copyright-txt{width: auto; display: inline-block; margin: 0px 0 0 5px; vertical-align: middle;}
span.copyright-txt a{color:#fff;font-weight:normal;}
span.copyright-txt a:hover{color:#fdd947;}
footer{width:100%;float:left;position:relative;z-index:3}
.top-footer{background-image:url(../images/home-page/footer.jpg);background-color: #76737e;background-repeat:no-repeat;background-size:cover;padding:100px 0 33px 0;background-attachment:fixed;position:relative;}
.top-footer:before{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-top.png);background-repeat:no-repeat;top:-1px;background-size:cover;}
.other-menu {margin:2em 0 3em 0;}
.other-menu li a { font-weight: bold; }
ul.social-icons{width:79.1%;float:right;margin:0;padding:0;list-style:none;}
ul.social-icons li a:after{content:"";font-family:fontawesome;color:#fdd947;font-size:25px;padding:3px 0;}
ul.social-icons li.google-bottom a:after{content:"\f0d5";}
ul.social-icons li.fb-bottom a:after{content:"\f09a";}
ul.social-icons li.tw-bottom a:after{content:"\f099";}
ul.social-icons li.linked-bottom a:after{content:"\f0e1";}
ul.social-icons li.inst-bottom a:after {content: "\f16d";}
ul.social-icons li.ping-bottom a:after{content:"\f231";}
ul.social-icons li a:hover:after{color:#ffffff;}
.software-development-service-left ol.carousel-indicators li{background:#f6d345;border-radius:100%;width:65px;height:65px;text-align:center;padding:14px 32px;position:absolute;border:2px solid #f6d345;}
.bottom-footer ul.social-icons li a:hover{background-color:#fdd947;}
.software-development-service-left ol.carousel-indicators li:before{display:none;}
.software-development-service-left ol.carousel-indicators li:after{display:none;}
.software-development-service-left ol.carousel-indicators{position:static;margin:0;z-index:9999;width:100%;float:left;display:initial;display:initial;display:initial;display:initial;-webkit-box-pack:initial;-webkit-justify-content:initial;-ms-flex-pack:initial;justify-content:initial;height:100%;}
.software-development-service-left .carousel-inner{z-index:-1;}
.software-development-service-left ol.carousel-indicators{position:static;margin:0;z-index:9999;}
.frame-workslider-div-bottom{width:100%;padding:0 90px;margin:40px 0 0 0;}
.avg-cost-left{width:100%;float:left;text-align:center;}
.avg-cost-right{width:100%;float:left;text-align:center;}
p.us-developer{color:#b3b3b3;font-size:28px;margin:0;font-family:'open_sanssemibold';}
h3.avg-cost{color:#fdd947;font-size:30px;font-family:'open_sanssemibold';}
.avg-cost-mid{width:119px;background-image:url(../images/home-page/wordpress-bg.png);background-repeat:no-repeat;height:136px;text-align:center;margin:0 auto;float:none;display:table;padding:18px 0 0 0;background-size: 100% 100%;}
.avg-cost-mid-magento{background-image:url(../images/home-page/magento-bg.png);}
.avg-cost-mid-codigniter{background-image:url(../images/home-page/Codeignitor-bg.png);}
.avg-cost-mid-font-end{background-image:url('../images/home-page/frontend-bg.png');}
.avg-cost-mid-cake-php{background-image:url('../images/home-page/cake-php-bg.png');}
.avg-cost-mid-drupal{background-image:url(../images/home-page/druapl-bg.png);}
.avg-cost-mid-elastic-search{background-image:url(../images/home-page/elastic-search-bg.png);}
.frame-workslider-div ol.carousel-indicators{margin:0 0 55px 0;position:static;width:100%;float:left;}
h3.client-save{text-align:center;color:gray;font-size:21px;margin:45px 0 0 0;}
.frame-workslider-div ol.carousel-indicators li{background:none;width:auto;height:15%;position:initial;max-width:initial;float:left;text-indent:0;-webkit-box-flex:auto;-webkit-flex:auto;flex:auto;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top{width:100px;float:none;background-repeat:no-repeat;margin:0 20px;display:table;text-align:center;height:100px;padding:0;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-size: 100% 100%;border: 10px solid #fdd947;border-radius: 60px;}
.active .carsoul-total-span-top-img-ac{display:block;margin:0 auto;}
.software-development-service-left ol.carousel-indicators .active{background-color:white !important;box-shadow:none !important;-webkit-box-shadow:none !important;}
.active .carsoul-total-span-top-img{display:none;}
/*.carsoul-total-span-top-img-ac{display:none;}*/
.carsoul-total-span-top-img{display:block;margin:0 auto;}
/*.frame-workslider-div ol.carousel-indicators li:nth-child(4) span.carsoul-total-span-top{padding:30px 0 0 0 !important;}
.frame-workslider-div ol.carousel-indicators li:nth-child(7) span.carsoul-total-span-top{padding:30px 0 0 0 !important;}*/
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top svg{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span-bottom p{color:#fdd947 !important;font-size:18px !important;}
.frame-workslider-div .carousel-inner{width:88%;margin:50px auto 0;float:none;display:table;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span{width:100%;float:left;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-bottom{width:100%;float:left;text-align:center;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-bottom p{color:#b3b3b3;font-size:18px;font-family:'open_sanssemibold';line-height:initial;margin:10px 0 0 0;padding:0 30px;}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span span.carsoul-total-span-top{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg) !important;transform:rotate(360deg) !important;}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span span.carsoul-total-span-top svg{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg) !important;transform:rotate(360deg) !important;}
.frame-workslider-div ol.carousel-indicators li:before{display:none;}
.frame-workslider-div ol.carousel-indicators li:after{display:none;}
.frame-workslider-div ol.carousel-indicators li{}
.frame-workslider-div ol.carousel-indicators li{background:none;width:15%;height:auto;position:relative;max-width:none;margin:0;float:left;}
.frame-workslider-div .carousel-inner{width:88%;margin:50px auto 0;float:none;display:table;height:313px;}
.frame-workslider-div a.carousel-control-prev{opacity:1;left:0;right:auto;width:auto;bottom:73px;top:auto;}
.frame-workslider-div a.carousel-control-next{opacity:1;left:auto;right:0;width:auto;bottom:73px;top:auto;}
.frame-workslider-div a.carousel-control-prev span.carousel-control-prev-icon{background-image:url(../images/home-page/Right-arrow.png);width:50px;height:50px;}
.frame-workslider-div a.carousel-control-next span.carousel-control-next-icon{background-image:url(../images/home-page/Left-arrow.png);width:50px;height:50px;}
.hireImgAdj{text-align:center !important;}

.hireImgAdj1{text-align:center !important;}
.hireImgAdj2{text-align:center !important;}
.hireDescp{color: #000000;font-size: 21px;margin: 0 0 2em 0;font-family: 'open_sanssemibold'; text-align: justify;}
.hireList img{width:70px;height:70px;margin: 0;}
.hireList img:nth-child(2){width: 60px;}
.hireList a{color:#000;}
p.us-per-hour{font-size:29px;color:#b3b3b3;font-family:'open_sanslight';margin:0;}
.software-development-service .title-div{background-image:url(../images/home-page/services.png);background-repeat:no-repeat;background-position:51% 41%;background: none;}
.frame-workslider .title-div h3{background-image:url(../images/home-page/value-1.png);background-repeat:no-repeat;background-position:46% 15%;margin:0;padding:25px 0 50px 0;background: none;}
.from-blog-section .title-div h3{color:#ffffff;font-size:40px;font-family:'open_sansbold';background-image:url(../images/home-page/Blog-h.png);background-repeat:no-repeat;background-position:49% 38%;margin:0;padding:22px 0 40px 0;background: none;}
.what-client-say-left h3{color: #000000;font-family: 'open_sansextrabold';font-size: 35px;background-image: url(../images/home-page/feedback.png);background-repeat: no-repeat;background-position: -22% 0%;margin: 0 0 20px 0;padding: 20px 0 0px 0;background-size: 100% 100%;background: none;}
header .logo_mnu_div .menu_right ul li.nav-item a:hover, header .logo_mnu_div .menu_right ul li.nav-item.active a, header .logo_mnu_div .menu_right ul li.nav-item a:focus{text-decoration:none;color:#fdd947;}
footer ul li a:hover, footer ul li a:active, footer ul li a:focus{color:#fdd947;}
.software-development-service-left .carousel-fade .carousel-item{opacity:0;transition:opacity .75s ease-in-out;}
.software-development-service-left-bottom-2{background-image:url(../images/home-page/flexible-1.png);}
.software-development-service-left-bottom-3{background-image:url(../images/home-page/Project-Development.png);}
.software-development-service-left-bottom-4{background-image:url(../images/home-page/Project-reporting.png);}
.software-development-service-left-bottom-5{background-image:url(../images/home-page/QA-testing.png);}
.software-development-service-left-bottom-6{background-image:url(../images/home-page/Project-Deployment.png);}
.software-development-service-left .carousel-fade .carousel-item.active{opacity:1;}
.yellow-background-hover:hover{background-color:#ffffff !important;color:#fdd947 !important;}
.from-blog-section .carousel-inner .carousel-item-next, .from-blog-section .carousel-inner .carousel-item-prev, .from-blog-section .carousel-inner .carousel-item.active{display:block;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu{position: absolute;padding: 25px 22px 75px 22px;min-width: 1356px;left: -894px;top: 40px;background-image: url(../images/new-icon/mega-menu-bg.png);background-position: 377px 90px;background-repeat: no-repeat;z-index: 1;display: none;background-color: #ffffff;overflow: hidden;}
header .logo_mnu_div .menu_right ul li.nav-item:hover ul.submenu{display:block;}
.arrow-drop::after {content: "\f107";font-family: fontawesome;margin-left: 5px;}
header .logo_mnu_div .menu_right ul li:hover .arrow-drop::after {content: "\f106";}
header.sticky nav.navbar.navbar-toggleable-md .navbar-collapse ul.navbar-nav li.nav-item:hover ul.submenu{-webkit-box-shadow:0px 0 10px 0px grey;-moz-box-shadow:0px 0 10px 0px grey;box-shadow:0px 0 10px 0px grey;}
header .logo_mnu_div .menu_right ul li.nav-item4:hover:after{content:"";position:absolute;width:100%;height:42px;background-color:transparent;top:17px;left:0;}
header .logo_mnu_div .menu_right ul li.nav-item1:hover:after{content:"";position:absolute;width:100%;height:42px;background-color:transparent;top:17px;left:0;}
header .logo_mnu_div .menu_right ul li.nav-item8 a:hover, header .logo_mnu_div .menu_right ul li.nav-item8.active a {color: #ffffff; background-color: transparent; border: 2px solid #fdd947;}
header .logo_mnu_div .menu_right ul li.nav-item8 a:focus {outline:0; color:#ffffff;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width{width:25%;float:left;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width span.submenu-full-span{width:100%;float:left;margin:8px 0 0px 0;position:relative;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width span.submenu-full-span:before{display:none;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li span.submenu-left-span{border:0;width:35px;height:30px;background-image:url(../images/home-page/icon.png);background-repeat:no-repeat;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li span.submenu-right-span{border:0;float:right;width:80%;text-transform:uppercase;font-family:'open_sansbold';font-size:15px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width ul{padding:0;list-style:none;width:100%;float:left;margin:14px 0 10px 0;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width ul li{list-style:none;width:100%;float:left;margin:4px 0 0 0;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width ul li a{color:#000;font-size:13px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width span.submenu-full-span:after{content:"";width:58px;height:1px;background:#fdd947;position:absolute;top:38px;left:0;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width span.contact-now-full-img{width:100%;float:left;height:112px;margin:10px 0 20px 0;background-image:url(../images/home-page/contact-us.png);}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width span.contact-now-full-img a{background-color:#fdd947;width:auto;float:none;margin:80px auto 0;display:table;padding:2px 25px !important;border-radius:50px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width span.contact-now-full-img:before{display:none !important;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .front-end-span{}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .php-mvc-span{background-position:0px -38px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .ui-ux-designer-span{background-position:0px -72px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .java-script-span{background-position:-47px 0px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .php-cms-span{background-position:-42px -43px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .data-base-span{background-position:-86px 0px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .ecommerce-span{background-position:-86px -46px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .digital-marketing-span{background-position:-86px -77px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .mobileapp-deveoper-span{background-position:-134px 0px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li .other-span{background-position:-134px -57px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width-first{width:24.3%;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width-second{width:21.7%;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width-third{width:26%;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width-fourth{width:28%;}
ul ul, ol ul{list-style-type:none;}
ul.nav-item3-1{left:-717px;}
ul.nav-item3-1 .common-link{padding:9px 0px;} 
ul.nav-item3-1 .common-link:before{width:35px;}
ul.nav-item3-1 .common-link.active{padding:9px 0 9px 3px;}
.one-main-div-image{background-image:url(../images/dedicate-team-mnu/Web-development.png);background-repeat:no-repeat;height:185px;width:96.5%;margin:0 auto;background-size:100% 100%;}
.two-main-div-image{background-image:url(../images/dedicate-team-mnu/App-development.png);background-repeat:no-repeat;height:185px;width:96.5%;margin:0 auto;background-size:100% 100%;}
.three-main-div-image{background-image:url(../images/dedicate-team-mnu/Digital-marketing.png);background-repeat:no-repeat;height:185px;width:96.5%;margin:0 auto;background-size:100% 100%;}
.fourth-main-div-image{background-image:url(../images/dedicate-team-mnu/product-development.png);background-repeat:no-repeat;height:185px;width:96.5%;margin:0 auto;background-size:100% 100%;}
.three-main-div p{color:#000 !important;padding:0 340px 0 55px;font-weight:600;font-size:16px;margin:50px 0 0 0;}
.contact-banner{background-image:url(../images/contact-page/banner-contact.jpg);height:464px;background-size:100% 462px;}
.contact-banner:after{}
.contact-form-div{width:100%;float:left;}
.contact-form-div .container{width:855px;}
.form-div-class{padding:54px 11.2%;margin:-106px 0 30px 0;background-image:url(../images/contact-page/message-bg.png);background-repeat:no-repeat;background-size:100% 100%;}
.form-div-class .title-div h3{font-size:36px;margin:0 0 10px 0;}
.form-div-class .title-div p {font-size: 15px; font-weight: 600; margin: 0 0 20px 0;}
.form-div-class .form-group{margin:0 0 30px 0;position: relative;}
.form-div-class .form-group .form-control{border-radius:0;border:1px solid gray;padding:11px 15px 11px 43px;background-color:transparent;}
.submit-btn-cnt{border:0;background-color:transparent;color:#ffffff;font-size:14px;background-image:url(../images/contact-page/Submit.png);background-repeat:no-repeat;width:166px;margin:0 auto;display:block;outline:0;height:48px;padding:0 0 0 30px;cursor:pointer;font-family:'open_sansextrabold';}
.form-div-class .form-group .textarea-class{resize:unset;height:145px;}
.form-div-class .form-group span.span-img{background-image:url(../images/contact-page/messages-.png);width:23px;height:20px;position:absolute;top:13px;left:30px;z-index:0;}
.form-div-class .form-group span.phone-no-span{background-position:247px 0;}
.form-div-class .form-group span.span-img.sub-services-span {background-position: 246px -253px;top: 12px;}
.form-div-class .form-group span.span-img.technology-span {background-position: 246px -292px;top: 12px;}
.form-div-class .form-group span.email-span{background-position:0 -74px;}
.form-div-class .form-group span.website-span{background-position:0 -147px;}
.form-div-class .form-group span.service-span{background-position:246px -146px;top:12px;}
.form-div-class .form-group span.company-span{background-position:0 -220px;}
.form-div-class .form-group span.country-span{background-position:246px -220px;top:12px;}
.form-div-class .form-group span.message-span{background-position:0 -295px;}
p.email-side-left{width:24%;float:left;margin:0 15px 0 0;font-family:'open_sanssemibold';font-size:18px;}
p.email-side-right{width:70%;float:left;margin:0;}
.email-left-side-top{width:100%;float:left;margin:5px 0 0 0;}
.email-left-side-top p{}
p.email-side-right a{color:gray;text-decoration:underline;font-size:17px;}
p.email-side-right a:hover {color: #424344;font-weight: 600;}
.form-div-class .form-group select.form-control{padding:11px 15px 11px 38px;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;position:relative;z-index:1;height:auto;}
.social-right-side{width:100%;float:left;margin: 0; display: none;}
.social-right-side p{width:auto;float:left;font-family:'open_sanssemibold';font-size:18px;margin:4px 10px 0 0;}
.social-right-side ul.social-icons{width:64%;}
.social-right-side ul.social-icons li.ping-bottom{margin:0;}
.social-right-side ul.social-icons li{margin:0 18px 0 0;}
.social-right-side ul.social-icons li a:after{color:gray;}
.social-right-side ul.social-icons li a{text-decoration:none;}
.social-right-side ul.social-icons li a:hover:after{color:#fdd947;}
.error{color:red;font-size:14px;}
.msg1, .msg2, .msg3{color:green;font-size:14px;text-align:center;font-weight:600;}
.form-con-right .msg1{}
.form-div-class .form-group span.service-span-dropdown{right:30px;left:auto;background-position:12px -149px;width:13px;height:10px;top:17px;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu li.list-width span.contact-now-full-img a:hover{color:#ffffff !important;}
button:hover, button:active, button:focus{outline:0;}
inspector-stylesheet:1
button{outline:0;}
.about-banner{background-image:url(../images/about-page/About-banner.jpg);padding:195px 0 0 0;}
.about-banner-top{width:100%;float:left;}
.about-banner-top h1{color:#ffffff;font-size:67px;font-family:'robotobold';}
.about-banner-top p{color:#ffffff;font-size:18px;font-family:'robotolight';margin:30px 0 20px 0;padding:0 180px 0 0;}

.gdpr-banner{background-image:url(../images/gdpr-compliance/gdpr-compliance.jpg);padding:195px 0 0 0;}
.gdpr-banner-top{width:100%;float:left;}
.gdpr-banner-top h1{color:#ffffff;font-size:50px;font-family:'robotobold';}
.gdpr-banner-top p{color:#ffffff;font-size:18px;font-family:'robotolight';margin:30px 0 20px 0;padding:0 180px 0 0;}
.gdpr-title h3 { font-size: 25px; margin-top: 2em; }
.gdpr-p { color: #fff; font-size: 22px; text-align: center; }
.gdpr-fix-your-gdpr { font-size: 14px; text-align: center; }
.dedicated-banner .about-banner-top p{padding:0 220px 0 0;}
.how-we-work-img-div {width: 100%; float: left; text-align: center;}
.how-we-work-img-div img {max-width: 100%;}
.our-perform {width: 100%;float: left;padding: 0 32% 0 0;}
.our-perform-inner {width: 100%;float: left; margin-bottom: 20px;}
.our-perform-inner .happy-div-img {display: inline-block;width: 45px;vertical-align: middle;}
.our-perform-inner p {width: auto;display: inline-block;vertical-align: middle;margin: 0 0 0 6px;color: #ffffff;font-size: 20px;font-family: 'robotolight';}
.after-care-section{background-image:url(../images/about-page/background-after.jpg);background-color: #76737e;background-repeat:no-repeat;background-size:cover;position:relative;padding:95px 0;background-attachment:fixed;}
.after-care-section .container{width:995px;}
.after-care-bak{background-image:url(../images/about-page/pattern.png);background-repeat:no-repeat;padding:20px 20px 10px 20px;background-size:100% 100%;margin:0 0 20px 0;min-height:195px;}
.after-care-bak h3{color:#fdd947;font-size:20px;font-family:'open_sanssemibold';}
.after-care-bak h2{color:#000000;font-size:22px;font-family:'open_sansbold';}
.after-care-bak p{margin:0 0 12px 0px;color:#2c2c2c;font-size:15px;text-align: justify;}
.after-care-section .title-div h3{color:#ffffff;font-size:36px;margin:0 0 45px 0;}
.after-care-section:before{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-top.png);background-repeat:no-repeat;top:-1px;background-size:cover;}
.after-care-section:after{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-bottom.png);background-repeat:no-repeat;bottom:-1px;background-size:cover;}
.hire-available-div-same{width:100%;background-image:url(../images/about-page/2.png);background-repeat:no-repeat;height:260px;float:left;background-size:100% 100%;}
.hire-available-div-same-2{background-image:url(../images/about-page/3.png);}
.hire-available-div-same-3{background-image:url(../images/about-page/4.png);}
.hire-available-div-same p{color:#ffffff;text-align:center;font-family:'open_sanssemibold';font-size:20px;padding:0 25px;margin:175px 0 0 0;}
.save-up-to{width:100%;float:left;}
.save-up-to h3{color:#000;font-size:20px;font-family:'open_sanssemibold';}
.save-up-to p{margin:0 0 10px 0;color:#2c2c2c;font-size:15px;}
.save-up-to ul{padding:0;list-style:none;width:100%;float:left;}
.save-up-to ul li{width:100%;float:left;margin:0 0 5px 0;}
.save-up-to ul li:before{content:"";width:20px;height:20px;float:left;background-image:url(../images/about-page/rect-.png);background-repeat:no-repeat;margin:4px 15px 0 0;}
.save-up-to ul li p{margin:0;width:87%;float:left;}
.save-up-to-btn{width:100%;float:left;}
.save-up-to-btn .center-btn{width:80%;margin:5px 0 0 0;}
.why-our-model-work-section{padding:60px 0;}
.gdpr-last{padding:60px 0;}
.gdpr-last .title-div{ margin-top: 20px !important; }
.gdpr-last ul { font-size: 16px; text-align-last: left; text-align: left; }

.why-our-model-work-right{width:100%;float:left;}
.why-our-model-work-right{width:100%;float:left;padding:0 0 0 45px;position:relative;}
.why-our-model-work-right:before{content:"";background-image:url(../images/about-page/work_line.png);background-repeat:no-repeat;position:absolute;height:297px;width:16px;top:0;left:-23px;}
.why-our-model-work-right h4{font-size:22px;font-family:'open_sanssemibold';color:#000000;margin:0px 0 8px 0;}
.why-our-model-work-right p{margin: 0 0 20px 0; color: #2c2c2c; font-size: 16px;text-align: justify;}
.how-it-work-banner-right{width:100%;float:left;}
.how-it-work-banner-right img{max-width:100%;}
.how-it-work-banner{background-image:url(../images/how-it-work/resposive-bg.jpg);height:464px;background-size:cover;padding:115px 0 0 0;}
.how-it-work-banner-inner-img{text-align:center;}
.how-it-work-banner-inner-img img{max-width:100%;}
.about-banner-top h1{font-size:32px;}
.how-it-work-banner-top p{padding:0 30px 0 0;font-size:16px;margin:39px 0 0 0;}
.how-it-work-banner-bottom{padding:0;margin:40px 0 0 0;}
.what-you-get-section-right-top img{max-width:100%;}
.what-you-get-section-right-top{text-align:center;}
.what-you-get-section-bottom .center-btn{width:100%;margin:0;}
.border-class-div{border:18px solid #f8f8f8;padding:30px 10px 30px 50px;position:relative;width:404px;margin:0 auto 30px;}
.border-class-div-right h3{font-family:'open_sanssemibold';color:#2c2c2c;font-size:21px;margin:0 0 20px 0;}
.border-class-div-right p{margin:0;color:#2c2c2c;font-size:15px;text-align: justify;min-height: 170px;}
.border-class-div-left{width:70px;height:70px;border-radius:100%;background-color:#2c2c2c;position:absolute;left:-46px;top:58px;background-image:url(../images/how-it-work/Hourly.png);background-repeat:no-repeat;background-position:12px 7px;}
.slider-item .border-class-div-right p {min-height: auto;}
.what-you-get-section-right{margin-top:-150px;}
.border-class-div-left-2{background-position:-452px 9px;}
.border-class-div-left-3{background-position:9px -243px;}
.border-class-div-left-4{background-position:-453px -242px;}
.border-class-div-left:hover{background-color:#fdd947;}
.our-step-section{background-image:url(../images/how-it-work/steps-background.jpg);}
.our-step-section .title-div{text-align:left;}
.our-step-section .title-div h3{font-size: 35px; font-family: 'open_sansbold'; margin: 0; background-image: url(../images/how-it-work/Steps-.png); background-size: 310px 75px; background-position: 50% 0; background-repeat: no-repeat; padding: 0px 0 1px 0;}
.our-step-section .container{width:1252px;}
.our-step-section .title-div p{color:#ffffff;font-size:16px;padding:0;}
.our-step-section .border-class-div{border:15px solid #dbdbdb;border-radius:15px;background-color:#ffffff;padding:15px 10px 15px 35px;width:360px;margin-bottom:15px;min-height: 210px;}
.client-get-section .border-class-div {border: 1px solid #dbdbdb;}
.our-step-section .border-class-div-left{width:55px;height:55px;background-image:url(../images/how-it-work/steps.png);background-position:-409px 12px;top:69px;left:-37px;}
.our-step-section .border-class-div-left-2{background-position:-829px 10px;}
.our-step-section .border-class-div-left-3{background-position:11px -230px;}
.our-step-section .border-class-div-left-4{background-position:-409px -229px;}
.our-step-section .border-class-div-left-5{background-position:-829px -230px;}
.project-based-engament-bottom{width:100%;float:left;padding: 0 15px;}
.project-based-engament-bottom h4{font-family:'open_sanssemibold';color:#2c2c2c;font-size:22px;margin:0 0 20px 0;}
.project-based-engament-bottom p{margin:0;color:#2c2c2c;font-size:15px;text-align: justify;}
.project-based-engament{width:371px;margin:0 auto;display:table;}
.project-based-engament-1{float:left;}
.project-based-engament-3{float:right;}
.project-based-engament-top{width:62px;height:80px;margin:0 0 20px 18px;background-image:url(../images/how-it-work/flexible.png);background-position:0 0;}
.project-based-engament-top-2{background-position:-443px 0;}
.project-based-engament-top-3{background-position:-887px 0;}
.engagement-model-sections .title-div{background-image:url(../images/how-it-work/Engagement.png);background-repeat:no-repeat;background-position:50% 75%;background-size:720px 80px;background: none;}
.what-you-get-section .title-div{background-image:url(../images/how-it-work/Hiring.png);background-repeat:no-repeat;background-size:395px 86px;background-position:50% 11px;background: none;}
.engagement-model-sections .title-div h3{margin:0 0 30px 0;}
.hire-developers-section .title-div{background-image:url("../images/about-page/WORK.png");background-repeat:no-repeat; background-size: 320px 80px; background-position: 50% 20px;background: none;}
.hire-available-developer-section .title-div{background-image:url(../images/about-page/HIRE.png);background-repeat:no-repeat;background-size:226px 70px;background-position:50% 20px;}
.why-our-model-work-left .title-div{background-image:url(../images/about-page/WORKs.png);background-repeat:no-repeat;background-size:370px 70px;background-position:50% 23px;margin:95px 0 0 0;background: none;}
.faq-banner{background-image:url(../images/faq-page/banner-faq.jpg);height:160px;background-size:100%;}
.frequently-section .title-div{background-image:url(../images/faq-page/Faqs.png);background-repeat:no-repeat;background-size:300px 105px;background-position:50% 11px;padding:0 0 23px 0;background: none;}
.frequently-section .title-div h3{margin:0 0 25px 0;}
.frequently-section #accordion{padding:3px 38px 8px;}
.faq-h::before{background-image:url(../images/faq-page/q.png);margin-right:20px;content:"";width:30px;height:30px;background-repeat:no-repeat;display: inline-block;vertical-align: middle;}
.headingdiv{background-color:transparent;padding:15px 0 11px 0px;}
.faq-h span{display:inline-block;margin:3px 0 0 0;}
.headingcard{border-top:none;border-left:none;border:0;border-right:none;}
.subdiv{padding:15px 0px;border-bottom:1px solid rgba(0,0,0,.125);}
.text{}
.text .para-div p{font-size: 16px;color: #404040; padding-right: 0;width: 94%;float: left;font-family: 'open_sansregular';margin: 0;text-align: justify;}
.para-div {width: 100%;float: left;margin: 10px 0 0 0;}
.para-div ol {padding: 5px 0 0 16px;width: 95%;float: right;margin: 0;}
.para-div ol li {font-size: 16px;color: #404040;font-family: 'open_sansregular';margin-top: 5px;}
.progressive-div {width: 100%;float: left;}
.progressive-div-right {display: inline-block;vertical-align: middle;width: auto;}
.progressive-div-left {display: inline-block;width: auto;vertical-align: middle;margin: 0px 10px 0 0;}
.progressive-div-right p {width: 100%;float: left;font-size: 18px;font-family: 'open_sanssemibold';padding: 0;margin: 0;color: #383838;}
.text .para-div::before{background-image:url(../images/faq-page/a.png);float:left;margin-right:15px;margin-top:4px;content:"";width:30px;height:30px;background-repeat:no-repeat;}
.faq-h:after{background-image:url(../images/faq-page/minus.png);margin-right: 0; float: right; margin-top: -2px; content: ""; width: 25px; height: 25px; background-repeat: no-repeat; background-size: 100% 100%;}
.active .faq-h:after{background-image: url(../images/faq-page/Plus.png); }
.dedicated-banner{background-image:url(../images/dedicated-team/bannerde-dedicated.jpg);padding:195px 0 0 0;}
.dedicated-section .title-div{background-image:url(../images/dedicated-team/TEAM.png);background-repeat:no-repeat;background-size:326px 89px;background-position:49.5% 11px;background: none;}
.title-p{color:#2c2c2c;font-size:15px;text-align:center;margin-bottom:35px;}
.team-benificial-sections .title-div{background-image:url(../images/dedicated-team/HIRE.png);background-repeat:no-repeat;background-size:226px 70px;background-position:50% 20px;background: none;}
.advantage-section{background-image:url(../images/dedicated-team/background-advantage.jpg);background-repeat:no-repeat;background-size:cover;position:relative;padding:95px 0;background-attachment:fixed;}
.advantage-section::before{content: "";width: 100%;height: 63px;position: absolute;background-image: url('../images/home-page/Section-2-bg-top.png');background-repeat: no-repeat;top: 0;background-size: cover;}
.advantage-section .title-div h3{color:#ffffff;font-size:36px;margin:0 0 45px 0;}
.advantage-section::after{content:"";width:100%;height:63px;position:absolute;background-image:url(../images/home-page/Section-2-bg-bottom.png);background-repeat:no-repeat;bottom:0;background-size:cover;}
.advantage-bak{background-image:url(../images/dedicated-team/Rectangle.png);background-repeat:no-repeat;padding:20px 20px 30px 20px;background-size:100% 100%;width:90%;margin:0 auto;margin-bottom:20px;min-height: 350px;}
.focus-image img{display:table;margin:0 auto;margin-top:13px;margin-bottom:13px;max-width:100%;}
.advantage-bak h2{text-align:center;color:#4e4e4e;font-size:20.83px;font-family:'open_sanssemibold';margin:0 0 15px 0;}
.advantage-bak p{text-align:center;}
.repidlyp{margin-bottom:25px;}
.reducep{margin-bottom:25px;}
.reduce h3{font-size:20px;margin-bottom:14px;font-weight:600;color:#4b4949;text-align:left;color:#000000;font-family:'open_sanssemibold';}
.repidlyp h3{font-size:20px;margin-bottom:14px;font-weight:600;color:#000000;font-family:'open_sanssemibold';}
.loremp{font-size:16px;color:#404040;padding:0 20px 0 0;text-align: justify;}
.dolorp{text-align:left;font-size:16px;color:#404040;padding:0 20px 0 0;}
.team-benificial-sections .container{width:1110px;}
.reduce{}
.rapidly{}
.rapidly-img{text-align:center;}
.rapidly-img img{max-width:100%;}
.web-development{padding:26px 20px 20px 43px;}
.web-development ul{padding-left:0px;list-style:none;margin:0 0 5px 0;width:100%;float:left;}
.web-development-img{margin-top:58px;}
.web-development-img img{max-width:100%;}
.web-development-left{padding-right:0;}
.web-development ul li::before{content:"";width:13px;height:13px;background-image:url(../images/dedicated-team/bullets.png);background-repeat:no-repeat;float:left;margin:5px 15px 0 0;}
.carousel-indicators{bottom:-39px;}
.carousel-indicators .active{background-color:black;}
.carousel-indicators li{max-width:14px;height:14px;background-color:#f8cc35;border-radius:50%;}
.web-development ul li{font-size:15px;color:#4e4e4e;margin-top:12px;width:100%;float:left;}
.dedicated-section .title-div h3{margin:0 0 10px 0;}
.web-development ul li span{width:94%;float:left;}
.web-development .rounded-btn{color:#000000;font-size:25px;text-transform:unset;width:240px;padding:5px 10px;margin-top:10px;}
.web-development .rounded-btn:hover{color:#fff;}
.advantage-bak p{text-align:center;font-size:16px;margin:0;color:#404040;}
.advantage-section .container{width:990px;}
.dedicated-banner .about-banner-top h1{font-size:67px;}
.dedicated-banner .about-banner-top p{padding:0 260px 0 0;}
.web-development p{color:#404040;font-size:16px;margin:0;text-align: justify;}
.mobile-app-dedicated-section{background-color:#f3f3f3;}
.mobile-app-dedicated-section .web-development-img{margin-top:30px;text-align:right;}
.dedicated-section.active{padding-top:68px;-webkit-transition:padding .5s ease-in-out;-moz-transition:padding .5s ease-in-out;transition:padding .5s ease-in-out;}
.common-parelex #sidebar{position:fixed;top:110px;right:0;width:77px;z-index:9;}
.common-parelex #sidebar nav{width:100%;float:left;position: relative !important;}
.common-parelex #sidebar nav ul{list-style:none;padding:0;margin:0;width:100%;float:left;}
.common-parelex #sidebar nav ul li{width:100%;float:left; margin: -1px 0 0 0;}
ul.social-icons li.ins-bottom a:after {content: "\f16d";}
.common-parelex #sidebar nav ul li a{width:100%;float:left;padding:39px 7px 33px 0px;box-sizing:border-box;background-color:#ffffff;text-align:right;    -webkit-box-shadow: -1px 4px 14px -1px grey;-moz-box-shadow: -1px 4px 14px -1px grey;box-shadow: -1px 4px 14px -1px grey;border-radius: 0;}
.common-parelex #sidebar nav ul li:first-child a{border-top-left-radius:52px;}
.common-parelex #sidebar nav ul.dedicate-page li a {padding: 24px 7px 18px 0px;}
.common-parelex #sidebar nav ul li:last-child a{border-bottom-left-radius:52px;} 
.common-parelex #sidebar nav ul li a.active{background-color:#f5f5f5;}
.three-main-div{width:100%;padding:0 0 0 15px;float:left;position: relative;}
.common-link{background-image:url(../images/new-icon/menu-bg.jpg);color: #463a0b !important; padding: 9px 10px; text-transform: uppercase; font-weight: 600; font-size: 15px !important; -webkit-transition: padding 0.5s; transition: padding 0.5s; cursor: pointer; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;margin: 0 0 10px 0;border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.first-div-div-comom-left h4 {color: #434343; font-size: 15px; text-transform: uppercase; font-weight: 600;width: auto; float: left; margin: 0 0 18px 0; padding: 0px 0 18px 0; border-bottom: 3.4px solid #463a0a;}
.mega_mnu_middle_div {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.tab_fun_right_mega_mnu {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.common-link p{margin:0;float:none;width:auto;display:inline-block;vertical-align:middle;}
.common-link.active{background-image:url(../images/new-icon/menu-bg-hover.jpg);color:#ffffff !important;padding-left:15px;-webkit-transition:padding 0.5s;transition:padding 0.5s;}
.common-link:before{content: ""; width: 39px; background-image: url(../images/new-icon/main-icon.png); background-repeat: no-repeat; height: 27px; display: inline-block; vertical-align: middle; margin: 0 0 0 0;}
.common-link:after{content: ""; width: 10px;  float: right; background-image: url(../images/new-icon/main-icon.png); background-repeat: no-repeat; height: 18px; background-position: -237px -6px; margin:6px 0 0 0;}
.common-link.active:before{background-image:url("../images/new-icon/main-icon-hover.png")}
.common-link.active:after{background-image:url("../images/new-icon/main-icon-hover.png");}
.first-link:before{}
.second-link:before{background-position:-2px -2px;}
.second-link:before{background-position:-7px -56px;}
.third-link:before{background-position:-5px -111px;}
.fourth-link:before{background-position:-8px -166px;height:29px;} 
.fivth-link:before{background-position:-5px -222px;}
.six-link:before{background-position:-8px -277px;}
li.first-list{margin:0;}
.three-main-div ul{padding:0;}
.first-div-div{display: none; position: absolute; left: 350px; top: 25px; -webkit-box-flex: 0; -webkit-flex: 0 0 78%; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; padding-right: 0;z-index: 9;} 
.first-div-div.active{display:block;}
.three-main-div ul{padding:0;width:100%;float:left;}
.three-main-div ul li{width: 100%; float: left; margin: 0 0 20px 0;}
.first-div-div-last {margin-bottom: 30px;}
.three-main-div ul li:last-child{}
.first-div-div-last{}
.three-main-div ul li .first-div-div-comom-left-left-side{width: 36px; float: none; display: inline-block !important; vertical-align: middle; height: 36px;}
.three-main-div .in-row-two-col li {/*width: 33.33%;*/}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {color: #1f393f !important; font-size: 15.83px;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {font-size: 16px !important;  font-weight: 600; color: #434343 !important; text-transform: uppercase;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a.active {color: #463a0b !important;}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p sup {color: #ff5400; font-size: 15.83px; top: 0;} 
.three-main-div ul li .first-div-div-comom-left-left-side img{max-width:100%;}
.three-main-div ul li .first-div-div-comom-left-right-side{width: 69%; float: none; margin: 0 0 0 10px; display: inline-block !important; vertical-align: middle;}
.tab_fun_right_mega_mnu .price-table-div {background-repeat: no-repeat;background-size: 100% 100%;background-color: transparent;margin: 90px 0 0 0;overflow: hidden;z-index: 9;position: relative;padding: 2.2px;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li {margin: 0 !important;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li:hover:after {position: unset !important;}
.tab_fun_right_mega_mnu .price-table-div .tab-content .tab-pane ul li:last-child {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.tab_fun_right_mega_mnu .price-table-div:after {content: "";position: absolute;top: -4px;bottom: -4px;left: -4px;right: -4px;background: linear-gradient( #f7c707, #290a59);z-index: -1;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs {background-color: #ffffff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.tab_fun_right_mega_mnu .price-table-div .tab-content .tab-pane ul li {margin: 0;padding: 3px 0;}
.tab_fun_right_mega_mnu .price-table-div .tab-content .tab-pane ul li:nth-child(odd) {background-color: #f1faf7;}
.tab_fun_right_mega_mnu .price-table-div .tab-content .tab-pane ul li:nth-child(even) {background-color: #e8f3ef;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li {margin: 0;width: 50%;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a.nav-link {height: 60px;border-radius: 0px !important;padding: 18px 0 0 0;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li.popular-post a.nav-link {border-top-left-radius: 5px !important;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li.categories a.nav-link {border-top-right-radius: 5px !important;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a.nav-link.active {background-image: url(../images/new-icon/tab.png);background-repeat: no-repeat;background-size: 100% 100%;border-radius: 10px;background-color: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.three-main-div ul li .first-div-div-comom-left-right-side a{color: #1f393f !important; font-weight: 600; font-size: 14.83px !important;}
.three-main-div .in-row-two-col li .first-div-div-comom-left-right-side {/*width: 68%;*/}
.three-main-div:before {content: ""; width: 2px; height: 490px; position: absolute; left: 0; border-left: 1px solid #000;z-index: 9;}
.margin-top-30px {margin: 55px 0 0 0;}
.first-div-div-last img{max-width:100%;}
.mega-mnu-bottom-img {margin: 15px 0 0 0;}
.error-page-banner{background-image:url(../images/404-erorr/Banner.jpg);height:676px;}
.error-page-banner:after{display:none;}
.error-page-banner-left{text-align:center;margin:82px 0 0 0;}
.error-page-banner-right{width:100%;float:left;}
.error-page-banner-right-top{width:100%;float:left;}
.error-page-banner-right-top img{max-width:100%;}
.error-page-banner-left img{max-width:100%;}
.error-page-banner-right-bottom{width:100%;float:left;}
.error-page-banner-right-bottom h2{color:#fdd947;text-transform:uppercase;font-size:35px;font-family:'open_sansextrabold';margin:25px 0 10px 0;}
.error-page-banner-right-bottom p{color:#ffffff;font-size:20px;margin:0 0 15px 0;}
.error-page-banner-right-bottom .rounded-btn{width:294px;background-color:#ffffff;color:#000000;}
.error-page-banner ~ footer .top-footer:before{background-image:url(../images/404-erorr/2.png);background-size: 100% 100%;}
.dedicated-section .carousel-item-next, .dedicated-section .carousel-item-prev, .dedicated-section .carousel-item.active{display:block;}
.hire-staffing-banner{background-image:url(../images/hire-professional/responsive-bg.jpg);padding:127px 0 90px 0;height:auto;}

.healthcare-banner{background-image:url(../images/healthcare-bg.jpg); position: relative;}
/*.healthcare-banner::before{ content:""; position:absolute; left: 0; top: 0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); }*/

.healthcare-banner .hire-staffing-front-end-banner-left p {
    padding: 16px 80px 30px 0;
    font-size: 20px;
}

.automotive-banner{background-image:url(../images/automotive-bg.jpg); position: relative;}
.isv-banner{background-image:url(../images/isv-bg.jpg); position: relative;}
.fintech-banner{background-image:url(../images/fintech-bg.jpg); position: relative;}
.retail-ecommerce-banner{background-image:url(../images/retail-and-ecommerce.jpg); position: relative;}
.manufacturing-banner{background-image:url(../images/manufacturing.jpg); position: relative;}
.hire-staffing-banner-inner-img{text-align:center;margin-top:50px;}
.hire-staffing-banner-inner-img img{max-width:100%;}
.hire-staffing-banner-title{color:#fdd947;font-size:45px;font-family:'robotobold';margin:0;text-align:center;}
.web-application-left{padding:0 0 0 57px;}
.web-application-right .what-you-get-section-right-top{text-align:left;}
.web-application-right .what-you-get-section-right-top h3{font-size:20px;font-family:'open_sanssemibold';margin:0 0 15px 0;}
.web-application-right .what-you-get-section-bottom{width:300px;}
.web-application-right .what-you-get-section-right-top p{font-size:15.15px;margin:0 0 20px 0;color:#232323;text-align: justify;}
.web-application-right{padding:0 0 0 28px;}
.cake-php-web-sol-section .title-div h2{text-align:center;color:#ffffff;font-family:'open_sansbold';font-size:45px;margin:0;padding:30px 0 15px 0;background-image:url(../images/hire-professional/SOLUTIONS.png);background-repeat:no-repeat;background-position:50% 20px;background-size:590px 78px;background: none;}
.cake-php-web-sol-section{padding-top:80px;}
.cake-php-web-sol-section .title-div p{text-align:center;padding:0 105px;margin-bottom:25px;}
.web-sol-inner-div{text-align:center;background-color:#ffffff;padding:40px 10px 20px 10px;min-height:225px;border-radius: 4px;box-shadow: 0px 2px 7px #58595b;}
.web-sol-inner-div h6 {margin: 0px;line-height: 22px;}
.cake-php-web-sol-section-bottom-div{padding:0 160px;}
.web-sol-inner-div-top-img{height:100px;}
.web-sol-inner-div h4{font-size:18px;font-family:'open_sanssemibold';color:#4e4e4e;}
.cake-php-web-sol-section-bottom-div-padding{padding:0 7px;}
.reusebility-code-div h2{font-family:'open_sansbold';font-size:20px;color:#000;margin:0 0 20px 0;}
.reusebility-code-div p{margin:0 0 40px 0;font-size:15.15px;color:#232323;text-align: justify;}
.hire-cake-php-price-form-section{background-image:url(../images/hire-professional/prices-background.jpg);}
.hire-cake-php-price-form-section-left{width:100%;float:left;}
.hire-cake-php-price-form-section-left h1{text-align:center;color:#ffffff;text-transform:uppercase;font-size:35px;font-family:'open_sansextrabold';margin:0 0 50px 0;}
.price-table-div{width:100%;float:left;background-color:#ffffff;border-radius:10px;}
.price-table-div ul.nav.nav-tabs{border:0;background-color:#e6e6e6;border-top-left-radius:10px;border-top-right-radius:10px;}
.price-table-div ul.nav.nav-tabs li{border:0;width:50%;float:left;}
.price-table-div ul.nav.nav-tabs li a.nav-link{border:0;font-size:35px;color:#000000;font-family:'open_sanssemibold';padding:10px;text-align:center;transition: all ease 0.5s;}
.price-table-div ul.nav.nav-tabs li a.nav-link.active, .price-table-div ul.nav.nav-tabs li a.nav-link:hover{background-color:#fdd947;color:#ffffff;-webkit-box-shadow:2px 2px 12px 0px grey;-moz-box-shadow:2px 2px 12px 0px grey;box-shadow:2px 2px 12px 0px grey;}
.price-table-div .tab-content{width:100%;float:left;}
.price-table-div .tab-content ul{width:100%;list-style:none;padding:0;float:left;margin:0;}
.price-table-div .tab-content ul li{width:25%;list-style:none;padding:0;float:left;}
.price-table-div .tab-content ul li p{padding:15px;color:#000;font-size:17px;width:50%;font-family:'open_sanssemibold';margin:0;float:left;text-align:center;}
.price-table-div .tab-content ul li:nth-child(even){background-color:#ededed;}
.price-table-div .tab-content ul li:last-child p{width:100%;text-align:center;}
.hire-cake-php-price-form-section-right {width: 33.5%; float: left; padding: 0; position: fixed; z-index: 1; top: 115px; transition: all 1s; -webkit-transition: all 1s; margin-left: -27%;}
.hire-cake-php-price-form-section-right.show-hide {transition: all 1s; -webkit-transition: all 1s; margin-left: 0;}
.form-div-bottom {width: 80.7%; float: left;overflow-y: auto; height: 425px;}
.show-hide .form-div-bottom {}
.form-btn {width: 65px; float: left; border: 0; padding: 0; opacity: 1; cursor: pointer; background-image: url(../images/hire-professional/form-icon.png); height: 71px; background-size: contain;background-repeat: no-repeat; background-color: transparent; margin: -4px 0 0 -1px;}
.hire-cake-php-price-form-section-right .form-div-class .title-div h3{color:#000000;font-size:35px;text-transform:unset;text-align:center;font-family:'open_sanssemibold';    margin: 0 0 15px 0;}
.hire-cake-php-price-form-section-right .form-div-class{padding:20px;margin:0;background-color: #f1f1f1; background-image: none;border-bottom-right-radius: 5px;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control{padding:10px 0;border:0;border-bottom:2px solid gray;color:gray;font-family:'open_sanssemibold';text-indent: 0;}
.hire-cake-php-price-form-section-right .form-div-class .form-group input.form-control{color:#000;box-shadow:none;}
.hire-cake-php-price-form-section-right .form-div-class .form-group textarea.form-control{color:#000;box-shadow:none;}
.hire-cake-php-price-form-section-right .form-div-class .form-group{margin: 0;}
.hire-cake-php-price-form-section-right .form-div-class .form-group:last-child .col-xs-12 {margin: 0 0 6px 0;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .col-xs-12 {width: 100%;max-width: 100%;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; margin:0 0 8px 0;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .col-xs-12 span.service-span-dropdown {position: absolute;}
.hire-cake-php-price-form-section-right .form-div-class .form-group textarea{height:45px;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt{background-image:none;background-color:#fdd947;padding:0;border-radius:30px;width:230px;margin-top:15px;font-size:22px;font-family:'open_sansbold';}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control::placeholder{color:gray;opacity:1;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control:-ms-input-placeholder{color:gray;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control::-ms-input-placeholder{color:gray;}
.hire-cake-php-developer-div{text-align: center; width: auto; display: table; margin: 0 auto;text-decoration: none;}
.hire-cake-php-developer-div:hover, .hire-cake-php-developer-div:focus {text-decoration: none;}
.hire-cake-php-developer-div-top-img{height: 210px; width: 100%; float: left;}
.hire-cake-php-developer-div-top-img img {max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.hire-cake-php-developer-div:hover .hire-cake-php-developer-div-top-img img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} 
.hire-cake-php-developer-div p{color:#000;font-size:16px;font-family:'open_sanssemibold';}
.hire-cake-php-price-form-section-right .form-div-class .form-group .service-span-dropdown{background-image:url(../images/hire-professional/Down-arrow.png);width:18px;height:13px;background-repeat:no-repeat;background-position:0;right:15px;}
.hire-cake-php-developer-section .title-div{background-image:url(../images/hire-professional/Why-hire.png);background-repeat:no-repeat;background-position:50% 20px;background-size:506px 78px;background: none;}
.hire-related-developer-section .title-div{background-image:url(../images/hire-professional/PROFESSIONAL.png);background-repeat:no-repeat;background-position:50% 20px;background: none;}
.web-application .title-div{background-image:url(../images/hire-professional/CAke-php.png);background-repeat:no-repeat;background-position:50% 20px;background-size:596px 80px;background: none;}
.hire-cake-php-developer-div-right img{max-width:100%;}
.web-application-left img{max-width:100%;}
.front-end-img{padding-top:49px;padding-bottom:59px;margin-top:10px;}
.front-end-img a img{max-width:100%;}
.database-padding{width:625px;margin:0 auto;}
.digital-marketing-padding{width:950px;margin:0 auto;}
.mobile-app-dedicated-inner-div .web-development{padding-left:0;}
.web-application-frontend .title-div{background-image:url(../images/hire-professional/Front-End.png);background: none;}
.web-application-android .title-div{background-image:url(../images/hire-professional/Android.png);background: none;}
.web-application-angular .title-div{background-image:url(../images/hire-professional/Angular-Js.png);background-size:470px 80px;background: none;}
.web-application-augmented .title-div{background-image:url(../images/hire-professional/AR.png);background-size:215px 80px;background: none;}
.web-application-big .title-div{background-image:url(../images/hire-professional/Big-Data.png);background-size:480px 75px;background: none;}
.web-application-cms-made .title-div{background-image:url(../images/hire-professional/Cms.png);background-size:190px 65px;background: none;}
.web-application-codeigniter .title-div{background-image:url(../images/hire-professional/Codeigniter.png);background: none;}
.web-application-concreate5 .title-div{background-image:url(../images/hire-professional/Concreate-5.png);background-size:425px 65px;background: none;}
.web-application-drupal .title-div{background-image:url(../images/hire-professional/Drupal.png);background-size:390px 65px;background: none;}
.web-application-elastic .title-div{background-image:url(../images/hire-professional/Elastic-Search.png);background-size:640px 80px;background: none;}
.web-application-hadoop .title-div{background-image:url(../images/hire-professional/Hadoop.png);background-size:355px 70px;background: none;}
.web-application-ionic .title-div{background-image:url(../images/hire-professional/Ionic.png);background-size:180px 65px;background: none;}
.web-application-ios .title-div{background-image:url(../images/hire-professional/Ios.png);background-size:246px 70px;background: none;}
.web-application-joomla .title-div{background-image:url(../images/hire-professional/Joomla.png);background-size:320px 70px;background: none;}
.web-application-jquery .title-div{background-image:url(../images/hire-professional/Jquery.png);background-size:300px 70px;background: none;}
.web-application-kohana .title-div{background-image:url(../images/hire-professional/KOHAnA.png);background-size:435px 80px;background: none;}
.web-application-laravel .title-div{background-image:url(../images/hire-professional/laravel.png);background: none;background: none;}
.web-application-magento .title-div{background-image:url(../images/hire-professional/Magento.png);background-size:470px 80px;    background: none;}
.web-application-mark-js .title-div{background-image:url(../images/hire-professional/Mark-Js.png);background-size:280px 70px;    background: none;}
.web-application-mean-stack .title-div{background-image:url(../images/hire-professional/Mean-Stack.png);background: none;}
.web-application-metor .title-div{background-image:url(../images/hire-professional/Metor.png);background-size:300px 70px;background: none;}
.web-application-modernizer-js .title-div{background-image:url(../images/hire-professional/Modernizer-Js.png);background-size:474px 68px;background: none;}
.web-application-modx .title-div{background-image:url(../images/hire-professional/Modx.png);background-size:270px 65px;background: none;}
.web-application-mongo-db .title-div{background-image:url(../images/hire-professional/Mongo-Db.png);background: none;}
.web-application-mule .title-div{background-image:url(../images/hire-professional/Mule.png);background-size:215px 50px;background: none;}
.web-application-my-sql .title-div{background-image:url(../images/hire-professional/My-Sql.png);background-size:280px 70px;background: none;}
.web-application-node-js .title-div{background-image:url(../images/hire-professional/Node-Js.png);background-size:360px 75px;background: none;}
.web-application-ors .title-div{background-image:url(../images/hire-professional/ORS.png);background-size:245px 70px;background: none;}
.web-application-optimizely .title-div{background-image:url(../images/hire-professional/Optimizely.png);background: none;}
.web-application-os-commerce .title-div{background-image:url(../images/hire-professional/Os-commerce.png);background: none;}
.web-application-phonegap .title-div{background-image:url(../images/hire-professional/Phonegap.png);background: none;}
.web-application-presta-shop .title-div{background-image:url(../images/hire-professional/Presta-Shop.png);background: none;}
.web-application-processing-js .title-div{background-image:url(../images/hire-professional/Processingjs.png);background: none;}
.web-application-react-native .title-div{background-image:url(../images/hire-professional/React-Native.png);background: none;}
.web-application-rect-js .title-div{background-image:url(../images/hire-professional/Rect-JS.png);background-size:290px 75px;background: none;}
.web-application-shopify .title-div{background-image:url(../images/hire-professional/Shopify.png);background-size:400px 70px;background: none;}
.web-application-sliver-stripe .title-div{background-image:url(../images/hire-professional/Sliver-Stripe.png);background-size:510px 80px;background: none;}
.web-application-symfony .title-div{background-image:url(../images/hire-professional/Symfony.png);background: none;}
.web-application-unity-3d .title-div{background-image:url(../images/hire-professional/Unity-3D.png);background-size:415px 70px;background: none;}
.web-application-vue .title-div{background-image:url(../images/hire-professional/Vue.png);background-size:130px 50px;background: none;}
.web-application-woo-commerce .title-div{background-image:url(../images/hire-professional/Woo-commerce.png);background: none;}
.web-application-wordpress .title-div{background-image:url(../images/hire-professional/Wordpress.png);background: none;}
.web-application-yii .title-div{background-image:url(../images/hire-professional/YII.png);background-size:215px 80px;background: none;}
.web-application-zen-cart .title-div{background-image:url(../images/hire-professional/Zen-Cart.png);background-size:445px 80px;background: none;}
.web-application-zend .title-div{background-image:url(../images/hire-professional/Zend.png);background-size:300px 75px;background: none;}
.web-application-dmm .title-div{background-image:url(../images/hire-professional/Manager.png);background: none;}
.web-application-srr .title-div{background-image:url(../images/hire-professional/RAnking.png);background: none;}
.web-application-email-marketer .title-div{background-image:url(../images/hire-professional/EMAIl-MARkeTEr.png);background-size:547px 60px;background: none;}
.web-application-website-optimizer .title-div{background-image:url(../images/hire-professional/Optimizer.png);background: none;}
.web-application-smm .title-div{background-image:url(../images/hire-professional/SMM.png);background-size:325px 70px;background: none;}
.web-application-product-owner .title-div{background-image:url(../images/hire-professional/OWNER.png);background-size:360px 70px;background: none;}
.web-application-content-writer .title-div{background-image:url(../images/hire-professional/WRITEr.png);background-size:435px 70px;background: none;}
.web-application-designer .title-div{background-image:url(../images/hire-professional/DESIGNER.png);background: none;}
.web-application-paid-advertirser .title-div{background-image:url(../images/hire-professional/Advertiser.png);background: none;}
.web-application-ui-ux-designer .title-div{background-image:url(../images/hire-professional/DESIGNER.png);background-size:420px 70px;background: none;}
.web-application-open-cart .title-div{background-image:url(../images/hire-professional/Open-Cart.png);background-size:450px 60px;background: none;}
.web-application-cs-cart .title-div{background-image:url(../images/hire-professional/Cs-Cart.png);background-size:320px 60px;background: none;}
.web-application-ror .title-div{background-image:url(../images/hire-professional/ROR.png);background-size:200px 65px;background: none;}
div#cont{float: left;position: relative;border-radius: 6px;padding: 20px 20px 0px;background: #f9f7f7e0;box-shadow: 0px 6px 10px #d8d8d8;margin-bottom: 20px;width: 100%;text-align: center;}
.site-map-section #cont ul.tree.second:before {width: 87.6%;left: 0;}
.site-map-section #cont ul.tree.second .level-1 li .level-2 li:before {top: -12px;}
.site-map-section #cont ul.tree.second .level-1 li .level-2 li {display: block;margin-bottom: 10px;float: left;}
.site-map-section #cont ul.tree.second .level-1 li .level-2 a {}
.site-map-section #cont ul.tree.second .level-1 li .level-2 li {left: 0;margin: 0px 0px 10px;}
.site-map-section #cont ul.tree.second .level-1 li ul.level-2 {float: left;width: 100%;margin-top: 12px;text-align: center;}
.site-map-section #cont ul.tree.second .level-1 li a {float: left;width: 100%;height: 54px;font-size: 14px;padding: 6px 7px;display: flex;justify-content: center;align-items: center;}
.site-map-section #cont ul.tree.second .level-1 li::before {top: -30px;}
.site-map-section {width: 100%;float: left;margin: 25px 0 0 0;}
.site-map-section #cont ul{list-style:none;margin:0;padding:0;}
ul.tree::after {}
ul.tree li::before {content: "";position: absolute; height: 14px;width: 1px;background: #58595b;top: -25px;left: 0; right: 0;margin: 0 auto;z-index: 1;}
ul.tree::before {content: "";height: 1px;width: 438px;background: #58595b;display: block;left: 8px;position: absolute;top: 0;right: 0;margin: 0 auto;}
ul.tree.tree-com::before {width: 346px;left: 4px;}
.site-map-section #cont ul li a{color:#404040;font-size:15px;}
.site-map-section #cont ul li{padding:5px;display: inline-block;}
.site-map-section #cont ul li span{font-size:20px;font-weight:600;}
.form-con-right .msg2 p{background-color:#fdd947;padding:3px 0;}
.frequently-section #accordion{width:100%;float:left;}
.frequently-section #accordion .faq-h{width:100%;float:left;background-color:transparent;border:0;font-size:20.63px;color:#4e4e4e;margin:0;font-family:'open_sanssemibold';padding:15px 0 11px 0px;border-bottom:1px solid rgba(0,0,0,.125);border-radius:0;cursor: pointer;}
.faq-h span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{display:none;}
.faq-h span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{display:none;}
.frequently-section #accordion .faq-h.ui-state-active{background-color:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.125);margin:0;outline:0;border-radius:0;}
.frequently-section #accordion .text{width:100%;float:left;padding:0;padding:15px 0px;border:0;border-bottom:1px solid rgba(0,0,0,.125);overflow: hidden;}
.para-div-bottom {width: 100%;float: left;padding: 10px 0px 10px 40px; }
 .hire-cake-php-price-form-section-right .form-div-class .form-group .loader {margin: 0 auto;float: none;display: table;}
#contact_button ~ .loader {margin: 0 auto;float: none;display: table;}
p.extra {margin: 0px;font-size: 20px;}
.loader {border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #fdd947;width: 20px;height: 20px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;float: left;}
#submit_tuch[disabled] {
	display: none;
}
#common_btn[disabled] {
	display: none;
}

#contact_button[disabled] {
	display: none;
}
.formright2 {
	position: relative;
}
.bannerNew .nav-item { color:#ffffff;-webkit-box-shadow:2px 2px 12px 0px grey;-moz-box-shadow:2px 2px 12px 0px grey;box-shadow:2px 2px 12px 0px grey; }
.bannerNew .price-table-div ul.nav.nav-tabs li a.nav-link { font-size: 16px; }
.bannerNew .price-table-div .tab-content ul li p { width: 100%; }
.bannerNew .price-table-div ul.nav.nav-tabs li a.nav-link:hover { background-color: transparent; }
.bannerNew .price-table-div .tab-content ul li:nth-child(3) { background: #fde78c; }
.bannerNew .price-table-div .tab-content ul li:nth-child(1) p:nth-child(2) { background: #e5e5e5; border-top: 1px dashed gray; border-bottom: 1px dashed gray; }
.bannerNew .price-table-div .tab-content ul li:nth-child(2) p:nth-child(2),
.bannerNew .price-table-div .tab-content ul li:nth-child(3) p:nth-child(2),
.bannerNew .price-table-div .tab-content ul li:nth-child(4) p:nth-child(2) { border-top: 1px dashed gray; border-bottom: 1px dashed gray; }
.bannerNew i { font-size: 25px; margin-right: 10px; }
.bannerNew .price-table-div ul.nav.nav-tabs li a.nav-link:hover { color: #000; }
@media (max-width: 394px) and (min-width: 320px) { 
	.bannerNew .price-table-div .tab-content ul li:nth-child(2) p:nth-child(2), 
	.bannerNew .price-table-div .tab-content ul li:nth-child(3) p:nth-child(2),
	.bannerNew .price-table-div .tab-content ul li:nth-child(4) p:nth-child(2) { line-height: 42px; }	
	.bannerNew i { font-size: 20px; display: block; margin: 0; }

}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
			
			
/* DEDICATE TEAM CHANGE ON BANNER */
.team-advantage-div a {
    color: #ffffff;
    font-size: 25px;
    text-decoration: underline;
    font-family: 'robotolight';
    font-family: 'robotomedium';
}
.team-advantage-div {
    margin: 0 0 1em 0;;
    padding: 0;
}			
.how-we-work-responsive-accourdion {
    width: 100%;
    float: left;
    display: none;
}

.how-we-work-responsive-accourdion .card .card-header {
    padding: 0;
    background-color: #fdd947;
	border-bottom: 0;
}
.how-we-work-responsive-accourdion .card {
    border-radius: 6px;
    margin-bottom: 10px;
    border-color: #fdd947;
}
.how-we-work-responsive-accourdion .card .card-header h5 a {
    width: 100%;
    float: left;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    font-family: 'open_sanssemibold';
    text-decoration: none;
    outline: 0;
}
.how-we-work-responsive-accourdion .card .card-block {
    padding: 10px;
    font-size: 16px;
}
.how-we-work-responsive-accourdion .card .card-header h5 a span {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.how-we-work-responsive-accourdion .card .card-header h5 a span.acc-img {
    width: 50px;
}
.how-we-work-responsive-accourdion .card .card-header h5 a span.acc-img {
    width: 25px;
}
.how-we-work-responsive-accourdion .card .card-header h5 a span.acc-img img {
    width: 100%;
}
.how-we-work-responsive-accourdion .card .card-header h5 a span.acc-text {
    margin: 0 0 0 10px;
}
.how-we-work-responsive-accourdion .card .card-header h5 a span.acc-icon-right {
	float: right;
	margin: 1px 0 0 0;
}
.how-we-work-responsive-accourdion .card .card-header h5 a.collapsed span.acc-icon-right::after {
    content: "\f055";
    font-family: fontawesome;
}
.how-we-work-responsive-accourdion .card .card-header h5 a span.acc-icon-right::after {
    content: "\f056";
    font-family: fontawesome;
}

.resposive-submenues {
    display: none;
}
ul.social-icons-fixed {
    /*width: 50px;
    float: left;
    position: fixed;
    top: 130px;
    right: 0;
    background-color: #fff;
    box-shadow: -2px 0px 5px grey;
    padding: 0 10px;
    z-index: 1;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;*/
}
ul.social-icons-fixed li {
   /* margin: 0;
    width: auto;
    float: none;
    text-align: center;*/
}
ul.social-icons li a {
    /*width: auto;
    float: left;
    text-decoration: none;*/
}
ul.social-icons-fixed li a:after {
    color: gray;
}
ul.social-icons-fixed li a:hover:after {
    color: #fdd947;
}
.error-page-icon-div ul.social-icons li a {
    background-color: #646464;
    width: 45px;
    height: 45px;
    float: left;
    text-align: center;
    padding: 6px 0;
}
.error-page-icon-div ul.social-icons li a:hover {
    background-color: #fdd947;
}
.error-page-icon-div ul.social-icons {
    float: left;
    margin: 5px 0 0px 0;
        width: 100%;
}
.hire-cake-php-form-front-end .hire-staffing-banner-title {
    color: #ffffff;
}
.hire-staffing-front-end-banner #sidebar nav ul li a {
    padding: 17px 0px 17px 0px;
    text-align: center;
}
.hire-staffing-front-end-banner #sidebar {
    width: 77px;
}
.hire-staffing-front-end-banner-left {
    width: 100%;
    float: left;
}
.hire-staffing-front-end-banner-left h1 {
    color: #fdd947;
    font-size: 38px;
    text-transform: uppercase;
    font-family: 'open_sansextrabold';
    margin: 0 0 20px 0;
}
.hire-staffing-front-end-banner-left p {
    color: #ffffff;
    padding: 0 40px 0 0;
    font-size: 16px;
    margin: 0 0 20px 0;
}
.hire-staffing-front-end-banner-left .rounded-btn {
    width: 300px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left {
    padding: 0;
}
.hire-staffing-front-end-banner {
    padding: 225px 0 160px 0;
}
.web-development-in-front-end .rounded-btn {
    width: 300px;
    margin-top: 5px;
    text-transform: uppercase;
}
.web-development-in-front-end h4 {
    color: #717171;
    font-size: 20px;
    font-family: 'open_sanssemibold';
    margin: 0 0 10px 0;
}
.web-development-img-in-front-end {
    margin-top: 30px;
}
.web-development-in-front-end {
    padding: 30px 100px 20px 32px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    /*font-size: 30px;*/
}
/*.price-table-div ul.nav.nav-tabs li:last-child a.nav-link::before {
    content: "\f017";
}

.price-table-div ul.nav.nav-tabs li a.nav-link::before {
    content: "\f073";
    font-family: fontawesome;
    padding-right: 20px;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}*/
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a.nav-link::before {
    padding-right: 0;
    content: "";
}
.price-table-div ul.nav.nav-tabs li.popular-post a {
    border-top-left-radius: 10px;
}
.price-table-div ul.nav.nav-tabs li.categories a {
    border-top-right-radius: 10px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 20px;
}
#html5 .title-div {background-image: url(../images/hire-professional/Front-end/HTML5.png); background-size: 431px 89px; background-position: 50% 13px;}
#css3 .title-div {background-image: url(../images/hire-professional/Front-end/CSS3-.png); background-size: 273px 89px; background-position: 50% 11px;}
#bootstrap .title-div {background-image: url(../images/hire-professional/Front-end/BOOTSTRAP-.png);background-size: 708px 89px; background-position: 50% 11px;}
#less_frame .title-div {background-image: url(../images/hire-professional/Front-end/LESS-.png);background-size: 254px 89px; background-position: 50% 11px;}
#sass .title-div {background-image: url(../images/hire-professional/Front-end/SASS-.png); background-size: 270px 89px; background-position: 50% 11px;}
#foundation .title-div {background-image: url(../images/hire-professional/Front-end/FOUNDATION-.png);background-size: 817px 89px; background-position: 50% 11px;}
#Photoshop .title-div {background-image: url(../images/hire-professional/Front-end/PHotoshop-.png);background-size: 817px 89px; background-position: 50% 11px;}
#Axure .title-div {background-image: url(../images/hire-professional/Front-end/AXURE-.png);background-size: 400px 89px; background-position: 50% 11px;}
#illustrator .title-div {background-image: url(../images/hire-professional/Front-end/ILLUStrator-.png);background-size: 817px 89px; background-position: 50% 11px;}



.process-will-inner-div {
    width: 100%;
    float: left;
}
.general-interview {
    padding: 0px 220px 0 0;
}
.process-will-inner-div-top {
    width: 100%;
    float: left;
}
.process-will-inner-div-top-right p {
    font-size: 16px;
    color: #000;
    font-family: 'open_sansbold';
}
.process-will-inner-div-top-left {
    width: auto;
    float: left;
    margin: 0 15px 0 0;
}
.process-will-inner-div-top-right {
    width: 85%;
    float: left;
}
.process-will-inner-div-technologies .process-will-inner-div-top-right p {
    color: #fdd947;
} 
.general-text h5 {
    font-size: 16px;
    color: #000;
    font-family: 'open_sansbold';
}
.general-text p {
    font-size: 16px;
    color: gray;
    margin: 0;
    text-align: justify;
}
.general-text {
    padding: 0 30px 0 0;
}
.assessment-mr-top {
    margin: 20px 0 0 0; 
}
.mr-top-minus {
    margin-top: -67px; 
}
.mr-top-plus {
    margin-top: 20px;
}
.third-row-team-hring .mr-top-minus {
    margin-top: -50px;
} 
.third-row-team-hring .mr-top-plus {
    margin-top: 15px;
}
.second-row-team-hring {
    position: relative;
}
.second-row-team-hring:before {
        content: "";
    background-image: url(../images/how-it-work/Black-.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 93.7%;
    height: 63px;
    top: -24px;
    left: 94px;
    z-index: -1;
}
.second-row-team-hring:after {
    content: "";
    background-image: url(../images/how-it-work/Yellow-1.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 93.7%;
    height: 63px;
    bottom: 43px;
    left: 94px;
    z-index: -1;
}
.contact-banner #sidebar nav ul.social-icons li a {
    text-align: center;
    padding: 20px 0;
    text-decoration: none;
}
.contact-banner #sidebar nav ul li:hover a {
    background: rgba(41, 41, 40, 0.87);
}
iframe#drift-widget {
    right: 60px !important;
    bottom: 33px !important;
}
/* DEDICATE TEAM CHANGE ON BANNER */	

/* FAQ CSS HERE */
.content-class-inner {
    background: #ffffff;
    margin: 0 0 25px 0;
    width: 100%;
float: left;
}
.content-class-inner h2 {
    font-size: 25px;
    font-family: 'open_sanssemibold';
}

.accidion-class-div .accordion h5 {
    background-color: transparent;
    border: 0;
    font-size: 16px;
    color: #4e4e4e;
    margin: 0;
    font-family: 'open_sanssemibold';
    padding: 15px 0 11px 0px;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
    cursor: pointer;
    width: 100%;
	float: left;
}
.content-class h1 {
    margin: 0;
    font-size: 25px;
}
.content-class p {
    /*font-size: 15px;
    padding: 5px 0;
    cursor: pointer;
    color: #8c8c8c;*/
}
.content-class-inner .panel {
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
        -webkit-transition-property: max-height;
    -webkit-transition-duration: 0.50s;
    transition-property: max-height;
    transition-duration: 0.50s;
    width: 100%;
	float: left;
}
.accidion-class-div .accordion {
    font-size: 16px;
    padding: 0;
    cursor: pointer;
    color: #707070;
    width: 100%;
float: left;
}
.accidion-class-div {
/*    margin: 12px 0 0 0;*/
width: 100%;
float: left;
}
.faq-title h1:before {
    content: "";
    background-image: url("../images/faq-page/chat.png");
    width: 47px;
    height: 36px;
    background-repeat: no-repeat;
    margin: 5px 25px 0 0;
    float: left;
}
.side-navigation2:before {
    background-position: 0 -41px;
}
.side-navigation3:before {
    background-position: 0 -82px;
}
.side-navigation4:before {
    background-position: 0 -123px;
}
.side-navigation5:before {
    background-position: 0 -164px;
}
.side-navigation6:before {
    background-position: 0 -205px;
}
.side-navigation7:before {
    background-position: 0 -243px;
}
.side-navigation8:before {
    background-position: 0 -287px;
}
.side-navigation9:before {
    background-position: 0 -325px;
}
.side-navigation10:before {
    background-position: 0 -366px;
}
.content-class-inner h1:before {
    content: "";
    float: left;
    background-image: url(../images/faq-page/icon-.png);
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 2px 25px 0 0;
}
#sidebar nav {
    
}
#sidebar nav ul {
    list-style: none;
    padding: 0;
}
#sidebar nav ul li {
    margin: 0 0 15px 0;
}
#sidebar nav ul li a {
    display: block;
    background-color: #fdd947;
    padding: 9px 25px;
    color: #58595b;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600; 
    border-radius: 5px;
}
#sidebar nav ul li a.active {
    box-shadow: 0px 1px 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0px 1px 10px rgba(0,0,0,0.6);
}
#sidebar nav ul li a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    float: none;
} 
#sidebar nav ul li a span:first-child {
    height: 35px;
}
.content-class {
    width: 100%;
    float: left;
}
/* FAQ CSS HERE */

/* UI-UX DESIGN SECTTION ADD */
#ui-ux-designer {
    background-color: #f3f3f3;
}
#ui-ux-designer .title-div {
    background-image: url(../images/hire-professional/UI-UX-DESIGNER/UI-UX.png);
    background-size: 350px 89px;
    background-position: 50% 11px;
}
.ui-designer-bnt {
    background-color: #4f4f51;
    width: 350px;
    margin: 25px 0px 0 46px;
    text-align: center;
    color: #ffffff;
    border-radius: 25px;
    padding: 5px 0 5px 0;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'open_sanssemibold';
    box-shadow: 0px 2px 0px 2px gainsboro;
}
.ui-designer-hangs-left {
    width: 100%;
    float: left;
        margin: 3px 0 0 0;
}
.ui-designer-hangs-1 {
    width: auto;
    float: left;
}
.ui-designer-hangs-2 {
    width: auto;
    float: left;
}
.ui-designer-hangs-right {
    width: 100%;
    float: left;
}
.ui-designer-hangs-right-1 {
    width: 100%;
    float: left;
    text-align: center;
    margin: 6px 0 0 0;
}
.ui-designer-hangs-right-1 img {
    max-width: 100%;
}
.ux-designer-bnt {
    background-color: #d8d8d8;
    color: #4f4f51;
    width: 300px;
    padding: 5px;
    border-radius: 35px;
    text-shadow: 0px 5px 8px grey;
    margin: 25px auto 0;
    box-shadow: 0px 4px 10px grey;
} 
.white-border {
    width: 100%;
    display: inline-block;
    border: 1px solid white;
    border-radius: 35px;
    padding: 8px 0;
}
.hire-staffing-front-end-banner-left h4 {
    color: #ffffff;
    font-size: 20px;
        font-family: 'open_sanssemibold_italic';
}
.web-development-in-front-end .italic-text {
    font-family: 'open_sanssemibold_italic';
}
.ui-designer-hangs-2 img {
    max-width: 100%;
}
.ui-designer-hangs-1 img {
    max-width: 100%;
}
.designer-div {
    width: 100%;
    float: left;
}
	nav.navs.stickydiv {position: fixed;top: 90px;z-index: 0;margin-top: 0px;width: 292px;}

div#sidebar {
    position: relative;
}
/* UI-UX DESIGN SECTTION ADD */
		
/* COMMING SOON CSS STARTS HERE */
.comming_soon_banner {
    background-image: url('../images/comming-soon/banner-coming-soon.jpg');
    padding: 186px 0 0 0;
    min-height: 768px;
}
.comming_soon_banner:after {
	display: none;
}		
.under-construction-img {
    width: 100%;
    float: left;
    text-align: center;
}
.comming_soon_banner_bottom {
    padding: 0 25%;
    margin: 58px 0 0 0;
}
.under-construction-img img {
    max-width: 100%;
}
canvas#c {
    position: fixed;
    width: 100%;
    top: 80px;
} 
/* COMMING SOON CSS ENDS HERE */		

/* FREE TRAIL POP STARTS HERE */
.click-for-free-trail {
    background-color: transparent;
    cursor: pointer;
}
body.modal-open {
    padding-right: 0 !important;
}
.modal-open .modal {
    padding-right: 0 !important;
}
.modal .modal-dialog {
    max-width: 460px;
    margin: 30px auto;
}
.modal-header {
    background-color: #fdd947;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 8px;
    width: 100%;
    float: left;
    display: block;
    position: relative;
}
.modal-body {
    padding: 30px 8px 0px 8px;
}
.modal-body .form-group {
    margin-bottom: 10px;
}
.modal-body .form-control {
    border: 0;
    border-bottom: 1px solid gray;
    padding: 8px 0;
    font-size: 14px;
    border-radius: 0;
}
.modal-body textarea {
    resize: unset;
    height: 100px;
}
.modal-body select.form-control {
    height: auto !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.modal-body .submit-btn-cnt {
    background-image: none;
    background-color: #fdd947;
    padding: 0;
    border-radius: 25px;
    width: 145px;
    margin-top: 14px;
    font-size: 15px;
    font-family: 'open_sanssemibold';
    height: 35px;
}
.modal-body input.form-control, .modal-body textarea.form-control {
}
.modal-body span.service-span-dropdown:after {
    content: "\f107";
    font-family: fontawesome;
    font-weight: 100;
    font-size: 18px;
}
.modal-body span.service-span-dropdown {
    position: absolute;
    right: 35px;
    top: 4px;
}
.modal-header:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: -13px;
    background-color: #fdd947;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.close:focus, .close:hover {
    color: #ffffff;
    opacity: 1;
}
.modal .modal-dialog {
    margin: 92px auto 0 !important;
    max-width: 442px;
}
.modal-content {
    border-radius: 10px;
}
.modal-full-header {
    width: 100%;
    float: left;
    position: relative;
}
.modal-full-header-left {
    width: 100%;
    float: left;
    text-align: center;
    margin: -90px 0 0 0;
}
.modal-title {
    width: 100%;
    float: left;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'robotomedium';
    font-size: 25px;
}
button.close {
    width: 26px;
    float: left;
    color: #ffffff;
    box-shadow: none;
    text-shadow: none;
    background-color: #343434;
    opacity: 1;
    font-weight: normal;
    padding: 6px 0px;
    text-align: center;
    line-height: 13px;
    border-radius: 6px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.modal-body form {
    border-bottom: 3px solid #fdd947;
    padding-bottom: 15px;
}
/* FREE TRAIL POP ENDS HERE */

/* SCROLLBAR CSS HERE */
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(59, 10, 10, 0.3);border-radius:0px;}
::-webkit-scrollbar-thumb{background-color:#48484A;outline:1px solid slategrey;border-radius:0px;}
::-webkit-scrollbar{width:8px;}
/* SCROLLBAR CSS HERE */


/* THANAK YOU PAGE CSS HERE */
.thanku_banner {
    background-image: url(../images/comming-soon/thank-you-banner.jpg);
    padding: 136px 0 0 0;
}
.thanku_banner .comming_soon_banner_bottom {
    margin: 15px 0 0 0;
}
.back-to-home {
    width: 290px;
    margin: 0 auto;
    float: none;
    display: table;
}
/* THANAK YOU PAGE CSS HERE */
.process-for-responsive {
    display: none;
}
.process-for-main {
    width: 100%;
    float: left;
}
.first-row-team-hring {
    width: 100%;
    float: left;
}
.second-row-team-hring {
    width: 100%;
    float: left;
        margin-top: 35px;
}
.third-row-team-hring {
    width: 100%;
    float: left;
}
.first-row-team-hring-title {
    width: 47.5%;
    float: left;
}
.first-row-team-hring-skill-test {
    width: 27%;
    float: left;
}
.first-row-team-hring-assessment {
    width: 25%;
    float: left;
}
.second-row-team-hring-same {
    width: 24%;
    float: left;
}
.second-row-team-hring-app-img {
    width: 23%;
}

.second-row-team-hring-skills-img {
    width: 27%;
}
.third-row-team-hring-same {
    width: 25%;
    float: left;
    margin-top: 5px;
}
.third-row-team-hring-app-text {
    width: 23.5%;
}
.third-row-team-hring-digi-text {
    width: 24%;
}
.third-row-team-hring-skills-text {
    width: 27%;
}
.mr-top-plus-same {
    margin-top: -5px;
}
.process-for-main .center-btn {
    width: 300px;
    margin: 0 auto;
}
.process-for-main .center-btn .contact-us-now.rounded-btn.yellow-background-hover {
    margin: 20px 0 0 0;
    padding: 4px 0;
}
section.home-banner.about-banner.how-it-work-banner.sitemap-banner {
    height: 160px;
}
.page-subheading::after {content: "";position: absolute;height: 30px;width: 1px;background: #58595b;bottom: -25px;left: 0;right: 0;margin: 0 auto;}

.page-subheading a {
    float: none;
    background: #58595b;
    color: white;
    padding: 8px 10px;
    display: inline-block;
    border-radius: 6px;
}
ul.tree {
    float: left;
    width: 100%;
}
.page-subheading {
    width: 100%;
    margin: 0;
    float: left;
    position: relative;
}
.page-subheading a, .page-subheading span {
    float: none;
    background: #58595b;
    color: white;
    padding: 8px 10px;
    display: inline-block;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none !important;
}

ul.tree {
    float: left;
    width: 100%;
    margin-top: 25px !important;
    position: relative;
    padding-top: 25px !important;
    margin-bottom: 30px !important;
}

.site-map-section #cont ul.tree li {
    display: inline-block;
    position: relative;
}

.site-map-section #cont  ul.tree li a {
    color: white;
    background: #58595b;
    padding: 5px 8px;
    border-radius: 6px;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree.second .level-1 li {
    padding: 2px;
    width: 90px;
    vertical-align: top;
    margin: 0px 5px;
    float: none;
}
.site-map-section #cont ul.tree li a:hover {
    background: transparent;
    color: #58595b;
    box-shadow: 0px 2px 10px #58595b;
    z-index: 9;
}
.frame-workslider button.contact-us-now.rounded-btn.yellow-background-hover {
    cursor: pointer;
}
.from-blog-section .carousel-item a, .from-blog-section .owl-carousel a {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    background: #fdd947;
    padding: 10px;
}
/*Animate css*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.card {
	  -webkit-transform-style: preserve-3d;
	  transform-style: preserve-3d;
}
/*End of Animate css*/
.web-application-right .what-you-get-section-right-top h3 i, .web-application-right .what-you-get-section-right-top h3 em {font-style: normal;} 

/* TESTIMONIALS PAGE CSS STARTS HERE */
.testimonials_review_left {
    width: 100%;
    float: left;
}
.testimonials_review_left .form-div-class {
    margin: 0;
    padding: 0 0 0 26px;
    background-image: none;
} 
.testimonials_review_section {
    /*background-color: #e7f1f2;*/
    background-image: url(../images/testimonial/review-bg.png);
    background-position: 0 0;
    padding-top: 51px;
    z-index: 9;
    position: relative;
}
.testimonials_review_section .title-div {
    background-image: url(../images/testimonial/Customer.png);
    background-repeat: no-repeat;
    background-position: 49.8% 65%;
    background: none;
}
.testimonials_review_section .form-div-class .title-div {
    background-image: none;
}
.testimonials_review_section .title-div h3 {
    margin: 0 0 45px 0;
}
.testimonials_review_left .form-div-class .form-group .form-control {
    background-color: #ffffff;
    border-color: gainsboro;
    padding: 12px 15px 12px 48px;
    box-shadow: none !important;
}
.testimonials_review_left .form-div-class .title-div p {
    color: gray;
    font-weight: 400;
    font-size: 17px;
    text-align: left;
}
.testimonials_review_left .form-div-class .form-group span.span-img {
    top: 13px;
    left: 18px;
}
.testimonials_review_left .form-div-class .form-group {
    margin: 0 0 25px 0;
}
.testimonials_review_left .submit-btn-cnt {
    display: inline-block;
}
.testimonials_review_section ~ footer .top-footer:before {
    background-image: url(../images/testimonial/footer-shadow.png);
    background-size: 100% 100%;
}
.testimonials_review_left img {
    max-width: 100%;
}
.testimonials-banner {
    background-image: url(../images/testimonial/banner.jpg);
    height: 252px;
}
.testimonials-banner:after {
    background-image: url(../images/testimonial/banner-shadow.png);
}
.top-three-clients {
    width: 100%;
    float: left;
}
.bottom-three-clients {
    width: 100%;
    float: left;
}
.testimonials_client_say_section {
    background-color: #ebfbfb;
}
.client_say_common_div {
    width: 100%;
    float: left;
    position: relative;
}
.top-three-one-clients-left {
    width: 45%;
    float: left;
}
.top-three-one-clients-right {
    width: 55%;
    float: left;
}
.top-three-one-clients-left .title-div {
    text-align: left;
    background-image: url(../images/testimonial/Clients.png);
    background-repeat: no-repeat;
    background-position: 0 11px;
    background: none;
}
.top-three-one-clients-left .title-div h3 {
    margin: 0 0 10px 0;
}
.client-says-main-div {
    background-image: url(../images/testimonial/usa-bg.png);
    background-repeat: no-repeat;
    width: 662px;
    height: 210px;
    float: right;
    position: relative;
    z-index: 1;
}
.client-says-main-div:before {
    content: "";
    background-image: url(../images/testimonial/uk.png);
    background-repeat: no-repeat;
    width: 160px;
    height: 160px;
    float: right;
    position: absolute;
    border-radius: 100%;
    top: 23px;
    left: 25px;
}
.client-says-main-div-right-cnt {
    width: 480px;
    float: right;
    padding: 0 35px 0 20px;
    margin: 22px 0 0 0;
}
.client-says-main-div-right-cnt h1 {
    color: #e5254a;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.client-says-main-div-right-cnt p {
    color: #8c8c8c;
    font-size: 14.5px;
    margin: 0;
        text-align: justify;
}
.client-says-main-div-right-cnt h1 span {
    color: #4c4c4c;
    font-size: 17px;
    margin: 0 0 0 5px;
}
.top-three-two-clients {
    margin: 50px 0 100px 0;
}

.top-three-two-clients .client-says-main-div {
    margin: 0 0 0 165px;
    float: none;
    background-image: url(../images/testimonial/europe-bg.png);
}
.top-three-two-clients .client-says-main-div:before {
    background-image: url(../images/testimonial/australia.png);
}
.top-three-two-clients .client-says-main-div-right-cnt h1 {
    color: #f87a00;
}

.top-three-three-clients .client-says-main-div {
    margin: 0 auto;
    float: left;
    background-image: url(../images/testimonial/uk-bg.png);
}
.top-three-three-clients .client-says-main-div:before {
    background-image: url(../images/testimonial/Singapore.png);
}
.top-three-three-clients .client-says-main-div-right-cnt h1 {
    color: #f99700;
}

.bottom-three-clients .top-three-one-clients .client-says-main-div {
    background-image: url(../images/testimonial/canada-bg.png);
}
.bottom-three-clients .top-three-one-clients .client-says-main-div:before {
    background-image: url(../images/testimonial/usa.png);
}
.bottom-three-clients .top-three-one-clients .client-says-main-div-right-cnt h1 {
    color: #49a328;
}

.bottom-three-clients .top-three-two-clients .client-says-main-div {
    background-image: url(../images/testimonial/norway-bg.png);
    margin: 0px 0 0 240px;
}
.bottom-three-clients .top-three-two-clients .client-says-main-div:before {
    background-image: url(../images/testimonial/canada.png);
}
.bottom-three-clients .top-three-two-clients .client-says-main-div-right-cnt h1 {
    color: #1d7bb9;
}

.bottom-three-clients .top-three-three-clients .client-says-main-div {
    background-image: url(../images/testimonial/kuwait-bg.png);
}
.bottom-three-clients .top-three-three-clients .client-says-main-div:before {
    background-image: url(../images/testimonial/Switzerland.png);
}
.bottom-three-clients .top-three-three-clients .client-says-main-div-right-cnt h1 {
    color: #6417c7;
}
.bottom-three-clients .top-three-two-clients {
    margin: 100px 0 100px 0;
}

.new-one {
	margin-bottom: 0;
}
.new-one:after {
    left: 483px !important;
}

.new-two {
    margin: 15px 0 0 0;
}
.new-two:after {
	content: "";
    background-image: url(../images/testimonial/line-3.png);
    background-repeat: no-repeat;
    width: 400px;
    height: 583px;
    position: absolute;
    top: 130px;
    left: 0;
    z-index: 0;
    right: 50px;
    margin: 0 auto; 
}
.new-two .client-says-main-div::before {
	background-image: url(../images/testimonial/israel-flag.png) !important;	
}

.new-three {
	margin-left: 20px !important;
	background-image: url(../images/testimonial/norway-bg.png) !important;
}

.new-three::before {
	background-image: url(../images/testimonial/usa.png) !important;
}

.top-three-one-clients-right:after {
    content: "";
    background-image: url(../images/testimonial/line-1.png);
    background-repeat: no-repeat;
    width: 470px;
    height: 583px;
    float: right;
    position: absolute;
    top: 440px;
    right: 66px;
    z-index: 0; 
}
.top-three-clients .top-three-two-clients:after {
	content: "";
    background-image: url(../images/testimonial/line-2.png);
    background-repeat: no-repeat;
    width: 400px;
    height: 583px;
    position: absolute;
    top: -145px;
    left: 73px;
    z-index: 0; 
}
.bottom-three-clients .top-three-one-clients {
    margin: 15px 0 0 0;
}
.bottom-three-clients .top-three-one-clients:after {
	content: "";
    background-image: url(../images/testimonial/line-3.png);
    background-repeat: no-repeat;
    width: 400px;
    height: 583px;
    position: absolute;
    top: -29px;
    left: 0;
    z-index: 0;
    right: 50px;
    margin: 0 auto; 
}
.bottom-three-clients .top-three-two-clients:after {
	content: "";
    background-image: url(../images/testimonial/line-4.png);
    background-repeat: no-repeat;
    width: 520px;
    height: 583px;
    position: absolute;
    top: -132px;
    z-index: 0;
    right: 122px; 
}
.bottom-three-clients .top-three-three-clients:after {
	content: "";
    background-image: url(../images/testimonial/line-5.png);
    background-repeat: no-repeat;
    width: 523px;
    height: 335px;
    position: absolute;
    top: -188px;
    z-index: 0;
    right: 410px; 
}
.bottom-three-clients .top-three-three-clients .client-says-main-div:after {
    content: "";
    background-image: url(../images/testimonial/line-6.png);
    background-repeat: no-repeat;
    width: 66px;
    height: 140px;
    position: absolute;
    left: 130px;
    z-index: 0;
    bottom: -138px;
    display: none;
}
.bottom-three-clients .top-three-three-clients {
    margin: 0 0 10px 0;
} 
/* TESTIMONIALS PAGE CSS ENDS HERE */

/* CHANGE HEADER CSS STARTS HERE */
.logo_mnu_div {
    width: 100%;
    float: left;
    padding: 4px 0;
}
.logo_mnu_div .logo_left {
    width: auto;
    float: left;
}
.logo_mnu_div .menu_right {
    width: auto;
    float: right;
    margin: 22px 0 0 0;
}
header.sticky .menu_right {
    margin-top: 18px;
}
.logo_mnu_div .menu_right ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
.logo_mnu_div .logo_left a {
    width: 100%;
    float: left;
}
.testimonials_review_left button#contact_button_test[disabled] {
    display: none;
}
.logo_mnu_div .logo_left a img {
    max-width: 100%;
}
.toggle_mnu_div {
    display: none;
}
.drop-down-middle-img-top {
    width: 100%;
    float: left;
}
.drop-down-middle-img-bottom {
    width: 100%;
    float: left;
    text-align: center;
}
.drop-down-middle-img-bottom img {
    max-width: 100%;
}
.drop-down-middle-img-top ul li {
    width: 50%;
}
.position-set-class-div {
    position: absolute;
    bottom: -250px;
    left: 156px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {
    min-width: 300px;
    left: -125px;
    position: absolute;
    padding: 10px;
    background: url(../images/mega-menu/Bg-mega-menu.png) transparent;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
    /*height: calc(100vh - 100px);
    overflow: auto;*/
} 

.wide-dropdown{ min-width: 614px !important;}
.wide-dropdown li{ display:inline-block;width: 290px; }
.wide-dropdown li:nth-child(2n+2){margin-left: 10px; }
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {
    color: #000;
    padding: 9px 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px dashed #000;
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
    display: block;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a:hover, header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.active a {
	background-image: url(../images/new-icon/menu-bg.jpg);
	padding-left: 20px;
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
}
header .logo_mnu_div .menu_right ul li.nav-item1:hover .outer-span {
    display: block;
    position: absolute;
    width: 100%;
    top: 25px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a:before {
    content: "";
    width: 33px;
    background-image: url(../images/new-icon/company.png);
    background-repeat: no-repeat;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0; 
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.company-submenu-li-testimonials a:before {background-position: -4px -33px;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.company-submenu-li-feedback a:before {background-position: -4px -33px;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.company-submenu-li-blog a:before {background-position: -4px -70px;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.company-submenu-li-why-india a:before {background-position: -8px -108px;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.company-submenu-li-faq a:before {background-position: -6px -136px;}
/* CHANGE HEADER CSS STARTS HERE */

/* WHY INDIA PAGE CSS STARTS HERE */
.why_india_banner {
    background-image: url(../images/why_india/Banner.jpg);
    background-size: 100%;
}
.key-business-benifits .project-based-engament .project-based-engament-top {
    margin: -40px auto 0;
    width: 75px;
    height: 75px;
    background-image: none;
    background-color: #fdd947;
    border-radius: 100%;
    border: 2px solid #ffffff;
    padding: 13px 0 0 0;
}
.key-business-benifits .project-based-engament {
    background-color: #f3f3f3;
    text-align: center;
    width: 360px;
    margin: 80px auto 0;
    float: none;
}
.key-business-benifits .project-based-engament .project-based-engament-bottom h4 {
    margin: 12px 0 12px 0;
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    font-size: 16px;
    margin: 0 0 12px 0;
}
.key-business-benifits .title-div p {
    font-size: 18px;
    color: gray;
    margin: 0;
    padding: 0 10%;
}
.key-business-benifits .title-div h3 {
    font-size: 45px;
    margin: 0;
    padding: 20px 0 20px 0;
    background-image: url(../images/why_india/Benefits.png);
    background-repeat: no-repeat;
    background-position: 50% 4px;
    background: none;
}
.why-choose-budget-section .title-div {
    text-align: center;
}
.why-choose-budget-section .title-div h3 {
    font-size: 45px;
    background-image: url(../images/why_india/Why.png);
    padding: 8px 0;
    background-size: unset;
    margin: 0 0 12px 0;
    background: none;
}
.why-choose-budget-section .title-div p {
    padding: 0 2%;
    margin: 0 0 30px 0;
}
.why-choose-budegtcoders-left {
    width: 100%;
    float: left;
}
.why-choose-budegtcoders-left ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.why-choose-budegtcoders-left ul li {
    width: 100%;
    float: left;
    margin: 0 0 25px 0;
}
.why-choose-budegtcoders-left ul li span {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
.why-choose-budegtcoders-left ul li span p {
    margin: 0 0px 0 20px;
    color: #ffffff;
    font-size: 18px;
}
.why-choose-budegtcoders-left ul li span:last-child {
    width: 94%;
}
.benifite-outsourcing-section .title-div {
    background-image: url(../images/why_india/Benefits.png);
    background-repeat: no-repeat;
    background-position: 50% 10px;
    background: none;
}
.benifite-outsourcing-main-left {
    width: 100%;
    float: left;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 390px;
    padding: 35px 10px 35px 50px;
    border-radius: 10px;
}
.benifite-outsourcing-main-left .border-class-div .border-class-div-left {
    background-image: none;
    text-align: center;
    padding: 12px 0 0 0;
}
.benifite-outsourcing-main-left .border-class-div:hover .border-class-div-left {
    background-color: #fdd947;
}
.benifite-outsourcing-main-right {
    text-align: center;
    width: 100%;
    float: left;
}
.benifite-outsourcing-main-right .center-btn {
    width: 100%;
    margin: 0;
}
.benifite-outsourcing-main-right .benifite-outsourcing-main-right-top-img {
    margin: -120px 0 0 0;
}
.benifite-outsourcing-main-right .benifite-outsourcing-main-right-top-img img {
    max-width: 100%;
}
.benifite-outsourcing-main-left .border-class-div .border-class-div-left img {
    width: auto;
    display: unset;
}
.benifite-outsourcing-main-left .owl-dots {
    width: 100%;
    float: left;
    text-align: center;
}
.benifite-outsourcing-main-left .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #bcbcbc;
    display: inline-block;
    margin: 0 5px;
}
.benifite-outsourcing-main-left .owl-dots .owl-dot.active {
    background-image: url(../images/why_india/slider-bullets.png);
    background-color: transparent;
}
.benifite-outsourcing-section .title-div h3 {
    margin: 0 0 40px 0;
}
.why-banner-text {
    width: 610px;
    display: inline-block;
    background-image: url(../images/why_india/heading-bg.png);
    background-repeat: no-repeat;
    height: 141px;
    position: absolute;
    left: -52px;
    top: 61px;
    padding: 0px 0 0 62px;
}
.why-banner-text h2 {
    margin: 15px 0 0 0;
    color: #fdd947;
    font-size: 34px;
    font-family: 'open_sansbold';
}
/* WHY INDIA PAGE CSS ENDS HERE */

/* HOWITWORK ADD CSS STARTS HERE */
.advance-section .title-div {
    text-align: center;
}
.advance-section .title-div {
    text-align: center;
    width: 640px;
    margin: 0 auto 0px;
    background-image: url('../images/how-it-work/Advantage.png');
    background-position: 50% 20px;
    background-repeat: no-repeat;
    background: none;
}
.engagement-model-sections .center-btn {
    width: 23%;
    margin-top: 35px;
}
.engagement-model-sections .center-btn a.contact-us-now.rounded-btn.yellow-background-hover {
    padding: 5px 0;
    font-size: 21px;
}
.advance-section .title-div h3 {
    font-size: 35px;
    background-image: none;
}
.advance-section .border-class-div {
    min-height: unset;
    padding: 20px 10px 20px 35px;
    margin-top: 30px;
}
.advance-section .border-class-div-left {
    top: 37px;
    background-image: none;
    text-align: center;
    padding: 8px 0 0 0;
}
.client-get-section {
    background-image: none;
    padding: 40px 0;
    background-color: transparent;
}
.client-get-section:before {
	display: none;
}
.client-get-section:after {
	display: none;
}
.engagement-model-sections {
    background-color: #f3f3f3;
    position: relative;
    padding-top: 90px;
}
.engagement-model-sections:before {
	content: "";
    width: 100%;
    height: 63px;
    position: absolute;
    background-image: url(../images/home-page/Section-2-bg-top.png);
    background-repeat: no-repeat;
    top: 0;
    background-size: cover;
}
.client-get-section .title-div h3 {
    color: #000000;
    background-image: none;
}
.client-get-section .title-div {
    background-image: url('../images/how-it-work/Client.png');
    background-repeat: no-repeat;
    background-position: 0 5px;
    background: none;
}
.client-get-section .title-div p {
    color: gray;
}
.engagement-model-sections ~ footer .top-footer:before {
    content: "";
    width: 100%;
    height: 63px;
    position: absolute;
    background-image: url('../images/dedicated-team/1.png');
    background-repeat: no-repeat;
    top: 0;
    background-size: cover;
}
.engagement-model-sections ~ footer .top-footer:before {
    background-image: url('../images/dedicated-team/1.png');
    background-size: 100% 100%;
} 
.advance-section .border-class-div-left {
    top: 37px;
    background-image: none;
    text-align: center;
    padding: 0;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
    justify-content: center;
    -webkit-justify-content: center;
}
.client-get-section .border-class-div-left {
    background: url('../images/how-it-work/icon-bg.png');
    background-position: 0 0;
    text-align: center;
    width: 62px;
    height: 75px;
    background-repeat: no-repeat;
    padding: 0;
	left: -31px;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
    justify-content: center;
    -webkit-justify-content: center;
}
/* HOWITWORK ADD CSS ENDS HERE */

/* PRICING CSS STARTS HERE */
.bs-example {
    width: 100%;
    float: left;
    margin: 26px 0 0 0;
}
.bs-example .tab-content {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.cnt-tab-div {
    width: 100%;
    float: left;
}
.cnt-tab-div .panel-group {
    width: 100%;
    margin: 0;
    float: left;
}
.cnt-tab-div .panel-group .panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
    border: 0;
}
.cnt-tab-div .panel-group .panel .panel-heading {
    padding: 0;
    width: 100%;
    float: left;
    border: 0;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    padding: 12px 22px;
    border: 0;
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 25px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fad94e;
    background-image: url(../images/pricing/accordion.jpg);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: 'open_sanssemibold';
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 20px 0 0;
    /*height: 43px;*/
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-right-img {
    float: right;
    margin: 6px 0 0 0;
    position: relative;
}
/*.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-right-img:after {
    content: "\f055";
    font-family: fontawesome;
    color: #ffffff;
    font-size: 25px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-right-img:after {
    content: "\f055";
}*/
.plus-img {
    display: none;
}
.collapsed .plus-img {
    display: block;
}
.collapsed .minus-img {
    display: none;
}
.cnt-tab-div .panel-group .panel .panel-collapse {
    width: 100%;
    float: left;
}
.collapse.in {
    display: block;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body {
    padding: 0;
    border: 0;
    width: 100%;
    float: left;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color {
    border-radius: 0;
    width: 100%;
    float: left;
}
.cnt-tab-div ul li {
    width: 33.3%;
    float: left;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    margin: 0;
    font-style: normal;
}
.top-red-color ul li {
    margin-bottom: 5px;
}
.cnt-tab-div ul li:first-child {
    text-align: left;
    padding: 0px 0 0px 40px;
    width: 33.3%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul:first-child li:first-child {
    width: 100%;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul li {
    color: #4e4e4e;
    margin: 0;
    height: 60px;
    font-family: 'open_sanssemibold';
}
.bottom-red-color {
    width: 100%;
    float: left;
}
.cnt-tab-div ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    list-style: none;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul {
    width: 40%;
    background-color: #ebebeb;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul:last-child {
    float: right;
    width: 58%;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul:last-child li:nth-child(2) {
    background: #f9d84d;
    border-left: 1px dashed gray;
    border-right: 1px dashed gray;
    margin-left: 1px;
    width: 33.1%;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul:last-child li {
    padding: 0;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.panel-body .bottom-red-color ul li {
    border-bottom: 1px dashed gray !important;
} 
.bottom-red-color ul li:first-child {
    padding: 0px 0 0px 40px;
    background-color: #f5f5f5;
    justify-content: unset; 
}
.bottom-red-color ul li span {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.bottom-red-color ul li span:nth-child(1) {
    height: 37px;
    margin: 0 20px 0 0;
}
.bottom-red-color ul li {
    color: #4e4e4e;
    font-size: 18px;
    height: 70px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
} 
.cnt-tab-div .bottom-red-color ul li {
    width: 40%;
    background-color: #f5f5f5;
    border-right: 1px dashed gray;
    color: #4e4e4e;
    font-family: 'open_sanssemibold';
}
.cnt-tab-div .bottom-red-color ul li:nth-child(2) {
    border-left: 1px dashed gray;
}
.cnt-tab-div .bottom-red-color ul li:nth-child(3) {
    border-right: none;
}
.cnt-tab-div .bottom-red-color ul li:last-child {
    float: right;
    width: 58%;
}
.cnt-tab-div .bottom-red-color ul li:last-child ul li {
    padding: 0;
    width: 33.3%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.cnt-tab-div .bottom-red-color ul li:last-child ul li:first-child {
    border-right: 0;
}
.cnt-tab-div .bottom-red-color ul li:nth-child(2) ul li:nth-child(2) {
    background: #f9d84d;
}

.cnt-tab-div .bottom-red-color ul li:last-child ul li span {
    margin: 0;
    height: auto;
}
.pricing-banner {
    background-image: url(../images/pricing/Banner.jpg);
    height: 264px;
}
.pricing-section .title-div h3 {
    background-image: url(../images/pricing/Pricing.png);
    background-repeat: no-repeat;
    background-position: 50% 11px;
    margin: 0;
    padding: 30px 0;
}
/* PRICING CSS ENDS HERE */

/*Chat Popup starts*/
button.btn.chat {
    background: rgb(253, 217, 71);
    border: 0px;
    fill: rgb(255, 255, 255);
    width: 52px;
    height: 52px;
    cursor: pointer;
    border-radius: .3125rem;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.4);
    overflow: hidden;
    padding: 0;
    position: fixed;
    bottom: 45px;
    right: 75px;
}

div#chat .modal-header .modal-title {
    font-size: 20px;
}
form#insta_chat {
    padding: 0 15px 15px;
}
.modal-body .submit-btn-cnt[disabled] {
    opacity: 0;
    visibility: hidden;
}
form#insta_chat .loader {float: none;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;}

form#insta_chat .form-group {
    position: relative;
}
.site-map-section #cont ul.tree li.in-pointer a {
	pointer-events: none;
}
p a, li a {
    color: #2c2c2c;
    text-transform: capitalize;
    font-weight: 600;
}
.hire-staffing-front-end-banner-left p a, .hire-staffing-front-end-banner-left p a:hover {
    color: white;
}

p a:hover, li a:hover {
    color: #2c2c2c;
    text-decoration: none;
}

/*Chat Popup ends*/

/*header sticky css starts*/
header.sticky .logo_mnu_div {
    padding: 0;
}

header.sticky .logo_mnu_div .logo_left {
    display: none;
}

header.sticky .logo_mnu_div .menu_right {
    display: none;
}
header.sticky .logo_mnu_div span.toggle_mnu_div {
    display: block;
    position: fixed;
    top: 5px;
    right: 20px;
}

header.sticky .logo_mnu_div span.toggle_mnu_div span.close_toggle {
    display: none;
}
header.sticky .logo_mnu_div span.toggle_mnu_div span.open_toggle {
    font-size: 20px;
    background: white;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0px 1px 5px #969696;
    font-weight: 600;
    cursor: pointer;
    width: 30px;
    float: left;
    text-align: center;
}
header.sticky .logo_mnu_div .menu_right.show-hide {
    display: block;
}
header.sticky .logo_mnu_div span.toggle_mnu_div.close-show span.open_toggle {
    display: none;
}

header.sticky .logo_mnu_div span.toggle_mnu_div.close-show span.close_toggle {
    font-size: 20px;
    background: white;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0px 1px 5px #969696;
    font-weight: 600;
    display: block;
    cursor: pointer;
    width: 30px;
    float: left;
    text-align: center;
}
header.sticky .logo_mnu_div .logo_left.show_logo_left {
    display: block;
}

header.sticky .logo_mnu_div .logo_left.show_logo_left a img {
    width: 80%;
    margin-top: 6px;
}
/*header sticky css ends*/

@media screen and (max-width:991px) {
header .top-header h1 {
    font-size: 14px;
}
header.sticky .top-header {
    display: none;
}
header.sticky .logo_mnu_div .logo_left {
    display: block;
}
header.sticky .logo_mnu_div .menu_right {
    display: block;
}
header.sticky .logo_mnu_div span.toggle_mnu_div {
    top: 140px;
	right: 15px;
}
button.btn.chat {
    width: 50px;
    height: 50px;
    bottom: 55px;
    right: 6px;
}
header.sticky .logo_mnu_div span.toggle_mnu_div span.open_toggle {
    font-size: 30px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 600;
    cursor: pointer;
    width: auto;
    float: left;
    text-align: center;
}
header.sticky .logo_mnu_div span.toggle_mnu_div.close-show span.close_toggle {
    font-size: 30px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 600;
    display: block;
    cursor: pointer;
    width: auto;
    float: left;
    text-align: center;
}
/* PRICING PAGE CSS STARTS HERE */ 
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    padding: 12px 10px;
    font-size: 14px;
}
.cnt-tab-div ul li:first-child {
    padding: 0px 0 0px 12px;
}
.bottom-red-color ul li:first-child {
    padding: 0px 5px 0px 12px;
}
.cnt-tab-div ul li {
    font-size: 14px;
}
.bottom-red-color ul li {
    font-size: 14px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 5px 0 0;
}
.pricing-banner {
    height: 200px !important;
    background-size: unset;
}

}

/* RESPONSIVE CSS STARTS HERE */
@-moz-document url-prefix() { 
.pixel {
	min-width: 1352px;
}
/*header .logo_mnu_div .menu_right ul li.nav-item .submenu {min-width: 1470px; height: 630px;}*/
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {min-width: 300px;}

}
@media(min-width:393px) and (max-width:991px){ 
.cnt-tab-div .bottom-red-color ul:last-child li ul li {
    border-bottom: 0;
}

}
@media (max-width:479px) and (min-width:320px){
/*.hireList img{margin: 2em 1em 0 39%;}*/
header .headerTopSubAdj{text-align: center;width: 100%;}
header ul.social-icons{float: none;margin: 6px auto 12px;padding: 0;width: 205px;display: table;}
header ul.social-icons li{margin: 0 0 0 5px;}
header ul.social-icons li a{width: 35px;height: 35px;line-height: 22px;}

header .headerTopAdj {text-align: center;}
.border-class-div-right p{min-height: auto;}
#blog-sli .owl-nav.disabled {
    top: -95px;
}
.form-div-class .form-group select.form-control {
    font-size: 12px;
}
.title-div h1 {
    font-size: 20px;
}
div#chat .modal-header .modal-title {
    font-size: 15px;
}
.after-care-section .title-div h3 {
    font-size: 20px;
    margin: 0 0 25px 0;
}
.how-we-work-responsive-accourdion .card .card-header h5 a {
    font-size: 18px;
}
.database-padding {
    width: auto;
}
.responsive-submnu li .full-responsive-span span {
    font-size: 13px !important;
}
header .logo_mnu_div .menu_right ul li.nav-item a {
    font-size: 14px !important;
}
header .logo_mnu_div .menu_right ul li.nav-item label {
    font-size: 14px !important;
}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li a {
    font-size: 14px !important;
}

#common_form_modal .error {
    margin: 0px;
}
.site-map-section {
    margin: 10px 0 0 0;
}
.site-map-section #cont ul.tree li a {
    color: #404040;
    background: transparent;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree li a:hover {
    box-shadow: 0px 0px 0px #58595b;
    font-weight: 100;
}
.page-subheading a, .page-subheading span {
    padding: 6px 6px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 14px;
    padding: 0px 0px;
    height: auto;
    font-weight: 600;
    text-decoration: underline !important;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 a {
    font-weight: 100;
    margin: 0px 10px 0px 0px;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree.second .level-1 li ul.level-2 {
    padding-left: 0px;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
ul.tree {
    margin-top: 10px !important;
    padding-top: 0px !important;
    margin-bottom: 10px !important;
}
.page-subheading a, .page-subheading span {
    font-size: 14px;
}
.page-subheading::after {
    width: 0px;
}
.site-map-section #cont ul li a {
    font-size: 14px;
}
ul.tree::before {
    height: 0px;
}
ul.tree li::before {
    height: 0;
    width: 0px;
    top: 0;
}
.site-map-section #cont ul.tree li {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
#contact_form .error {
    margin-bottom: 15px;
    margin-top: -15px;
}
nav.navs.stickydiv {position: relative;top: 0;width: 100%;}

.general-interview {
    padding: 0;
}
.second-row-team-hring::before, .second-row-team-hring::after {
	display: none;
}
.assessment-mr-top {
    margin: 15px 0 0 0;
}
.mr-top-minus {
    margin: 0px;
}
.third-row-team-hring .mr-top-minus {
    margin-top: 0;
    padding: 0px;
}
.second-row-team-hring {
   /* display: none;*/
}
.bottom-footer ul.social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 22px;
}
ul.social-icons li a::after {
    font-size: 20px;
    padding: 0px 0;
}
.error-page-banner-right{margin:25px 0 0 0;}
.error-page-banner-right-bottom h2{font-size:20px;margin:20px 0 10px 0;text-align:center;}
.error-page-banner-right-bottom p{color:#ffffff;font-size:16px;margin:0 0 15px 0;text-align:center;}
.error-page-banner-right-bottom .rounded-btn{width:250px;background-color:#ffffff;color:#000000;margin:0 auto 15px;}
.error-page-banner{display:flex;flex-flow:column;}
.error-page-banner-left-div{order:2;}
.error-page-banner-right-div{order:1;}
.error-page-banner-left{margin:15px 0 0 0;}
.error-page-banner-right-top{text-align:center;}
.after-care-bak{min-height:auto;}
.team-benificial-sections .title-div{background-size:186px 40px;background-position:50% 15px;}
.common-section-div{padding:20px 0;}
.beyond-simple-img-left-2:before{display:none;}
.beyond-simple-img-left-2:after{display:none;}
header .logo_mnu_div .menu_right ul li.nav-item.active .outer-span, header .logo_mnu_div .menu_right ul li.nav-item:hover .outer-span{display:none !important;}
header nav.navbar.navbar-toggleable-md .navbar-brand img{max-width:100%;}
.beyond-section .center-btn a.contact-us-now.rounded-btn{padding:6px 20px;}
.beyond-simple-img-left-top{width:73.2px;}
.bottom-footer-logo-none{display:none;}
.container{width:100%;}
.advantage-section .container{width:100%;}
.team-benificial-sections .container{width:100%;}
header nav.navbar.navbar-toggleable-md .navbar-brand{width:60%;margin:0;padding:0;}
header nav.navbar.navbar-toggleable-md .navbar-collapse{display:none !important;}
header nav.navbar.navbar-toggleable-md .navbar-collapse.show{display:block !important;background-color:#323232;padding:0;margin-top:8px;overflow: auto;}
header nav.navbar.navbar-toggleable-md button{cursor:pointer;color:#ffffff;}
header nav.navbar.navbar-toggleable-md button .navbar-toggler-icon{background:none;outline:0;border:0;}
header nav.navbar.navbar-toggleable-md .navbar-collapse ul.navbar-nav{width:100%;float:left;max-height: 380px;}
header{top:0;width:100%;padding:0px 0;z-index:9;}
.responsive-submnu li .full-responsive-span span a {margin: 0 !important;}
header nav.navbar.navbar-toggleable-md button .navbar-toggler-icon::before{content:"\f0ca";font-family:fontawesome;font-size:29px;}
header nav.navbar.navbar-toggleable-md button{cursor:pointer;color:#ffffff !important;outline:0 !important;border:0 !important;padding:0;position:absolute;right:0;top:7px;}
header nav.navbar.navbar-toggleable-md{position:relative;}
header .headerAnnoBar p { line-height: 20px; font-size: 13px; }
.home-banner{padding:210px 0 0 0;height:auto;}
.home-banner-top h2{font-size:18px;text-align:center;margin:0 0 10px 0;}
.home-banner-top h1{font-size:20px;margin:0 0 15px 0;text-align:center;}
.home-banner-top p{font-size:14px;padding:0;text-align:center;}
.home-banner-middle{width:100%;float:left;padding:0;}
.home-banner-middle-button{margin:12px 0 0 0;width:255px;float:none;display:table;margin:10px auto 0;}
.home-banner-middle-button span{margin:0 15px 0 0;}
.home-banner-middle-button p{font-size: 15px;}
.development-cost{background-image:url("../images/home-page/Save.png");background-repeat:no-repeat;height:190px;padding:36px 18px;width:180px;margin:8px auto 5px; top: 0;}
.home-banner-bottom{width:100%;float:left;padding:0;margin:50px 0 78px 0;}
.team-advantage-div {margin: 0 0 10px 0; padding: 0; text-align: center;}
.team-advantage-div a {font-size: 20px;}
.rounded-btn{width:250px;padding:8px 0;font-size:16px;margin:15px auto 0;float:none;display:table;}
.title-div h2{color:#717171;font-size:20px;}
.title-div h3{color:#000000;font-size:20px;margin: 0 0 30px 0;}
.software-development-service-left-bottom{width:83%;float:none;height:200px;text-align:center;margin:0 auto;}
.software-development-service-left{width:290px;position:relative;margin:0 auto;float:none;display:table;}
.software-development-service-left ol.carousel-indicators li{width:27px;height:50px;padding:10px 22px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-0{bottom:33px;left:0px;}
.software-development-service-left ol.carousel-indicators li span.circle-img img{position:absolute;top:10px;left:8px;width:28px;height:28px;}
.software-development-service-left ol.carousel-indicators li span.circle-img-ac img{position:absolute;top:11px;left:8px;width:28px;height:28px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-5{bottom: 34px; right: 4px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-1{bottom: 114px; left: 30px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-4{bottom: 110px; right: 23px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-2{top: -12px; left: 83px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-3{right: 70px; top: -7px;}
.form-con-right button{width: auto;margin: 0 auto;float: none;display: table;padding: 6px 30px;}
footer .form-con-right {margin-top: 20px;}
.software-development-service-left-bottom p{padding:165px 0 00 0;font-size:14px;}
.software-development-service-right{margin:25px 0 0 0;}
h2.beyond-title{color:#ffffff;text-align:center;margin:0 0 20px 0;font-family:'open_sansextrabold';text-transform:uppercase;font-size:20px;}
.beyond-simple-img-left{width:48%;width:140px;margin:0 auto;}
.beyond-section{height:auto;padding:65px 0;}
.beyond-simple-img-left{width:140px;margin:0 auto 10px;display:table;}
.beyond-section-big-right-bottom p{font-size:14px;}
.beyond-benifits-main{width:140px;float:none;margin:0 auto 10px;display:table;}
.center-btn{width:auto;margin:0 auto 0px;display:table;}
.benifite-outsourcing-main-right .center-btn {margin: 15px 0 0;}
.beyond-section .center-btn {width: auto;}
.frame-workslider .title-div h3{font-size:25px;background-size:250px 50px;background-position:50% 22px;}
.frame-workslider-div ol.carousel-indicators{display:none;}
.frame-workslider-div .carousel-inner{width:100%;background-image:none;background-repeat:no-repeat;margin:0px auto 0;float:none;display:table;height:313px;}
.frame-workslider-div-bottom{width:100%;padding:0;margin:0;}
h3.avg-cost{color:#ffffff;font-size:20px;font-family:'open_sanssemibold';}
p.us-per-hour{font-size:20px;color:#000000;font-family:'open_sanslight';margin:0;}
.avg-cost-left{width:100%;float:left;text-align:center;margin:0 0 0px 0;}
p.us-developer{color:#ffffff;font-size:20px;margin:0;font-family:'open_sanssemibold';}
.avg-cost-mid{margin:20px auto;}
h3.client-save{text-align:center;color:gray;font-size:16px;margin:6px 0 0 0;}
.frame-workslider .contact-us-now.rounded-btn{}
.frame-workslider-div a.carousel-control-prev{left: 10px;
    /* bottom: 165px; */
    top: 10em;
    bottom: 0px;
}
.frame-workslider-div a.carousel-control-next{right:10px;top: 10em;
    bottom: 0px;
}
.beyond-simple-img-left-bottom p{font-size:14px;}
.from-blog-section .title-div h3{font-size:25px;background-size:200px 60px;background-position:50% 8px;}
.from-blog-section{height:auto;padding:50px 0;}
.from-blog-section .carousel-inner, .from-blog-section .owl-carousel{text-align:center;}
.from-blog-section .carousel a.carousel-control-next{}
.from-blog-section .carousel a.carousel-control-prev{}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p{color:#ffffff;font-size:14px;padding:0;margin:15px 0 10px 0;}
.what-client-say-left h3{font-size:25px;background-repeat:no-repeat;padding:8px 0 20px 0;background-size:250px 40px;text-align:center;background-position:50% 6px;background-image: none;margin: 0;}
.what-client-say-left p{font-size:14px;padding:0;line-height:inherit;text-align:center;}
.view-all-bnt a{width:150px;font-size:15px;margin:5px auto 15px;float:none;display:table;padding:4px 0;}
.view-all-bnt a::before{font-size:20px;}
.what-client-say-right-top{padding:0;text-align:center;}
.what-client-say-right-top p{margin:10px 0 5px 0;color:#474747;font-size:14px;}
.what-client-say-right-bottom::before{width:290px;left:0;right:0;margin:0 auto;}
.top-footer{padding:90px 0 33px 0;}
.bottom-footer p{font-size:11px;width:100%;margin:5px auto 0;display:table;float:none;}
.bottom-footer-logo{text-align:center;width:100%;float:left;margin:0;}
span.copyright-icon{color:#fdd947;font-size:18px;display:inline;}
span.copyright-txt {margin: 0 0 0 0;display:inline;}
.bottom-footer ul.social-icons{float:none;margin:6px auto 12px;padding:0;width:240px;display:table;}
.frame-workslider-div{background-color:#fdd947;padding:20px 0;}
.software-development-service .title-div{background-position:50% 0;background-size:250px 50px;}
.bottom-footer ul.social-icons li:first-child {margin: 0;}
.contact-banner{height:360px;padding: 75px 0 0 0;background-size: 218% 100%;}
.form-div-class{padding:15px 15px;margin:-106px 0 30px 0;background-image:none;background-color:#fdfdfd;box-shadow:0px 0px 5px #000;}
.contact-form-div .container{width:95%;}
.form-div-class .title-div h3{font-size:22px;margin:0 0 10px 0;}
.form-div-class .form-group{margin:0;}
.form-div-class .form-group .form-control{margin:0 0 15px 0; font-size: 14px;}
.contact-banner::after{}
.form-div-class .form-group span{left:25px;}
p.email-side-left{font-size:16px;margin:0;}
p.email-side-right a{font-size:15px;}
.social-right-side p{font-size:15px;margin:5px 5px 0 0;}
.social-right-side ul.social-icons{width:66%;float:left;}
.social-right-side ul.social-icons li.ping-bottom{margin:0 0 0 10px;}
.social-right-side ul.social-icons li{margin:0 0 0 9px;}
.social-right-side{margin:2px 0 0 0;display: block;}
.email-left-side{margin:0; width: 100%; float: left;}
.email-left-side-top {margin: 8px 0 0 0;}
.about-banner-top h1{text-align:center;font-size:22px;margin: 0 0 15px 0;}
.dedicated-banner .about-banner-top h1{font-size:28px;}
.dedicated-banner .about-banner-top p{padding:0;}
.about-banner-top p{font-size: 15px; margin: 0px 0 10px 0; text-align: center; padding: 0; line-height: 19px;}

.gdpr-banner-top {margin: 0 0 70px 0;}
.gdpr-banner-top h1{text-align:center;font-size:22px;margin: 0 0 15px 0;}
.gdpr-banner-top p{font-size: 15px; margin: 0px 0 10px 0; text-align: center; padding: 0; line-height: 19px;}
.gdpr-p { font-size: 18px; }
.hire-developers-left-text p{font-size:20px;}
.hire-developers-left-btn .center-btn{width:300px;margin-top:0px;}
.hire-develper-right{margin-top:15px;}
.hire-develper-right-top h3{font-size:18px;text-align:center;}
.hire-develper-right-top p{font-size:14px;text-align:justify;}
.hire-develper-right-top ul li p{width:87%;}
.hire-develper-right-top ul li p span{font-size:14px;}
.hire-develper-right-btn .center-btn{width:300px;margin-top:0;}
.hire-develper-right-btn .center-btn .rounded-btn{width:265px;margin:0 auto;}
.after-care-section .container{width:100%;}
.after-care-section{padding:65px 0;}
.after-care-bak h3{font-size:16px;text-align:center;}
.after-care-bak h2{font-size:18px;text-align:center;}
.after-care-bak p{font-size:14px;text-align:center;}
.hire-available-div-same{width:230px;float:none;display:table;margin:0 auto 15px;}
.save-up-to-btn .center-btn{margin:5px auto 0;width:200px;}
.why-our-model-work-right{padding:0;text-align:center;}
.why-our-model-work-right::before{display:none;}
.why-our-model-work-right h4{font-size:18px;margin:5px 0 5px 0;}
.why-our-model-work-right p{font-size:14px;text-align:justify;margin: 0px 0 15px 0;}
.how-it-work-banner-right{display:none;}
.what-you-get-section .title-div{background-size:232px 66px;background-position:50% 11px;width:100%;float:left;}
.border-class-div{padding:25px 10px 20px 10px;width:290px;margin:0 auto 50px;}
.border-class-div-left{top:-51px;right:0;margin:0 auto;left:0;}
.border-class-div-right h3{font-size:16px;margin:0 0 10px 0;text-align:center;}
.border-class-div-right p{font-size:14px;text-align-last: center;-moz-text-align-last: center;text-align: justify;}
.what-you-get-section-right{margin-top:0;}
.what-you-get-section-right-top{display:none;}
.our-step-section .title-div h3{font-size:25px;background-size:225px 60px;text-align:center;}
.our-step-section .title-div p{font-size:14px;padding:0;text-align:justify;text-align-last: center;-moz-text-align-last: center;}
.our-step-section .border-class-div-left{top:-36px;left:0;}
.our-step-section .border-class-div{padding:25px 10px 25px 10px;width:100%;margin-bottom:30px;margin-top:20px;min-height: unset;}
.engagement-model-sections .title-div{background-position:50% 0;background-size:242px 50px;}
.project-based-engament{width:100%;}
.project-based-engament-top{margin:10px auto 10px;}
.project-based-engament-bottom h4{font-size:18px;margin:0 0 10px 0;text-align:center;}
.project-based-engament-bottom p{font-size:14px;text-align-last: center;-moz-text-align-last: center;text-align: justify;}
.hire-developers-section .title-div{background-size:175px 40px;background-position:50% 10px;}
.hire-developers-section .title-div h3 {margin: 0 0 20px 0;}
.hire-available-developer-section .title-div{background-size:185px 50px;background-position:50% 10px;}
.save-up-to h3{font-size:16px;text-align:center;}
.save-up-to p{font-size:14px;text-align:justify;}
.save-up-to ul li::before{margin:4px 5px 0 0;}
.save-up-to-btn .center-btn .rounded-btn{width:100%;}
.why-our-model-work-left .title-div{background-size:230px 50px;background-position:50% 15px;margin:0;}
.why-our-model-work-left .title-div h3{margin:0 0 20px 0;}
.beyond-section-big-right{margin:25px 0 0 0;}
.frame-workslider-div a.carousel-control-prev span.carousel-control-prev-icon{width:30px;height:32px;}
.frame-workslider-div a.carousel-control-next span.carousel-control-next-icon{width:30px;height:32px;}
.hire-developers-left{min-height:340px;}
.hire-developers-left-slider{margin:55px 0 0 0;}
.hire-develper-right-top ul li::before{width:25px;height:25px;margin:0 10px 0 0;background-size:100% 100%;}
.how-it-work-banner-inner-img{/*margin-top:30px;*/}
.faq-banner{height:190px;background-size:100% 59%;}
.faq-h::before{margin-right:8px;width:20px;height:20px;background-size:100% 100%;float:left;}
.faq-h span{display:inline-block;margin:0;width:81%;float:left;font-size: 12px;}
.text::before{width:20px;height:20px;background-size:100% 100%;}
.faq-h::after{}
.faq-h.collapsed::after{float:right;margin:0;width:25px;height:25px;background-size:100% 100%;}
.text{width:100%;float:left;}
.title-p{text-align:justify;}
.repidlyp h3{font-size:16px;text-align:justify;text-align-last:center;}
.loremp, .dolorp{font-size:15px;text-align:justify;text-align-last:center;padding:0;}
.rapidly img{max-width:100%;}
.reduce h3{font-size:16px;text-align:justify;text-align-last:center;}
.web-development p{text-align:justify;text-align-last:center;font-size:14px;}
.web-development h2{font-size:19px;width:100%;text-align:center;}
.advantage-section{padding:65px 0px;}
.advantage-bak h2{font-size:19px;width:100%;text-align:center;}
.advantage-bak{width:100%;min-height: unset;}
.advantage-bak p{text-align:center;}
.reduce{margin-top:25px;}
.web-development{padding:0;margin-top:15px;}
.web-development ul li::before{margin:3px 15px 0 0;}
.rapidly{text-align:center;}
.frequently-section .title-div{background-size:180px 65px;padding:0 0 3px 0;}
.frequently-section #accordion{padding:0;}
.how-it-work-banner{height:auto;background-size:cover;padding: 95px 0;}
.web-development-img{margin-top:12px;text-align:center;}
.dedicated-section .title-div{background-size:200px 40px;background-position:50% 10px;}
.web-development ul li{font-size:13px;color:#4e4e4e;margin-top:8px;}
.mobile-app-dedicated-inner-div{display:flex;flex-flow:column;}
.mobile-app-dedicated-inner-div-left{order:2;}
.mobile-app-dedicated-right{order:1;}
.mobile-app-dedicated-section .web-development-img{margin-top:12px;text-align:center;}
.web-development ul li span{width:90%;}
.web-development-left{padding-right:15px;}
.common-parelex #sidebar{display:none;}
.dedicated-banner{background-size:179% 100%;}
.hire-staffing-banner{height:420px;}
.hire-staffing-banner-title{font-size:20px;}
.hire-staffing-banner-inner-img {text-align: center;margin-top: 20px;}
.web-application .title-div{background-size:240px 50px;}
.web-application-yii .title-div{background-size:100px 30px;}
.web-application-frontend .title-div{background-size:235px 50px;}
.web-application-left{padding:0;text-align:center;}
.web-application-right .what-you-get-section-right-top{display:block;}
.web-application-right{padding:0;margin:20px 0 0 0;}
.web-application-right .what-you-get-section-right-top h3{font-size:16px;text-align:center;}
.web-application-right .what-you-get-section-right-top p{font-size:14px;margin:0 0 0px 0;text-align:justify;}
.web-application-right .what-you-get-section-bottom{width:100%;}
.cake-php-web-sol-section .title-div h2{text-align:center;color:#ffffff;font-family:'open_sansbold';font-size:20px;margin:0;padding:15px 0 30px 0;background-image:url(../images/hire-professional/SOLUTIONS.png);background-repeat:no-repeat;background-position:50% 20px;background-size:256px 50px;background: none;}
.cake-php-web-sol-section-bottom-div{padding:0 9px;}
.web-sol-inner-div{margin-bottom:15px;min-height:unset;}
.web-sol-inner-div h4{font-size:16px;}
.hire-cake-php-developer-section .title-div{background-size:276px 60px;background-position:50% 5px;}
.hire-cake-php-developer-section .title-div h3{margin-bottom:25px;}
.reusebility-code-div h2{font-size:16px;margin:0 0 10px 0;text-align:center;}
.reusebility-code-div p{margin:0 0 20px 0;font-size:14px; text-align: justify; text-align-last: center; -moz-text-align-last: center;}
.hire-cake-php-price-form-section-left h1{font-size:25px;margin:0 0 30px 0;}
.price-table-div ul.nav.nav-tabs li a.nav-link{font-size:13px;}
.price-table-div .tab-content ul li p{padding:15px;font-size:14px;}
.hire-cake-php-price-form-section-right{width: 300px; top: 85px; margin-left: -270px;z-index: 99;}
.form-btn {width: 30px;background-image: none;margin: 0;    margin-top: 0px;position: relative;height: 35px;background-color: #fdd947;border-top-right-radius: 8px;border-bottom-right-radius: 8px;margin-top: -23px;}
.form-btn::before {content: "\f067"; font-family: fontawesome; color: #ffffff; font-size: 18px;}
.hire-cake-php-price-form-section-right .form-div-class .form-group input.form-control {color: #000; box-shadow: none; margin: 0; padding: 5px 0; font-size: 14px;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control {padding: 5px 0; text-indent: 0; font-size: 14px; margin: 0;}
.form-div-bottom {width: 270px; height: 317px;margin-top: -23px;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control option {padding: 0; line-height: initial;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .col-xs-12 span.service-span-dropdown {top: 10px; background-size: 90% 75%;}
.hire-cake-php-price-form-section-right .form-div-class .form-group textarea {height: 35px;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt {width: 140px; margin-top: 0; font-size: 15px; border-radius: 15px; height: 42px;}
.hire-cake-php-price-form-section-right .form-div-class .title-div h3{font-size:20px;}
.hire-cake-php-price-form-section-right .form-div-class{padding:15px}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt{width: 110px;margin-top: 0;font-size: 16px;}
.hire-related-developer-section .title-div{background-size:210px 50px;background-position:50% 13px;}
.hire-related-developer-section .title-div h3{margin:0 0 25px 0;}
.hire-cake-php-developer-div p{font-size:14px;}
.our-perform {width: 250px; float: none; padding: 0; margin: 0 auto; display: table;}
.our-perform-inner p {font-size: 16px;}
.how-we-work-img-div {display: none;}
.how-we-work-responsive-accourdion {display: block;margin-bottom: 5px;}
.resposive-submenues {
    display: block;
}
ul.social-icons-fixed {
    display: none;
}
.error-page-icon-div ul.social-icons {
    float: none;
    margin: 5px auto 5px;
    width: 263px;
    display: table;
}
.hire-staffing-front-end-banner-left h1 {
    font-size: 20px;
    margin: 0 0 10px 0;
    text-align: center;
}
.hire-staffing-front-end-banner-left p {
    padding: 0;
    font-size: 14px;
    margin: 0 0 10px 0;
    text-align: justify;
}
.hire-staffing-front-end-banner {
    height: auto;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left {
    padding: 0;
    margin: 15px 0 80px 0;
}
.bannerNew i {
	font-size: 15px;
}
.price-table-div ul.nav.nav-tabs li a.nav-link {
	padding: 10px 3px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 12px;
}
.price-table-div ul.nav.nav-tabs li a.nav-link::before {
    padding-right: 8px;
    font-size: 18px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 14px;
}
.web-development-in-front-end .rounded-btn {
    width: 240px;
    font-size: 20px;
}
#html5 .title-div {
    background-size: 200px 40px;
    background-position: 50% 10px;
}
.web-development-in-front-end h4 {
    font-size: 16px;
    margin: 0 0 10px 0;
    text-align: center;
}
#css3 .title-div {
    background-size: 140px 40px;
    background-position: 50% 11px;
}
#bootstrap .title-div {
    background-size: 258px 48px;
}
.web-development-in-front-end ul {
    margin-bottom: 15px;
}
#less_frame .title-div {
    background-size: 190px 49px;
}
#sass .title-div {
    background-size: 180px 49px;
}
#foundation .title-div {
    background-size: 245px 61px;
}
.digital-marketing-padding {
    width: 100%;
}
#Photoshop .title-div {
    background-size: 250px 50px;
}
#Axure .title-div {
    background-size: 210px 53px;
}
#illustrator .title-div {
    background-size: 270px 52px;
}
.common-section-div .title-div h3 {
    background-image: none;
}
.common-section-div .title-div {
    background-image: none;
}
.scrollup {
	right: 8px;
	bottom: 12px;
	width: 30px;
	height: 30px;
}
.scrollup::after {
    font-size: 18px;
}
iframe#drift-widget {
    display: none !important;
}
.frequently-section #accordion .faq-h {
	font-size:13px;
}
.text .para-div p {
    font-size: 13px;
    width: 84%;
    text-align: justify;
}
.para-div ol li {
    font-size: 13px;
}
.para-div ol {
    padding: 5px 0 0 45px;
}
.progressive-div-right p {
    font-size: 14px;
}
.progressive-div-left {
    width: 100%;
	text-align: center;
	margin: 0;
}
.progressive-div-left img {
    
}
.progressive-div {
    margin-bottom: 10px;
}

.para-div-bottom {
    padding: 20px 0 0 0;
    
}
.progressive-div-right {
    width: 100%;
    text-align: center;
}
.beyond-simple-img-left-last {
    margin: 0 auto;
}
.form-div-class .title-div p {
    font-size: 13px;
}

/* FAQ CSS HERE */
.content-class-inner h2 {
    font-size: 16px;
	width: 100%;
	float: left;
	margin: 0;
}
.accidion-class-div {
    width: 100%;
    float: left;
}
.content-class-inner {
    background: #ffffff;
    margin: 0 0 15px 0;
    width: 100%;
    float: left;
} 
.process-will-inner-div-top-right {
    width: 81%;
}
/* FAQ CSS HERE */
.hire-staffing-front-end-banner-left h4 {
    font-size: 16px;
    text-align: center;
}
#ui-ux-designer .title-div {
    background-size: 200px 48px;
}
.ui-designer-bnt {
    width: 100%;
margin: 15px auto 0;
font-size: 20px;
}
.ui-designer-hangs-1 {
    width: 33.33%;
}
.ui-designer-hangs-2 {
    width: 33.33%;
}
.white-border {
    padding: 4px 0;
}
.content-class {
    margin: 20px 0 0 0;
}
/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
	padding: 100px 0 0 0;
	min-height: 680px;
}

canvas#c {display: none;}
.under-construction-img {
    margin: 0 0 20px 0;
}
.comming_soon_banner_bottom {
    margin: 0;
}
/* COMMING SOON PAGE CSS HERE */

/* FREE TRAIL MODAL CSS HERE */
.modal .modal-dialog {
    margin: 122px auto 0 !important;
    width: 92%;
}
.modal-title {
    font-size: 18px;
}
.modal-body .form-control {
    font-size: 13px;
}
.modal-body .form-group {
    margin-bottom: 6px;
}
.modal-body span.service-span-dropdown::after {
    font-size: 16px;
}
.modal-body textarea {
    resize: unset;
    height: 80px;
}
.modal-body .submit-btn-cnt {
    width: 125px;
    margin-top: 10px;
    font-size: 13px;
    height: 33px;
}
.modal-body form {
    padding-bottom: 10px;
}
/* FREE TRAIL MODAL CSS HERE */
.process-for-main {
    display: none;
}
.process-for-responsive {
    display: block;
    width: 100%;
	float: left;
}
.general-text {
    padding: 0;
}
.process-will-inner-div-top-right {
    width: 100%;
}
.process-will-inner-div-top-right p {
    text-align: center;
    text-decoration: underline;
}
.process-will-inner-div-technologies .process-will-inner-div-top-right p {
    color: #000;
}
.general-text h5 {
    font-size: 14px;
    text-align: center;
}
.general-text p {
    font-size: 14px;
    color: gray;
    text-align: center;
}
.assessment-mr-top {
    margin: 0;
}
.third-row-team-hring .mr-top-plus {
    margin-top: 0;
}
.process-for-responsive .center-btn {
    width: 250px;
    float: none;
    display: table;
    margin: 0 auto;
}    
.second-row-team-hring-responsive {
    margin-top: 20px;
}
.process-for-responsive .mr-top-plus {
	margin:0;
}
.general-text p {
    font-size: 14px;
    color: gray;
    text-align: center;
    margin-bottom: 15px;
}

/* TESTIMONIOLS CSS STARS HERE */
.top-three-one-clients-left {
    width: 100%;
    float: left;
}
.top-three-one-clients-left .title-div {
    text-align: center;
}
.top-three-one-clients-right {
    width: 100%;
}
.client-says-main-div {
    background-image: none;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: #e5254a;
    border-radius: 12px;
    padding: 0 10px 10px 10px;
    margin: 60px 0 0 0;
}
.client-says-main-div::before {
	width: 100px;
    height: 100px;
    float: none;
    position: relative;
    margin: -74px auto 22px;
    display: inline-block;
    background-size: 100% 100%;
    left: 0;
}
.client-says-main-div-right-cnt {
    width: 100%;
    float: left;
    padding: 0;
    margin: 15px 0 0 0;
    background-color: #f2f2f2;
    border-radius: 12px;
    padding: 10px;
}
.client-says-main-div-right-cnt h1 {
    font-size: 14px;
}
.client-says-main-div-right-cnt h1 span {
    font-size: 12px;
}
.client-says-main-div-right-cnt p {
    font-size: 14px;
}
.client-says-main-div-right-cnt p {
    font-size: 14px;
    text-align: justify;
    text-align-last: center;
}
.top-three-two-clients .client-says-main-div {
    margin: 70px 0 0 0;
    float: left;
    background-image: none;
    background-color: #f87b00;
}

.new-three {
    margin-left: 0 !important;
    background-image: none !important;
}

.top-three-three-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #ffc900;
}
.bottom-three-clients .top-three-one-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #8abd00;
}
.bottom-three-clients .top-three-two-clients {
    margin: 0;
}
.bottom-three-clients .top-three-three-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #41b1ef;
}
.top-three-two-clients {
    margin: 0;
}
.bottom-three-clients .top-three-one-clients {
    margin: 0;
}
.bottom-three-clients .top-three-two-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #9541ef;
}
.top-three-one-clients-right::after {display: none;}
.top-three-clients .top-three-two-clients::after {display: none;}
.bottom-three-clients .top-three-one-clients::after::after {display: none;}
.bottom-three-clients .top-three-two-clients::after {display: none;}
.bottom-three-clients .top-three-three-clients::after {display: none;}
.bottom-three-clients .top-three-one-clients::after {display: none;}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {display: none;}
.new-two::after { display: none; }
.testimonials_review_left .form-div-class {
    margin: 0;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}
.testimonials_review_left .form-div-class .title-div p {
    font-size: 14px;
    text-align: center;
    margin: 0 0 10px 0;
}
.testimonials_review_section .form-div-class .title-div {
    margin: 20px 0 0 0;
}
.testimonials_review_left .form-div-class .form-group .form-control {
    margin: 0;
    font-size: 15px;
}
.testimonials_review_left .form-div-class .form-group {
    margin: 0px 0 15px 0;
}
.testimonials_review_left .submit-btn-cnt {
    display: table;
}
.testimonials-banner {
    height: 180px;
}
/* TESTIMONIOLS CSS ENDS HERE */


/* WHY INDIA PAGE CSS STARTS HERE */
.why-banner-text {
    display: none;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 100%;
    padding: 25px 10px 20px 10px;
    margin: 50px 0 0 0;
}
.benifite-outsourcing-main-right .benifite-outsourcing-main-right-top-img {
    margin: 15px 0 0 0;
}
.benifite-outsourcing-main-left .owl-dots {
    margin: 15px 0 0 0;
}
.benifite-outsourcing-main-right .center-btn .contact-us-now.rounded-btn.yellow-background-hover {
    margin: 0 auto;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 14px;
}
.why-choose-budegtcoders-left ul li span:last-child {
    width: 88%;
}
.key-business-benifits .title-div h3 {
    font-size: 25px;
}
.key-business-benifits .title-div p {
    font-size: 15px;
    padding: 0 0 10px 0;
}
.key-business-benifits .project-based-engament {
    background-color: #f3f3f3;
    text-align: center;
    width: 100%;
    margin: 50px auto 0;
    float: none;
    padding: 0 15px;
}
/* WHY INDIA PAGE CSS ENDS HERE */

/* HOWITWORK ADD CSS STARTS HERE */
.engagement-model-sections ~ footer .top-footer::before {
    background-size: cover;
}
.client-get-section {
    padding: 20px 0;
}
.advance-section .title-div {
    width: 100%;
    margin: 0 0 20px 0;
}
.client-get-section .title-div h2 {
    text-align: center;
}
.client-get-section .border-class-div {
    padding-top: 45px;
}
.engagement-model-sections {
    padding-top: 50px;
}
.engagement-model-sections .center-btn a.contact-us-now.rounded-btn.yellow-background-hover {
    padding: 6px 20px;
    font-size: 16px;
}
.engagement-model-sections .center-btn {
    width: auto;
    margin-top: 0;
}
/* HOWITWORK ADD CSS ENDS HERE */

/* PRICING CSS STARTS HERE */
.bottom-red-color ul li span:nth-child(1) {
    margin: 0;
}
.bottom-red-color ul li span:nth-child(1) img {
    display: none;
}
.pricing-banner {
    background-size: unset;
}
/* PRICING CSS ENDS HERE */
.web-development ul {
    margin: 0 0 15px 0;
}
.web-development .rounded-btn {
    font-size: 16px;
    width: auto;
    padding: 6px 20px;
}
.center-btn .contact-us-now.rounded-btn {
    padding: 6px 20px;
    text-transform: capitalize;
    width: auto;
}
#sectionB {
    overflow: auto;
}
.cnt-tab-div .panel-group {
    width: 480px;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul:last-child li {
    width: 33.2%;
    text-align: center;
    font-size: 13px;
}
#blog-sli .owl-nav.disabled button.owl-prev span, #blog-sli .owl-nav.disabled button.owl-next span {
    margin: -3px 0 0;
}
.from-blog-left.animated.fadeInUp {
    margin-bottom: 20px;
}
    
}
@media(min-width:480px) and (max-width:767px){
#blog-sli .owl-nav.disabled {
    top: -95px;
}
#blog-sli .owl-nav.disabled button.owl-prev span, #blog-sli .owl-nav.disabled button.owl-next span {
    margin: -3px 0 0;
}
div#chat .modal-header .modal-title {
    font-size: 18px;
}
button.btn.chat {
    bottom: 105px;
    /* right: 20px; */
	right: 16px;
}
.title-div h1 {
    font-size: 25px;
}
footer .form-con-right {
    margin-top: 20px;
}
.database-padding {
    width: auto;
}
.responsive-submnu li .full-responsive-span span a {
    margin: 0 !important;
}
/*sitemap responsive*/
.site-map-section {
    margin: 10px 0 0 0;
}
.site-map-section #cont ul.tree li a {
    color: #404040;
    background: transparent;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree li a:hover {
    box-shadow: 0px 0px 0px #58595b;
    font-weight: 100;
}
.page-subheading a, .page-subheading span {
    padding: 6px 6px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 14px;
    padding: 0px 0px;
    height: auto;
    font-weight: 600;
    text-decoration: underline !important;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 a {
    font-weight: 100;
    margin: 0px 10px 0px 0px;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree.second .level-1 li ul.level-2 {
    padding-left: 0px;
    text-align: center;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
ul.tree {
    margin-top: 10px !important;
    padding-top: 0px !important;
    margin-bottom: 10px !important;
}
.page-subheading a, .page-subheading span {
    font-size: 14px;
}
.page-subheading::after {
    width: 0px;
}
.site-map-section #cont ul li a {
    font-size: 14px;
}
ul.tree::before {
    height: 0px;
}
ul.tree li::before {
    height: 0;
    width: 0px;
    top: 0;
}
.site-map-section #cont ul.tree li {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
/*end sitemap-responsive*/
#common_form_modal .error {
    margin: 0px;
}
#contact_form .error {
    margin-bottom: 15px; 
    margin-top: -15px;
}
	nav.navs.stickydiv {position: relative;top: 0;width: 100%;}
.general-interview {
    padding: 0;
}
.second-row-team-hring::before, .second-row-team-hring::after {
	display: none;
}
.assessment-mr-top {
    margin: 15px 0 0 0;
}
.mr-top-minus {
    margin: 0px;
}
.third-row-team-hring .mr-top-minus {
    margin-top: 0;
    padding: 0px;
}
.second-row-team-hring {
    /*display: none;*/
}
.error-page-banner-right{margin:25px 0 0 0;}
.error-page-banner-right-bottom h2{font-size:20px;margin:20px 0 10px 0;text-align:center;}
.error-page-banner-right-bottom p{color:#ffffff;font-size:16px;margin:0 0 15px 0;text-align:center;}
.error-page-banner-right-bottom .rounded-btn{width:250px;background-color:#ffffff;color:#000000;margin:0 auto 15px;}
.error-page-banner{display:flex;flex-flow:column;}
.error-page-banner-left-div{order:2;}
.error-page-banner-right-div{order:1;}
.error-page-banner-left{margin:20px 0 0 0;}
.error-page-banner-right-top{text-align:center;}
.engagement-model-sections .title-div{background-size:350px 55px;}
.our-step-section .title-div{text-align:left;width:100%;margin:0 auto;}
.our-step-section .title-div p{font-size:15px;padding:0;text-align:center;}
.team-benificial-sections .title-div{background-size:186px 40px;background-position:50% 15px;}
.after-care-bak{min-height:auto;}
header .logo_mnu_div .menu_right ul li.nav-item:hover ul.submenu{display:none;}
header .logo_mnu_div .menu_right ul li.nav-item:hover::after{display:none;}
.responsive-lebel{float:right;margin:0 15px 0 0;width:auto;cursor:pointer;}
.responsive-lebel.collapsed::after{content:"\f067";}
.responsive-lebel::after{content:"\f068";color:#ffffff;font-family:fontawesome;}
.responsive-submnu{padding:0;width:100%;float:left;}
.responsive-submnu.show{border-top:1px solid #ffffff;margin:4px 0 0 0;}
.common-section-div{padding:20px 0;}
.beyond-simple-img-left-2:before{display:none;}
.beyond-simple-img-left-2:after{display:none;}
header .logo_mnu_div .menu_right ul li.nav-item.active .outer-span, header .logo_mnu_div .menu_right ul li.nav-item:hover .outer-span{display:none !important;}
.beyond-section .center-btn a.contact-us-now.rounded-btn{padding:8px 0;}
.bottom-footer-logo-none{display:none;}
.container{width:100%;}
header nav.navbar.navbar-toggleable-md .navbar-brand{width:60%;margin:0;padding:0;}
header nav.navbar.navbar-toggleable-md .navbar-collapse{display:none !important;}
header nav.navbar.navbar-toggleable-md .navbar-collapse.show{display:block !important;background-color:#323232;padding:0;margin-top:8px;overflow: auto;}
header nav.navbar.navbar-toggleable-md button{cursor:pointer;color:#ffffff;}
header nav.navbar.navbar-toggleable-md button .navbar-toggler-icon{background:none;outline:0;border:0;}
header nav.navbar.navbar-toggleable-md .navbar-collapse ul.navbar-nav{width:100%;float:left;max-height: 380px;}
header{top:0;width:100%;padding:0px 0;z-index:9;}
header nav.navbar.navbar-toggleable-md button .navbar-toggler-icon::before{content:"\f0ca";font-family:fontawesome;font-size:29px;}
header nav.navbar.navbar-toggleable-md button{cursor:pointer;color:#ffffff !important;outline:0 !important;border:0 !important;padding:0;position:absolute;right:0;top:15px;}
header nav.navbar.navbar-toggleable-md{position:relative;}
header .headerAnnoBar p { line-height: 25px; }
.home-banner{padding:190px 0 0 0;height:auto;}
.home-banner-top h2{font-size:18px;text-align:center;margin:0 0 10px 0;}
.home-banner-top h1{font-size:20px;margin:0 0 15px 0;text-align:center;}
.home-banner-top p{font-size:14px;padding:0;text-align:center;}
.home-banner-middle{width:100%;float:left;padding:0;}
.home-banner-middle-button{margin:12px 0 0 0;width:255px;float:none;display:table;margin:10px auto 0;}
.home-banner-middle-button span{margin:0 15px 0 0;}
.home-banner-middle-button p{font-size:15px;}
.development-cost{background-image:url("../images/home-page/Save.png");background-repeat:no-repeat;height:190px;padding:36px 18px;width:180px;margin:8px auto 5px;}
.home-banner-bottom{width:100%;float:left;padding:0;margin:0 0 78px 0;}
.advantage-bak{min-height: unset;}
.team-advantage-div {padding: 0; text-align: center;  margin: 0 0 15px 0;}
.rounded-btn{width:250px;padding:8px 0;font-size:16px;margin:15px auto 0;float:none;display:table;}
.title-div h2{color:#717171;font-size:25px;}
.title-div h3{color:#000000;font-size:25px;}
.software-development-service-left-bottom{width:83%;float:none;height:250px;text-align:center;margin:0 auto;}
.software-development-service-left{width:450px;position:relative;margin:0 auto;float:none;display:table;}
.software-development-service-left ol.carousel-indicators li{width:47px;height:50px;padding:10px 25px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-0{bottom:33px;left:15px;}
.software-development-service-left ol.carousel-indicators li span.circle-img img{position:absolute;top:11px;left:11px;width:28px;height:28px;}
.software-development-service-left ol.carousel-indicators li span.circle-img-ac img{position:absolute;top:11px;left:11px;width:28px;height:28px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-5{bottom: 28px; right: 14px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-1{bottom: 133px;left: 47px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-4{bottom: 130px; right: 46px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-2{top: -2px; left: 131px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-3{right: 120px; top: 2px;}
.form-con-right button{width:185px;margin:0 auto;float:none;display:table;}
.software-development-service-left-bottom p{padding:208px 0 00 0;font-size:14px;}
.software-development-service-right{margin:25px 0 0 0;}
h2.beyond-title{color:#ffffff;text-align:center;margin:0 0 20px 0;font-family:'open_sansextrabold';text-transform:uppercase;font-size:20px;}
.beyond-simple-img-left{width:48%;width:140px;margin:0 auto;}
.beyond-section{height:auto;padding:70px 0;}
.beyond-simple-img-left{width:140px;margin:0 auto 10px;display:table;}
.beyond-section-big-right-bottom p{font-size:14px;}
.beyond-benifits-main{width:140px;float:none;margin:0 auto 10px;display:table;}
.center-btn{width:30%;margin:0 auto 0px;display:table;}
.frame-workslider .title-div h3{font-size:25px;background-size:250px 50px;background-position:50% 20px;}
.frame-workslider-div ol.carousel-indicators{display:none;}
.frame-workslider-div .carousel-inner{width:100%;background-image:none;background-repeat:no-repeat;margin:0px auto 0;float:none;display:table;height:313px;}
.frame-workslider{}
.frame-workslider-div-bottom{width:100%;padding:0;margin:0;}
h3.avg-cost{color:#ffffff;font-size:20px;font-family:'open_sanssemibold';}
p.us-per-hour{font-size:20px;color:#000000;font-family:'open_sanslight';margin:0;}
.avg-cost-left{width:100%;float:left;text-align:center;margin:0 0 0px 0;}
p.us-developer{color:#ffffff;font-size:20px;margin:0;font-family:'open_sanssemibold';}
.avg-cost-mid{margin:20px auto;}
h3.client-save{text-align:center;color:gray;font-size:16px;margin:6px 0 0 0;}
.frame-workslider .contact-us-now.rounded-btn{}
.frame-workslider-div a.carousel-control-prev{left:10px;bottom:180px;}
.frame-workslider-div a.carousel-control-next{right:10px;bottom:180px;}
.beyond-simple-img-left-bottom p{font-size:14px;}
.from-blog-section .title-div h3{font-size:25px;background-position:50% 5px;background-size:200px 59px;}
.from-blog-section{height:auto;padding:60px 0;}
.from-blog-section .carousel-inner, .from-blog-section .owl-carousel{text-align:center;}
.from-blog-section .carousel a.carousel-control-next{top:-70px;}
.from-blog-section .carousel a.carousel-control-prev{top:-70px;}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p{color:#ffffff;font-size:14px;padding:0;margin:15px 0 10px 0;}
.what-client-say-left p{font-size:14px;padding:0;line-height:inherit;text-align:center;}
.what-client-say-right-top{padding:0;text-align:center;}
.what-client-say-right-top p{margin:10px 0 5px 0;color:#474747;font-size:14px;}
.what-client-say-right-bottom::before{width:450px;left:0;right:0;margin:0 auto;}
.top-footer{padding:80px 0 10px 0;}
.bottom-footer p{font-size:11px;width:340px;margin:5px auto 0;display:table;float:none;}
.bottom-footer-logo{text-align:center;width:100%;float:left;margin:0px 0 10px 0;}
span.copyright-icon{color:#fdd947;font-size:18px;display:inline;}
.bottom-footer ul.social-icons{float:none;margin:6px auto 10px;padding:0;width:300px;display:table;}
.frame-workslider-div{background-color:#fdd947;padding:20px 0;}
.software-development-service .title-div{background-position:50% 38%;background-size:250px 45%;}
.bottom-footer ul.social-icons li:first-child {margin: 0;}
.what-client-say-left h3{background-repeat:no-repeat;padding:8px 0 20px 0;background-size:250px 45px;text-align:center;background-position:50% 0;background-image: none;margin: 0;}
.contact-banner{height:355px;background-size: 767px 462px;}
.form-div-class{padding:15px 15px;margin:-106px 0 30px 0;background-image:none;background-color:#fdfdfd;box-shadow:0px 0px 5px #000;}
.contact-form-div .container{width:95%;}
.form-div-class .title-div h3{font-size:22px;margin:0 0 12px 0;}
.form-div-class .form-group{margin:0;}
.form-div-class .form-group .form-control{margin:0 0 15px 0;}
.contact-banner::after{}
.form-div-class .form-group span{left:25px;}
p.email-side-left{font-size:16px;}
p.email-side-right a{font-size:16px;}
.social-right-side p{font-size:15px;margin:5px 15px 0 0;width:24%;}
.social-right-side ul.social-icons{width:67%;float:left;}
.social-right-side{margin:10px 0 0 0;display: block;}
.email-left-side-top {margin: 10px 0 0 0;}
.email-left-side{margin: 0; width: 100%; float: left;}
.about-banner-top h1{text-align:center;font-size:24px;margin:15px 0 10px 0;}
.about-banner-top p{font-size:16px;margin:15px 0 20px 0;text-align:center;padding:0;}
.hire-developers-left-text p{font-size:20px;}
.hire-developers-left-btn .center-btn{width:300px;margin-top:0px;}
.hire-develper-right{margin-top:15px;}
.hire-develper-right-top h3{font-size:18px;text-align:center;}
.hire-develper-right-top p{font-size:14px;text-align:justify;}
.hire-develper-right-top ul li p{width:90%;}
.hire-develper-right-top ul li p span{font-size:14px;}
.hire-develper-right-btn .center-btn{width:300px;margin-top:0;}
.hire-develper-right-btn .center-btn .rounded-btn{width:265px;margin:0 auto;}
.after-care-section .container{width:100%;}
.after-care-section{padding:65px 0;}
.after-care-bak h3{font-size:16px;text-align:center;}
.after-care-bak h2{font-size:18px;text-align:center;}
.after-care-bak p{font-size:14px;text-align:center;}
.hire-available-div-same{width:230px;float:none;display:table;margin:0 auto 15px;}
.save-up-to-btn .center-btn{width:250px;margin:0 auto;}
.save-up-to-btn .center-btn .rounded-btn{margin:0;}
.why-our-model-work-right{padding:0;text-align:center;}
.why-our-model-work-right::before{display:none;}
.why-our-model-work-right h4{font-size:18px;margin:5px 0 5px 0;}
.why-our-model-work-right p{font-size:14px;text-align:center;margin: 0px 0 15px 0;}
.save-up-to h3{font-size:18px;text-align:center;}
.save-up-to p{font-size:14px;text-align:center;}
.how-it-work-banner-right{display:none;}
.what-you-get-section .title-div{background-size:300px 51px;background-position:50% 11px;}
.how-it-work-banner{height: auto; padding: 90px 0;background-size: cover;}
.border-class-div{width:395px;}
.what-you-get-section-right{margin-top:0;}
.what-you-get-section-right-top{display:none;}
.our-step-section .title-div h3{font-size: 26px;background-size: 260px 65px;text-align: center;margin-bottom: 10px;}
.border-class-div-right h3{font-size:18px;text-align: center;}
.border-class-div-right p{font-size:14px;text-align-last: center;-moz-text-align-last: center;text-align: justify;}
.border-class-div-right p{min-height: auto;}
.project-based-engament{width:100%;}
.project-based-engament-top{margin:10px auto 10px;}
.project-based-engament-bottom h4{font-size:18px;margin:0 0 10px 0;text-align:center;}
.project-based-engament-bottom p{font-size:14px;text-align-last: center;-moz-text-align-last: center;text-align: justify;}
.hire-developers-section .title-div{background-size:210px 40px;background-position:50% 10px;}
.hire-available-developer-section .title-div{background-size:179px 50px;background-position:50% 20px;}
.save-up-to{width:100%;float:left;}
.save-up-to ul li::before{margin:4px 5px 0 0;}
.save-up-to-btn .center-btn .rounded-btn{width:100%;}
.why-our-model-work-left .title-div{background-size:230px 50px;background-position:50% 15px;margin:0;}
.why-our-model-work-left .title-div h3{margin:0 0 20px 0;}
.beyond-section-big-right{margin:25px 0 0 0;}
.view-all-bnt a{width:180px;font-size:15px;margin:5px auto 35px;float:none;display:table;padding:7px 0;}
.view-all-bnt a::before{font-size:20px;}
.frame-workslider-div a.carousel-control-prev span.carousel-control-prev-icon{width:35px;height:37px;}
.frame-workslider-div a.carousel-control-next span.carousel-control-next-icon{width:35px;height:37px;}
.hire-develper-right-top ul li::before{width:30px;height:30px;margin:0 15px 0 0;background-size:100% 100%;}
.hire-developers-left{width:450px;float:none;margin:0 auto;}
.faq-banner{height:195px;background-size:cover;}
.faq-h{font-size:15px;}
.faq-h::before{margin-right:15px;}
.faq-h::after{float:right;}
.faq-h.collapsed::after{float:right;}
.text{width:100%;float:left;}
.dedicated-section .title-div{background-size:256px 53px;}
.web-development-img img{}
.web-development h2{font-size:23px;width:100%;text-align:center;}
.web-development p{text-align:justify;text-align-last:center;font-size:15px;}
.web-development{padding:0;margin-top:15px;}
.advantage-section{padding:65px 0;}
.advantage-bak h2{font-size:18px;}
.advantage-bak p{text-align:justify;text-align-last:center;}
.team-benificial-sections .title-div{background-size:230px 50px;background-position:50% 15px;margin:0;}
.repidlyp h3{font-size:19px;text-align:center;}
.loremp{text-align:justify;text-align-last:center;padding:0;}
.rapidly{width:100%;text-align:center;}
.reduce{margin-top:25px;}
.reduce h3{font-size:19px;text-align:center;}
.dolorp{text-align:justify;text-align-last:center;padding:0;}
.advantage-section .container{width:100%;}
.team-benificial-sections .container{width:100%;}
.dedicated-banner .about-banner-top h1{font-size:40px;}
.dedicated-banner .about-banner-top p{padding:0;}
.faq-h{font-size:14px;width:100%;float:left;}
.faq-h::before{margin-right:8px;width:25px;height:25px;background-size:100% 100%;}
.faq-h span{display: inline-block;margin: 0;width: 83%;font-size: 14px;vertical-align: middle;}
.faq-h::after{} 
.faq-h.collapsed::after{float:right;width:30px;height:30px;background-size:100% 100%;margin:0 0 0 10px;}
.text::before{width:25px;height:25px;background-size:100% 100%;}
.frequently-section .title-div{background-size:180px 65px;padding:0 0 3px 0;}
.frequently-section .title-div h3{margin:0 0 10px 0;}
.frequently-section #accordion{padding:0;}
.frequently-section .title-div{background-size:180px 65px;padding:0 0 3px 0;}
.frequently-section #accordion{padding:0;}
.web-development-img{margin:10px 0 0 0;text-align:center;}
.dedicated-section .title-div{background-size:200px 40px;background-position:50% 10px;}
.web-development ul li{font-size:14px;color:#4e4e4e;margin-top:8px;}
.mobile-app-dedicated-inner-div{display:flex;flex-flow:column;}
.mobile-app-dedicated-inner-div-left{order:2;}
.mobile-app-dedicated-right{order:1;}
.mobile-app-dedicated-section .web-development-img{margin-top:12px;text-align:center;}
.web-development ul li span{width:90%;}
.web-development-left{padding-right:15px;}
.common-parelex #sidebar{display:none;}
.dedicated-banner{background-size:179% 100%;}
.hire-staffing-banner{height:420px;padding:135px 0 0 0;}
.hire-staffing-banner-inner-img{margin-top:30px;}
.hire-staffing-banner-inner-img img{height:184px;}
.hire-staffing-banner-title{font-size:27px;}
.web-application .title-div{background-size:260px 50px;background-position:50% 0px;}
.web-application-yii .title-div{background-size:120px 45px;background-position:50% 10px;}
.web-application-left{padding:0;text-align:center;}
.web-application-right .what-you-get-section-right-top{display:block;}
.web-application-right{padding:0;margin:20px 0 0 0;}
.web-application-right .what-you-get-section-right-top h3{font-size:16px;text-align:center;}
.web-application-right .what-you-get-section-right-top p{font-size:14px;margin:0 0 0px 0;text-align:justify;}
.web-application-right .what-you-get-section-bottom{width:100%;}
.cake-php-web-sol-section .title-div h2{text-align:center;color:#ffffff;font-family:'open_sansbold';font-size:30px;margin:0;padding:15px 0 30px 0;background-image:url(../images/hire-professional/SOLUTIONS.png);background-repeat:no-repeat;background-position:50% 20px;background-size:256px 50px;background: none;}
.cake-php-web-sol-section-bottom-div{padding:0 9px;}
.web-sol-inner-div{margin-bottom:15px;}
.web-sol-inner-div h4{font-size:16px;}
.hire-cake-php-developer-section .title-div{background-size:276px 60px;background-position:50% 5px;}
.hire-cake-php-developer-section .title-div h3{margin-bottom:25px;}
.reusebility-code-div h2{font-size:16px;margin:0 0 10px 0;text-align:center;}
.reusebility-code-div p{margin:0 0 20px 0;font-size:14px;text-align: justify; text-align-last: center; -moz-text-align-last: center;}
.hire-cake-php-price-form-section-left h1{font-size:25px;margin:0 0 30px 0;}
.price-table-div ul.nav.nav-tabs li a.nav-link{font-size:18px;}
.price-table-div .tab-content ul li p{padding:15px;font-size:14px;}
.hire-cake-php-price-form-section-right .form-div-class .title-div h3{font-size:20px;}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt{width:180px;margin-top:0;font-size:18px;}
.hire-related-developer-section .title-div{background-size:230px 50px;background-position:50% 10px;}
.hire-related-developer-section .title-div h3{margin:0 0 25px 0;}
.hire-cake-php-developer-div p{}
.cake-php-web-sol-section .title-div{width:auto;}
.our-perform {width: 540px; float: none; padding: 0; margin: 0 auto; display: table;}
.our-perform-inner p {font-size: 17px;}
.how-we-work-img-div {display: none;}
.how-we-work-responsive-accourdion {display: block;}
.resposive-submenues {
    display: block;
}
ul.social-icons-fixed {
    display: none;
}
.hire-staffing-front-end-banner-left h1 {
    font-size: 30px;
    margin: 0 0 10px 0;
    text-align: center;
}
.hire-staffing-front-end-banner-left p {
    padding: 0;
    font-size: 15px;
    margin: 0 0 10px 0;
    text-align: justify;
}
.hire-staffing-front-end-banner {
    height: auto;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left {
    padding: 0;
    margin: 15px 0 80px 0;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 18px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 15px;
}
.web-development-in-front-end .rounded-btn {
    width: 240px;
}
#html5 .title-div {
    background-size: 200px 40px;
    background-position: 50% 10px;
}
.web-development-in-front-end h4 {
    font-size: 18px;
    margin: 0 0 10px 0;
    text-align: center;
}
#css3 .title-div {
    background-size: 140px 40px;
    background-position: 50% 11px;
}
#bootstrap .title-div {
    background-size: 258px 48px;
}
.web-development-in-front-end ul {
    margin-bottom: 15px;
}
#less_frame .title-div {
    background-size: 190px 49px;
}
#sass .title-div {
    background-size: 180px 49px;
}
#foundation .title-div {
    background-size: 245px 61px;
}
.digital-marketing-padding {
    width: 100%;
}
#Photoshop .title-div {
    background-size: 250px 50px;
}
#Axure .title-div {
    background-size: 210px 53px;
}
#illustrator .title-div {
    background-size: 270px 52px;
}
.common-section-div .title-div h3 {
    background-image: none;
}
.common-section-div .title-div {
    background-image: none;
}
.frequently-section #accordion .faq-h {
	font-size:18px;
}
.text .para-div p {
    font-size: 15px;
    width: 84%;
    text-align: justify;
}
.para-div ol li {
    font-size: 15px;
}
.para-div ol {
    padding: 5px 0 0 62px;
}
.progressive-div-right p {
    font-size: 20px;
}
.progressive-div-left {
    width: 100%;
	text-align: center;
	margin: 0;
}
.progressive-div-left img {
    
}
.progressive-div {
    margin-bottom: 10px;
}

.para-div-bottom {
    padding: 20px 0 0 0;
    
}
.progressive-div-right {
    width: 100%;
    text-align: center;
}
iframe#drift-widget {
    display: none !important;
}

.hire-cake-php-price-form-section-right{width: 350px; top: 85px; margin-left: -310px; z-index: 99;}
.form-btn {
	width: 30px;
	background-image: none;
	margin: 0;
    margin-top: 0px;
	position: relative;
	height: 35px;
	background-color: #fdd947;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-top: -6px;
}
.form-btn::before {
    content: "\f067";
    font-family: fontawesome;
    color: #ffffff;
    font-size: 18px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group input.form-control {
    color: #000;
    box-shadow: none;
    margin: 0;
    padding: 7px 0;
    font-size: 16px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control {
    padding: 7px 0;
    text-indent: 0;
    font-size: 16px;
    margin: 0;
}
.form-div-bottom {
    width: 310px;
    height: 345px;
    margin-top: -6px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .form-control option {
    padding: 0;
    line-height: initial;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .col-xs-12 span.service-span-dropdown {
    top: 10px;
    background-size: 90% 75%;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group textarea {
    height: 37px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt {
    width: 140px;
    margin-top: 0;
    font-size: 15px;
    border-radius: 15px;
    height: 42px;
}

.hire-cake-php-price-form-section-right .form-div-class .title-div h3{font-size:20px;}
.hire-cake-php-price-form-section-right .form-div-class{padding:15px}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt{width:180px;margin-top:0;font-size:18px;}
.form-div-class .title-div p {
    font-size: 14px;
    margin: 0 0 15px 0;
}
/* FAQ CSS HERE */
.content-class-inner {
    margin: 0 0 15px 0;
    width: 100%;
    float: left;
}
.content-class-inner h2 {
    font-size: 20px;
}
.accidion-class-div {
    width: 100%;
    float: left;
}

/* FAQ CSS HERE */
.our-step-section .border-class-div {
    min-height: unset;
    margin-bottom: 30px;
	margin-top: 20px;
	padding: 25px 15px 15px 15px;
	width: 450px;
}
.our-step-section .border-class-div-left {
    top: -42px;
left: 0;
right: 0;
margin: 0 auto;
}
.hire-staffing-front-end-banner-left h4 {
    font-size: 18px;
    text-align: center;
}
#ui-ux-designer .title-div {
    background-size: 200px 48px;
}
.ui-designer-bnt {
    width: 100%;
margin: 15px auto 0;
font-size: 20px;
}
.ui-designer-hangs-1 {
    width: 33.33%;
}
.ui-designer-hangs-2 {
    width: 33.33%;
}
.white-border {
    padding: 4px 0;
}
.designer-div {
    width: 450px;
    float: none;
    display: table;
    margin: 0 auto;
}
.content-class {
    margin: 20px 0 0 0;
}
/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
	padding: 100px 0 0 0;
	min-height: 767px;
}

canvas#c {display: none;}
.under-construction-img {
    margin: 0 0 20px 0;
}
.comming_soon_banner_bottom {
    margin: 0;
}
/* COMMING SOON PAGE CSS HERE */

/* FREE TRAIL MODAL CSS HERE */
.modal .modal-dialog {
    margin: 122px auto 0 !important;
}
/* FREE TRAIL MODAL CSS HERE */
.process-for-main {
    display: none;
}
.process-for-responsive {
    display: block;
}
.general-text {
    padding: 0;
}
.process-will-inner-div-top-right {
    width: 100%;
}
.process-will-inner-div-top-right p {
    text-align: center;
    text-decoration: underline;
}
.process-will-inner-div-technologies .process-will-inner-div-top-right p {
    color: #000;
}
.general-text h5 {
    font-size: 15px;
    text-align: center;
}
.general-text p {
    font-size: 15px;
    color: gray;
    text-align: center;
}
.assessment-mr-top {
    margin: 0;
}
.third-row-team-hring .mr-top-plus {
    margin-top: 0;
}
.process-for-responsive .center-btn {
    width: 250px;
    float: none;
    display: table;
    margin: 0 auto;
}    
.second-row-team-hring-responsive {
    margin-top: 20px;
}
.process-for-responsive .mr-top-plus {
margin:0;
}
.general-text p {
    font-size: 14px;
    color: gray;
    text-align: center;
    margin-bottom: 15px;
}

/* TESTIMONIOLS CSS STARS HERE */
.top-three-one-clients-left {
    width: 100%;
    float: left;
}
.top-three-one-clients-left .title-div {
    text-align: center;
}
.top-three-one-clients-right {
    width: 100%;
}
.client-says-main-div {
    background-image: none;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: #e5254a;
    border-radius: 12px;
    padding: 0 10px 10px 10px;
    margin: 60px 0 0 0;
}
.client-says-main-div::before {
	width: 100px;
    height: 100px;
    float: none;
    position: relative;
    margin: -74px auto 22px;
    display: inline-block;
    background-size: 100% 100%;
    left: 0;
}
.client-says-main-div-right-cnt {
    width: 100%;
    float: left;
    padding: 0;
    margin: 15px 0 0 0;
    background-color: #f2f2f2;
    border-radius: 12px;
    padding: 10px;
}
.client-says-main-div-right-cnt h1 {
    font-size: 14px;
}
.client-says-main-div-right-cnt h1 span {
    font-size: 12px;
}
.client-says-main-div-right-cnt p {
    font-size: 14px;
}
.client-says-main-div-right-cnt p {
    font-size: 14px;
    text-align: justify;
    text-align-last: center;
}
.new-three {
    margin-left: 0 !important;
    background-image: none !important;
}
.top-three-two-clients .client-says-main-div {
    margin: 70px 0 0 0;
    float: left;
    background-image: none;
    background-color: #f87b00;
}
.top-three-three-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #ffc900;
}
.bottom-three-clients .top-three-one-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #8abd00;
}
.bottom-three-clients .top-three-two-clients {
    margin: 0;
}
.bottom-three-clients .top-three-three-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #41b1ef;
}
.top-three-two-clients {
    margin: 0;
}
.bottom-three-clients .top-three-one-clients {
    margin: 0;
}
.bottom-three-clients .top-three-two-clients .client-says-main-div {
    background-image: none;
    margin: 70px 0 0 0;
    background-color: #9541ef;
}
.top-three-one-clients-right::after {display: none;}
.top-three-clients .top-three-two-clients::after {display: none;}
.bottom-three-clients .top-three-one-clients::after::after {display: none;}
.bottom-three-clients .top-three-two-clients::after {display: none;}
.bottom-three-clients .top-three-three-clients::after {display: none;}
.bottom-three-clients .top-three-one-clients::after {display: none;}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {display: none;}
.new-two::after { display: none; }
.testimonials_review_left .form-div-class {
    margin: 0;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}
.testimonials_review_left .form-div-class .title-div p {
    font-size: 14px;
    text-align: center;
    margin: 0 0 10px 0;
}
.testimonials_review_section .form-div-class .title-div {
    margin: 20px 0 0 0;
}
.testimonials_review_left .form-div-class .form-group .form-control {
    margin: 0;
    font-size: 15px;
}
.testimonials_review_left .form-div-class .form-group {
    margin: 0px 0 15px 0;
}
.testimonials_review_left .submit-btn-cnt {
    display: table;
}
.testimonials-banner {
    height: 200px;
	background-size: 100% 50%;
}
.testimonials_review_left_outer .testimonials_review_left {
    text-align: center;
}
/* TESTIMONIOLS CSS ENDS HERE */

/* WHY INDIA PAGE CSS STARTS HERE */
.why-banner-text {
    display: none;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 100%;
    padding: 25px 10px 20px 10px;
    margin: 50px 0 0 0;
}
.benifite-outsourcing-main-right .benifite-outsourcing-main-right-top-img {
    margin: 15px 0 0 0;
}
.benifite-outsourcing-main-left .owl-dots {
    margin: 15px 0 0 0;
}
.benifite-outsourcing-main-right .center-btn .contact-us-now.rounded-btn.yellow-background-hover {
    margin: 0 auto;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 14px;
}
.why-choose-budegtcoders-left ul li span:last-child {
    width: 88%;
}
.key-business-benifits .title-div h3 {
    font-size: 25px;
}
.key-business-benifits .title-div p {
    font-size: 15px;
    padding: 0 0 10px 0;
}
.key-business-benifits .project-based-engament {
    background-color: #f3f3f3;
    text-align: center;
    width: 100%;
    margin: 50px auto 0;
    float: none;
    padding: 0 15px;
}
.benifite-outsourcing-main-left .border-class-div .border-class-div-left {
    top: -51px;
    right: 0;
    margin: 0 auto;
    left: 0;
} 
/* WHY INDIA PAGE CSS ENDS HERE */

/* HOWITWORK ADD CSS STARTS HERE */
.engagement-model-sections ~ footer .top-footer::before {
    background-size: cover;
}
.client-get-section {
    padding: 20px 0;
}
.advance-section .title-div {
    width: 100%;
    margin: 0 0 20px 0;
}
.client-get-section .title-div h2 {
    text-align: center;
}
.client-get-section .border-class-div {
    padding-top: 45px;
}
.engagement-model-sections {
    padding-top: 50px;
}
.engagement-model-sections .center-btn a.contact-us-now.rounded-btn.yellow-background-hover {
    padding: 5px 0;
    font-size: 16px;
}
/* HOWITWORK ADD CSS ENDS HERE */

/* PRICING PAGE CSS STARTS HERE */
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    padding: 12px 18px;
    font-size: 18px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 15px 0 0;
}
.cnt-tab-div ul li {
    font-size: 16px;
}
.bottom-red-color ul li {
    font-size: 14px;
}
.bottom-red-color ul li span:nth-child(1) {
    margin: 0 10px 0 0;
}
.pricing-banner {
    background-size: unset;
}
#sectionB {
    overflow: auto;
}
.cnt-tab-div .panel-group {
    min-width: 550px;
    width: 100%;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul:last-child li {
    width: 33.2%;
    text-align: center;
    font-size: 13px;
}
/* PRICING PAGE CSS ENDS HERE */


}
@media(min-width:480px) and (max-width:575px){
.web-sol-inner-div{min-height:unset;}
.how-it-work-banner-inner-img{/*margin-top:40px;*/}
.our-perform {width: 263px;padding: 0;}
.error-page-icon-div ul.social-icons {
    float: none;
    margin: 5px auto 5px;
    width: 263px;
    display: table; 
}
h2.footer-heading:last-child {
    margin-bottom: 20px;
}
span.copyright-txt {
    margin: 0;
    display:inline;
}
.frequently-section #accordion .faq-h {
	font-size:16px;
}
.text .para-div p {
    font-size: 14px;
    width: 84%;
    text-align: justify;
}
.para-div ol li {
    font-size: 14px;
}
.para-div ol {
    padding: 5px 0 0 62px;
}
.progressive-div-right p {
    font-size: 18px;
}
.progressive-div-left {
    width: 100%;
	text-align: center;
	margin: 0;
}
.progressive-div-left img {
    
}
.progressive-div {
    margin-bottom: 10px;
}

.para-div-bottom {
    padding: 20px 0 0 0;
    
}
.progressive-div-right {
    width: 100%;
    text-align: center;
}
.beyond-simple-img-left-last {
    margin: 0 auto;
}
.beyond-simple-img-left-top {
    width: 52%;
}


}
@media(min-width:576px) and (max-width:767px){
.error-page-icon-div ul.social-icons {float: left;margin: 0;}
.form-con-right {margin-top: 20px;}
.beyond-simple-img-left-top{width:73px;}
.bottom-footer ul.social-icons{float:right;margin: 0;}
.beyond-section-big-right{margin:30px 0 0 0;}
.bottom-footer-logo{text-align:right;width:100%;float:left;margin:10px 0 10px 0;}
.bottom-footer p{font-size:12px;width:100%;margin:0px 0 0 0;display:table;float:left;}
span.copyright-icon{color:#fdd947;font-size:20px;display:inline}
span.copyright-txt{width:90%;float:right;margin:6px 0 0 5px;display:inline;}
.home-banner-top h2{font-size:21px;}
.home-banner-top h1{font-size:23px;}
.home-banner-top p{font-size:16px;}
.home-banner-bottom{padding:0 1%;}
.frame-workslider .title-div h3{font-size:28px;}
.from-blog-section .title-div h3{font-size:25px;padding:20px 0;}
.what-client-say-left h3{font-size:25px;}
.what-client-say-right-top p{font-size:15px;}
.what-client-say-left p{font-size:15px;}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p{font-size:15px;}
.title-div h2{font-size:28px;}
.title-div h3{font-size:28px;}
h2.beyond-title{color:#ffffff;text-align:center;margin:0 0 30px 0;font-family:'open_sansextrabold';text-transform:uppercase;font-size:25px;}
.mobile-app-developer-mar-auto{margin:0 auto;}
.beyond-benifit-mr-auto{margin:15px auto 0;}
.web-sol-inner-div{padding:20px 30px;}
.mr-auto-faq {margin: 0 auto;}
}
@media(min-width:698px) and (max-width:767px){
span.copyright-txt {
    width: auto;
    float: none;
    margin: 0;
    display: inline;
}
.bottom-footer p {
    margin: 9px 0 0 0;
    font-size: 10px;
}

}
@media screen and (max-width: 991px) {
	/* HEADER CSS STARTS HERE */
.arrow-drop::after {
    content: "";
}
header .logo_mnu_div .menu_right ul li:hover .arrow-drop::after {
    content: "";
}
.menu_right ul {
    width: 100%;
	float: left;
	margin: 110px 0 0 0;
	height: 100%;
}
header .logo_mnu_div .menu_right ul li.nav-item {
    width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #4d4d4d;
}
header .logo_mnu_div .menu_right ul li.nav-item a {
    padding: 15px 10px 15px 15px;
	display: block;
	position: relative;
	font-family: 'open_sansbold';
}
header .logo_mnu_div .menu_right ul li.nav-item a::before {
	content: "";
	width: 36px;
	height: 36px;
	background-image: url("../images/new-icon/mega-menu-r.png");
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0px;
	background-position: -3px -48px;
}
.resposive-submenues .full-responsive-span a::before {
	display: none !important; 
}
.resposive-submenues ul li a::before {
	display: none !important; 
}
header .logo_mnu_div .menu_right ul li.nav-item8 a {
    border-radius: 0;
    padding: 15px 10px 15px 15px;
    background-color: transparent;
    border: 0;
}
header .logo_mnu_div .menu_right ul li.nav-item8 a:hover, header .logo_mnu_div .menu_right ul li.nav-item8.active a {
    color: #fdd947;
    background-color: transparent;
    border: 0;
    text-shadow: none;
}
.menu_right ul li a.register-bck {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    font-size: 16px;
    font-family: unset;
    color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.logo_mnu_div .logo_left {
    width: 80%;
}
.logo_mnu_div .menu_right {
    width: 290px;
	position: fixed;
	right: -290px;
	top: 0;
	-webkit-transition: all 1s; 
    transition: all 1s;
    height: 100%;
    z-index: 9;
    margin: 0;
    padding: 50px 0 0 0;
    background-color: #333333;
}
header.sticky .menu_right {
    margin-top: 0;
}
.logo_mnu_div .menu_right.show-hide {
    right: 0;
}
.toggle_mnu_div {
    font-size: 30px;
	cursor: pointer;
	z-index: 9;
	color: #ffffff;
	float: right;
	width: auto;
	margin: 5px 0 0 0;
}
header.sticky {
    padding: 0 0 5px 0;
}
.toggle_mnu_div.close-show {
    position: relative;
	z-index: 999;
}
.toggle_mnu_div.close-show .open_toggle {
    display: none;
}
.toggle_mnu_div .close_toggle {
    display: none;
}
.toggle_mnu_div.close-show .close_toggle {
    display: block;
	position: fixed;
	top: 0;
	right: 20px;
	font-weight: 600;
}
.toggle_mnu_div {
    display: block;
}
.logo_mnu_div {
    width: 100%;
    float: left;
    padding: 0;
}
header .logo_mnu_div .menu_right ul li.nav-item label {padding: 21px 8px;margin:0px 0 0 0px;position: relative;}
header .logo_mnu_div .menu_right ul li.nav-item label.arrow-drop {padding: 15px 10px 15px 15px;}
header .logo_mnu_div .menu_right ul li.nav-item label.arrow-drop:before {
    content: "";
	width: 36px;
	height: 36px;
	background-image: url("../images/new-icon/mega-menu-r.png");
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0px;
	background-position: -3px -93px;
}
header .logo_mnu_div .menu_right ul li.nav-item5 a:before {background-position: -3px -138px;}
header .logo_mnu_div .menu_right ul li.nav-item1 label.arrow-drop:before {background-position: -3px -183px;}
header .logo_mnu_div .menu_right ul li.nav-item8 a:before {background-position: -3px -228px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li a:before {
    content: "";
	width: 36px;
	height: 36px;
	background-image: url("../images/new-icon/mega-menu-r.png");
	background-repeat: no-repeat;
	display: inline-block !important;
	vertical-align: middle;
	margin: 0 5px 0 0px;
	background-position: -3px -93px;
} 
header .logo_mnu_div .menu_right ul li.nav-item span span.like-as-link-div::before {
    content: "";
	width: 36px;
	height: 36px;
	background-image: url("../images/new-icon/mega-menu-r.png");
	background-repeat: no-repeat;
	display: inline-block !important;
	vertical-align: middle;
	margin: 0 6px 0 0px;
	background-position: -3px -93px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background-color: transparent;
} 
.resposive-submenues #collapseOne li:nth-child(1) .full-responsive-span span:before {background-position: -3px -273px;content: "";width: 36px;height: 36px;background-image: url("../images/new-icon/mega-menu-r.png");background-repeat: no-repeat;display: inline-block !important;vertical-align: middle;margin: 0 6px 0 0px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);background-color: transparent;}
.resposive-submenues #collapseOne li:nth-child(2) .full-responsive-span span:before {background-position: -3px -318px;content: "";width: 36px;height: 36px;background-image: url("../images/new-icon/mega-menu-r.png");background-repeat: no-repeat;display: inline-block !important;vertical-align: middle;margin: 0 6px 0 0px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);background-color: transparent;}
.resposive-submenues #collapseOne li:nth-child(3) .full-responsive-span span:before {background-position: -3px -363px;content: "";width: 36px;height: 36px;background-image: url("../images/new-icon/mega-menu-r.png");background-repeat: no-repeat;display: inline-block !important;vertical-align: middle;margin: 0 6px 0 0px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);background-color: transparent;}
.resposive-submenues #collapseOne li:nth-child(4) .full-responsive-span .like-as-link-div:before {background-position: -3px -408px;}
.resposive-submenues #collapseOne li:nth-child(5) .full-responsive-span .like-as-link-div::before {background-position: -3px -453px;}
.resposive-submenues #collapseOne li:nth-child(6) .full-responsive-span .like-as-link-div:before {background-position: -3px -498px;}
.resposive-submenues #collapseOne li:nth-child(7) .full-responsive-span .like-as-link-div:before {background-position: -3px -543px;}
.resposive-submenues #collapseOne li:nth-child(8) .full-responsive-span .like-as-link-div:before {background-position: -48px -3px;}
.resposive-submenues #collapseOne li:nth-child(9) .full-responsive-span .like-as-link-div:before {background-position: -48px -48px;}
.resposive-submenues #collapseOne li:nth-child(10) .full-responsive-span .like-as-link-div:before {background-position: -48px -93px;}
.resposive-submenues #collapseOne li:nth-child(11) .full-responsive-span .like-as-link-div:before {background-position: -48px -138px;}


header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTweleve li:nth-child(1) a::before {background-position: -48px -183px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTweleve li:nth-child(2) a::before {background-position: -48px -228px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTweleve li:nth-child(3) a::before {background-position: -48px -273px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTweleve li:nth-child(4) a::before {background-position: -48px -318px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFour li:nth-child(1) a::before {background-position: -48px -363px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFour li:nth-child(2) a::before {background-position: -48px -408px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFour li:nth-child(3) a::before {background-position: -48px -453px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTwo li:nth-child(1) a::before {background-position: -48px -498px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTwo li:nth-child(2) a::before {background-position: -48px -543px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTwo li:nth-child(3) a::before {background-position: -93px -3px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTwo li:nth-child(4) a::before {background-position: -93px -48px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTwo li:nth-child(5) a::before {background-position: -93px -93px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTwo li:nth-child(6) a::before {background-position: -93px -138px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThree li:nth-child(1) a::before {background-position: -93px -183px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThree li:nth-child(2) a::before {background-position: -93px -228px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThree li:nth-child(3) a::before {background-position: -93px -273px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThree li:nth-child(4) a::before {background-position: -93px -318px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThree li:nth-child(5) a::before {background-position: -93px -363px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThree li:nth-child(6) a::before {background-position: -93px -408px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThree li:nth-child(7) a::before {background-position: -93px -453px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSix li:nth-child(1) a::before {background-position: -93px -498px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSix li:nth-child(2) a::before {background-position: -93px -543px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSix li:nth-child(3) a::before {background-position: -138px -3px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSix li:nth-child(4) a::before {background-position: -138px -48px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSix li:nth-child(5) a::before {background-position: -138px -93px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSix li:nth-child(6) a::before {background-position: -138px -138px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSix li:nth-child(7) a::before {background-position: -138px -183px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(1) a::before {background-position: -138px -228px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(2) a::before {background-position: -138px -273px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(3) a::before {background-position: -138px -318px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(4) a::before {background-position: -138px -363px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(5) a::before {background-position: -138px -408px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(6) a::before {background-position: -138px -453px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(7) a::before {background-position: -138px -498px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEight li:nth-child(8) a::before {background-position: -138px -543px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSeven li:nth-child(1) a::before {background-position: -183px -3px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSeven li:nth-child(2) a::before {background-position: -183px -48px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseSeven li:nth-child(3) a::before {background-position: -183px -93px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(1) a::before {background-position: -183px -138px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(2) a::before {background-position: -183px -183px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(3) a::before {background-position: -183px -228px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(4) a::before {background-position: -183px -273px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(5) a::before {background-position: -183px -318px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(6) a::before {background-position: -183px -363px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(7) a::before {background-position: -183px -408px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(8) a::before {background-position: -183px -453px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(9) a::before {background-position: -183px -498px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseFive li:nth-child(10) a::before {background-position: -183px -543px;}


header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(1) a::before {background-position: -228px -3px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(2) a::before {background-position: -228px -48px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(3) a::before {background-position: -228px -93px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(4) a::before {background-position: -228px -138px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(5) a::before {background-position: -228px -183px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(6) a::before {background-position: -228px -228px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(7) a::before {background-position: -228px -273px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseTen li:nth-child(8) a::before {background-position: -139px -632px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(1) a::before {background-position: -228px -318px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(2) a::before {background-position: -228px -363px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(3) a::before {background-position: -228px -408px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(4) a::before {background-position: -228px -453px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(5) a::before {background-position: -228px -498px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(6) a::before {background-position: -228px -543px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(7) a::before {background-position: -273px -3px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(8) a::before {background-position: -273px -48px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseNine li:nth-child(9) a::before {background-position: -273px -93px;}

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEleven li:nth-child(1) a::before {background-position: -273px -138px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEleven li:nth-child(2) a::before {background-position: -273px -183px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEleven li:nth-child(3) a::before {background-position: -273px -228px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEleven li:nth-child(4) a::before {background-position: -273px -273px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseEleven li:nth-child(5) a::before {background-position: -273px -318px;} 

header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(1) a::before {background-position: -4px -588px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(2) a::before {background-position: -49px -588px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(3) a::before {background-position: -94px -588px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(4) a::before {background-position: -139px -588px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(5) a::before {background-position: -184px -588px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(6) a::before {background-position: -229px -588px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(7) a::before {background-position: -274px -588px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(8) a::before {background-position: -3px -632px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(9) a::before {background-position: -48px -632px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li #collapseThirteen li:nth-child(10) a::before {background-position: -94px -632px;}

.resposive-submenues #collapseOne_1 li:nth-child(1) a:before {background-position: -273px -363px;}
.resposive-submenues #collapseOne_1 li:nth-child(2) a:before {background-position: -273px -408px;}
.resposive-submenues #collapseOne_1 li:nth-child(3) a:before {background-position: -273px -453px;}
.resposive-submenues #collapseOne_1 li:nth-child(4) a:before {background-position: -273px -498px;}
.resposive-submenues #collapseOne_1 li:nth-child(5) a:before {background-position: -273px -543px;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-lebel{margin:0px;width: 100%;padding: 0;font-family: 'open_sansbold';}
header .logo_mnu_div .menu_right ul li.nav-item8{border-bottom:0;}
header .logo_mnu_div .menu_right ul li.nav-item:hover ul.submenu{display:none;}
header .logo_mnu_div .menu_right ul li.nav-item:hover::after{display:none;}
.responsive-lebel{float:right;margin:0 15px 0 0;width:auto;cursor:pointer;}
.responsive-lebel.collapsed::after{content:"\f067";float: right;margin-top: 20px;margin-right: 20px;}
.logo_mnu_div .menu_right ul .resposive-submenues ul .responsive-lebel span.full-responsive-span {padding: 15px 10px 15px 15px;width: auto;font-family: 'open_sanssemibold';}
.responsive-lebel::after{content:"\f068";color:#ffffff;font-family:fontawesome;float: right;margin-top: 20px;margin-right: 20px;}
.responsive-submnu{padding:0;width:100%;float:left;}
.responsive-submnu.show{border-top:1px solid #ffffff;margin:4px 0 0 0;}
.responsive-submnu li{border-bottom:1px solid #ffffff;width:100%;float:left;}
.responsive-submnu li:last-child{border:0;}
header .logo_mnu_div .menu_right ul li.nav-item .responsive-submnu li a {font-size: 15px; margin: 0 0 0 10px;}
.responsive-submnu li .responsive-lebel{}
.responsive-submnu li span::before{display:none !important;}
.responsive-submnu li .full-responsive-span{width:100%;float:left;}
.responsive-submnu li .full-responsive-span span{border:0 !important;width:auto !important;margin:0 0 0 5px !important;color: #ffffff; font-size: 15px;}
.logo_mnu_div .menu_right .main-mnu-ul {max-height: 98%; overflow-y: auto;}
.logo_mnu_div .menu_right ul .resposive-submenues ul li ul {height: auto;}
.logo_mnu_div .menu_right ul .resposive-submenues ul {}
header .logo_mnu_div .menu_right ul li.nav-item span span.like-as-link-div {}
header .logo_mnu_div .menu_right ul li.nav-item2 {border-top: 1px solid #1a1a1a; border-bottom: 1px solid #4d4d4d;}
header .logo_mnu_div .menu_right ul li.nav-item8 {border-top: 1px solid #1a1a1a; border-bottom: 1px solid #4d4d4d;} 
.logo_mnu_div .menu_right ul .resposive-submenues ul li ul li a {font-family: 'open_sanslight';}
/* HEADER CSS ENDS HERE */


}
@media(min-width:768px) and (max-width:1023px){
.form-div-class .form-group select.form-control {font-size: 14px;}
.form-div-class .form-group .form-control {font-size: 14px;}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {font-size: 22px;}
.price-table-div ul.nav.nav-tabs li a.nav-link::before {padding-right: 10px;font-size: 20px;}
.team-benificial-sections .title-div{background-size:186px 40px;background-position:50% 15px;}
.home-banner-middle-button p {font-size: 18px;} 
.beyond-simple-img-left-2::before{display:none;}
.beyond-simple-img-left-2::after{display:none;}
.faq-banner{height:140px !important;background-size:cover;}
.faq-h{font-size:16px;}
.faq-h::before{margin-right:15px;float: left;}
.faq-h::after{}
.faq-h.collapsed::after{float:right;}
.text{font-size:16px;padding-right:0px;text-align:justify;}
.advantage-section .container{width:100%;}
.team-benificial-sections .container{width:100%;}
.dedicated-banner .about-banner-top h1{font-size:50px;}
.hire-staffing-banner-title{font-size:47px;}
.common-parelex #sidebar nav ul li:first-child a{border-top-left-radius:30px;}
.common-parelex #sidebar nav ul li a{padding:25px 7px 17px 0px;}
.common-parelex #sidebar{top:117px;}
.hire-cake-php-price-form-section-right{width: 425px;margin-left: -343px;top: 85px;}
.form-btn {background-image: none;margin: 0; margin-top: 0px;margin-top: 0px;margin-top: 0px;position: relative;height: 35px;background-color: #fdd947;border-top-right-radius: 8px;border-bottom-right-radius: 8px;width: 35px;}
.form-btn::before {content: "\f067";font-family: fontawesome;color: #ffffff;font-size: 18px;}
/* FAQ PAGE CSS HERE */
.content-class-inner h2 {
    font-size: 22px;
}
.content-class-inner {
    margin: 0 0 15px 0;
}

/* FAQ PAGE CSS HERE */

/* TESTIMONIOLS CSS STARS HERE */
.testimonials-banner {
    background-image: url(../images/testimonial/banner.jpg);
    height: 252px;
}
.new-two {
	margin: 0 0 100px 0;
}
.top-three-one-clients-left {
    width: 100%;
}
.top-three-one-clients-left .title-div {
    text-align: center;
    background-position: 50% 11px;
}
.top-three-one-clients-right {
    width: 100%;
}
.top-three-two-clients .client-says-main-div {
    margin: 0;
}
.bottom-three-clients .top-three-two-clients .client-says-main-div {
    margin: 0;
}
.testimonials_review_left_outer .testimonials_review_left {
    text-align: center;
}
.top-three-two-clients {
    margin: 100px 0 100px 0;
}
.bottom-three-clients .top-three-one-clients {
    margin: 100px 0 0px 0;
}
.top-three-one-clients-left .title-div h3 {
    margin: 0 0 35px 0;
}

.new-one::after {
	top: 890px !important;
	left: 0 !important;
}

.new-two::after {
    background-image: url(../images/testimonial/line-6.png);
    width: 68px;
	height: 140px;
	top: 175px;
	left: 51px;
}

.top-three-one-clients-right::after {
    width: 68px;
    height: 140px;
    top: unset;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.top-three-clients .top-three-two-clients::after {
	width: 68px;
    height: 140px;
    top: unset;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-one-clients::after {
	width: 68px;
    height: 140px;
    top: -103px;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-two-clients::after {
	width: 68px;
    height: 140px;
    top: -103px;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-three-clients::after {
	width: 68px;
    height: 140px;
    top: -103px;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-one-clients::after {
	width: 68px;
    height: 140px;
    top: -103px;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {
	width: 68px;
    height: 140px;
    top: unset;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -135px;
    background-image: url(../images/testimonial/line-6.png);
}
.testimonials_client_say_section .container {
    width: 692px;
}
/* TESTIMONIOLS CSS ENDS HERE */
/* PRICING CSS STARTS HERE */
.pricing-banner {
    height: 250px !important;
    background-size: unset;
}
/* PRICING CSS ENDS HERE */

}
@media(min-width:768px) and (max-width:991px){
header .headerTopAdj {text-align: center;}	
header .headerTopSubAdj {font-size: 14px;margin-right:0.4em;}
header ul.social-icons{width:262px;}
button.btn.chat {
    bottom: 105px;
    right: 16px;
}
/*sitemap responsive*/
.advance-section .border-class-div-left {
    top: 36px;
}  
.site-map-section {
    margin: 20px 0 0 0;
}
.site-map-section #cont ul.tree li a {
    color: #404040;
    background: transparent;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree li a:hover {
    box-shadow: 0px 0px 0px #58595b;
    font-weight: 100;
}
.page-subheading a, .page-subheading span {
    padding: 6px 6px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 14px;
    padding: 0px 0px;
    height: auto;
    font-weight: 600;
    text-decoration: underline !important;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 a {
    font-weight: 100;
    margin: 0px 10px 0px 0px;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree.second .level-1 li ul.level-2 {
    padding-left: 0px;
    text-align: center;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
ul.tree {
    margin-top: 10px !important;
    padding-top: 0px !important;
    margin-bottom: 10px !important;
}
.page-subheading a, .page-subheading span {
    font-size: 14px;
}
.page-subheading::after {
    width: 0px;
}
.site-map-section #cont ul li a {
    font-size: 14px;
}
ul.tree::before {
    height: 0px;
}
ul.tree li::before {
    height: 0;
    width: 0px;
    top: 0;
}
.site-map-section #cont ul.tree li {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
/*end of sitemap responsive*/
.process-for-responsive .center-btn {
    width: calc(100% + 110%);
	float: right;
	margin: 0;
}
.hire-staffing-front-end-banner-left {
    text-align: center;
}
.form-con-right {
    margin-top: 20px;
}
.hire-staffing-front-end-banner-left .rounded-btn {
    width: 300px;
    margin: 14px auto;
    display: table;
    float: none;
}
.process-for-responsive .center-btn .contact-us-now.rounded-btn.yellow-background-hover {
    width: 300px;
    margin: 0 auto;
    float: none;
    display: table;
}
.process-for-responsive .center-btn .contact-us-now.rounded-btn.yellow-background-hover {
}
.process-for-responsive .mr-top-plus {margin:0;}
.bottom-footer-logo-none {display: none;}
.thanku_banner .comming_soon_banner_bottom {width: 100%;}
nav.navs.stickydiv {position: relative;top: 0;width: 100%;}
.general-interview {
    padding: 0;
}
.second-row-team-hring::before, .second-row-team-hring::after {
	display: none;
}
.assessment-mr-top {
    margin: 0;
}
.third-row-team-hring .mr-top-plus {
    margin-top: 0;
}
.general-text h5 {
    text-align:center;
}
.general-text p {
    text-align:center;
    margin-bottom: 20px;
}
.general-text {
    padding: 0;
}

.mr-top-minus {
    margin: 0px;
}
.third-row-team-hring .mr-top-minus {
    margin-top: 0;
    padding: 0px;
}
.second-row-team-hring {
    
}
.error-page-banner-right-bottom .rounded-btn {
    width: 260px;
}
.error-page-icon-div ul.social-icons {
    margin: 18px 0 0px 0;
}
.our-step-section .title-div{text-align:left;width:320px;margin:0 auto;}
.our-step-section .title-div h3{font-size: 35px; margin: 0 0 10px 0;}
.our-step-section .title-div p{font-size:14px;padding:0;}
.frequently-section .title-div{background-size:210px 65px;}
.frequently-section #accordion{padding:0;}
.faq-h span{}
.dedicated-banner .about-banner-top p{padding:0 130px 0 0;}
.mr-auto{margin:0 auto;}
.why-our-model-work-right h4{margin:0px 0 5px 0;}
.why-our-model-work-right p{margin:0 0 15px 0;}
.after-care-bak{min-height:235px;}
header .logo_mnu_div .menu_right ul li.nav-item:hover ul.submenu{display:none;}
header .logo_mnu_div .menu_right ul li.nav-item:hover::after{display:none;}
.responsive-lebel{float:right;margin:0 15px 0 0;width:auto;cursor:pointer;}
.responsive-lebel.collapsed::after{content:"\f067";}
.responsive-lebel::after{content:"\f068";color:#ffffff;font-family:fontawesome;}
.responsive-submnu{padding:0;width:100%;float:left;}
.responsive-submnu.show{border-top:1px solid #ffffff;margin:4px 0 0 0;}
.responsive-submnu li span{color:#ffffff;font-weight:600;}
.responsive-submnu li span::before{display:none !important;}
.responsive-submnu li .full-responsive-span{width:100%;float:left;}
.responsive-submnu li .full-responsive-span span a {margin: 0 !important;}
header .logo_mnu_div .menu_right ul li.nav-item.active .outer-span, header .logo_mnu_div .menu_right ul li.nav-item:hover .outer-span{display:none !important;}
.from-blog-section .carousel a.carousel-control-next{top:-55px;}
.from-blog-section .carousel a.carousel-control-prev{top:-55px;}
.what-client-say-right-bottom::before{width:66%;left:0;right:0;margin:0 auto;}
.beyond-simple-img-left-last{margin:5px auto;}
.bottom-footer ul.social-icons{width:306px;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top{background-size:100% 100%;height:120px;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top svg{width:48px;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-bottom p{font-size:14px;padding:0;}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span-bottom p{font-size:14px !important;}
.frame-workslider-div .carousel-inner{width:92%;margin:50px auto 0;float:none;display:table;height:255px;background-size:100% 100%;}
.from-blog-section{height:auto;}
.from-blog-section .carousel-inner, .from-blog-section .owl-carousel{text-align:center;}
.frame-workslider-div-bottom{width:100%;padding:0 35px;margin:0;}
h3.avg-cost{font-size:20px;}
p.us-developer{color:#b3b3b3;font-size:16px;}
p.us-per-hour{font-size:20px;}
.frame-workslider-div a.carousel-control-prev{left:-30px;bottom:105px;}
.frame-workslider-div a.carousel-control-next{right:-30px;bottom:105px;}
.container{width:90%;}
.rounded-btn{font-size:18px;}
.beyond-simple-img-left{width:100%;}
.beyond-benifits-main{width:100%;margin:0 0 15px 0;}
.beyond-section-big-right::before{left:-2%;}
.beyond-simple-img-left-top{width:74px;}
.beyond-section{height:auto;padding:100px 0 60px 0;}
.beyond-section-big-right{margin:0;}
.beyond-section .center-btn{width:200px;margin:10px auto 0;}
.bottom-footer-logo{width:100%;float:left;margin:4px 0 0px 0;}
.bottom-footer p{font-size:10px;width:auto;margin:8px 0 0 0;display:table;float:left;}
span.copyright-icon{color:#fdd947;font-size:20px;display:inline;}
span.copyright-txt{margin:0;display:inline;}
.home-banner-top h2{font-size:21px;}
.home-banner-top h1{font-size:23px;}
.home-banner-top p{font-size:16px;}
.home-banner-bottom{padding:0;width:530px;}
.software-development-service .title-div{background-position:50% 0;background-size:300px 45px;}
.frame-workslider .title-div h3{font-size:28px;background-size:300px 60px;padding:15px 0 38px 0;background-position:50% 0;}
.from-blog-section .title-div h3{font-size:25px;padding:20px 0;background-size:225px 60px;background-position:50% 0;}
.what-client-say-left h3{font-size:25px;background-repeat:no-repeat;padding:8px 0 20px 0;background-size:285px 50px;text-align:center;background-position:50% 0;background-image: none;margin: 0;}
.what-client-say-right-top p{padding:0;font-size:15px;margin:15px 0 0 0;}
.what-client-say-left p{font-size:16px;padding:0;text-align:center;}
.view-all-bnt a{width:230px;margin:0px auto 30px;float:none;display:table;}
.what-client-say-right-top{padding:0px 15%;}
.top-footer{background-size:100% 100%;padding:130px 0 50px 0;height:auto;}
.form-con-right button{width:250px;float:none;margin:0 auto;display:table;}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p{font-size:15px;}
.title-div h2{font-size:28px;}
.title-div h3{font-size:28px;}
h2.beyond-title{color:#ffffff;text-align:center;margin:0 0 30px 0;font-family:'open_sansextrabold';text-transform:uppercase;font-size:25px;}
header{top:0;width:100%;padding:0px 0;z-index:9;}
header .headerAnnoBar p { line-height: 25px; }
.home-banner{padding:165px 0 70px 0;height:auto;}
.home-banner-middle{padding:0;width:620px;}
.software-development-service-right{margin:30px 0 0 0;}
.software-development-service-left{width:688px;float:none;margin:0 auto;display:table;}
.contact-banner{height:500px;}
.form-div-class{padding:54px 9.2%;}
.about-banner-top h1{font-size:26px;padding: 0px 30px 0 0;}
.about-banner-top p{font-size:16px;}
.about-banner{}
.hire-developers-left{float:none;width:662px;margin:0 auto;display:table;height:415px;min-height:auto;}
.hire-develper-right-top{margin-top:25px;}
.hire-develper-right-top h3{font-size:24px;text-align:center;}
.hire-develper-right-top p{text-align:center;}
.hire-develper-right-top ul li p{width:91%;text-align:left;}
.save-up-to{margin-top:15px;}
.save-up-to-mar-auto{margin:5px 0 0 0;}
.save-up-to-btn .center-btn{width:290px;}
.why-our-model-work-left .title-div{background-size:270px 54px;background-position:50% 13px;margin:0;}
.hire-available-developer-section .title-div{background-size:170px 50px;background-position:50% 15px;}
.hire-developers-section .title-div{background-size:275px 60px;background-position:50% 10px;}
.why-our-model-work-right{padding:0;text-align-last: center;}
.hire-develper-right-btn .center-btn{width:300px;margin-top:10px;}
.why-our-model-work-right::before{display:none;}
.how-it-work-banner-right{display:none;}
.what-you-get-section .title-div{background-size:335px 61px;}
.border-class-div{padding:30px 10px 30px 38px;width:310px;height:255px;}
.border-class-div-right h3{font-size:16px;}
.border-class-div-right p{font-size:14px;text-align:justify;}
.what-you-get-section-right{margin-top:0;}
.what-you-get-section-right-top{display:none;}
.what-you-get-section-right .what-you-get-section-bottom{width:300px;margin:0 auto;}
.our-step-section .border-class-div{padding:15px 10px 15px 35px;width:320px;height:auto;}
.advance-section .border-class-div {min-height: 150px;}
.engagement-model-sections .title-div{background-position:50% 0;background-size:460px 60px;}
.project-based-engament{width:100%;margin:10px auto 0;}
.project-based-engament-bottom h4{font-size:18px;text-align:center;}
.project-based-engament-bottom p{font-size:14px;text-align:center;}
.margin-auto-div{margin:0 auto;}
.project-based-engament-top{margin:0 auto 20px;}
.how-it-work-banner{height:465px;background-size:100% 100%;}
.dedicated-section .title-div{background-size:247px 50px;background-position:50% 10px;}
.web-development-img{margin-top:15px;text-align:center;}
.web-development{padding:0;margin-top:20px;}
.mobile-app-dedicated-section .web-development-img{margin-top:15px;text-align:center;}
.advantage-bak{width:100%;min-height: unset;}
.repidlyp h3{font-size:19px;}
.loremp{font-size:15px;padding:0;text-align-last: center;}
.rapidly{text-align:center;max-width:100%;width:100%;}
.reducep h3{font-size:19px;text-align:center;}
.dolorp{font-size:15px;text-align:center;padding:0;}
.reduce{width:100%;margin-top:25px;}
.mobile-app-dedicated-inner-div{display:flex;flex-flow:column;}
.mobile-app-dedicated-inner-div-left{order:2;}
.mobile-app-dedicated-right{order:1;}
.common-parelex #sidebar{top:70px;}
.dedicated-banner{background-size:150% 100%;}
.web-application .title-div{background-position:50% 0px;background-size:390px 80px;}
.web-application-yii .title-div{background-position:50% 10px;background-size:100px 45px;}
.web-application-frontend .title-div{background-size:260px 60px;}
.web-application-right .what-you-get-section-right-top{display:block;}
.web-application-right{padding:0;margin-top:30px;}
.hire-cake-php-developer-div-right{text-align:center;}
.hire-cake-php-price-form-section-right .title-div{width:auto;}
.cake-php-web-sol-section .title-div{width:auto;}
.cake-php-web-sol-section .title-div h2{font-size:32px;background-size:460px 68px;}
.cake-php-web-sol-section-bottom-div{padding:0 100px;width:662px;margin:0 auto;}
.web-sol-inner-div{margin-bottom:10px;}
.hire-staffing-banner{padding:110px 0 0 0;height:510px;}
.hire-staffing-banner-inner-img img{height:220px;}
.web-application-left{padding:0;text-align:center;}
.hire-cake-php-developer-section .title-div{background-position:50% 16px;background-size:375px 48px;}
.hire-cake-php-developer-section .title-div h3{margin:0 0 30px 0;}
.our-step-section .container{width:90%;}
.hire-related-developer-section .title-div{background-position:50% 15px;background-size:290px 52px;}
.hire-cake-php-price-form-section-left{float:none;width:663px;display:table;margin:0 auto;}
.reusebility-code-div h2{font-size:18px;text-align:center;}
.reusebility-code-div p{font-size:15px;text-align:center;}
.our-perform {padding: 0 9% 0 0;}
.how-we-work-img-div {display: none;}
.how-we-work-responsive-accourdion {display: block;}
.resposive-submenues {display: block;}
.hire-staffing-front-end-banner {height: auto;}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left {padding: 0;margin: 15px auto 90px;float: none;display: table;}
.hire-staffing-front-end-banner #sidebar nav ul li a {padding: 15px 0px 15px 0px;}
#html5 .title-div {background-size: 270px 60px;}
#css3 .title-div {background-image: url('../images/hire-professional/Front-end/CSS3-.png');background-size: 200px 59px;}
#bootstrap .title-div {background-size: 320px 55px;}
#less_frame .title-div {background-size: 190px 55px;}
#sass .title-div {background-size: 210px 59px;}
#foundation .title-div {background-size: 425px 49px;}
.digital-marketing-padding {width: 100%;}
#Photoshop .title-div {background-size: 300px 55px;}
#Axure .title-div {background-size: 220px 60px;}
#illustrator .title-div {background-size: 300px 62px;}
.contact-banner #sidebar nav ul.social-icons li a {padding: 10px 0;}
.common-section-div .title-div h3 {background-image: none;}
.common-section-div .title-div {background-image: none;}
.text .para-div p {width: 93%;}
.progressive-div-right p {font-size: 18px;}
.progressive-div-left {width: 100%;margin: 0;text-align: center;}
.progressive-div-right {width: 100%;text-align: center;}
.para-div-bottom {padding: 20px 0px 10px 0px;}
.frequently-section #accordion .faq-h {font-size: 18px;}
.faq-h span {width: 82%;}
.para-div ol {padding: 5px 0 0 62px;}
.frame-workslider-div ol.carousel-indicators {display: none;}
.process-will-inner-div-top-right p {text-align: center;text-decoration: underline;}
.process-will-inner-div-technologies .process-will-inner-div-top-right p {color: #000;}
.process-will-inner-div-top-right {width: 73%;}
#ui-ux-designer .title-div {background-size: 200px 48px;}
.ui-designer-bnt {
    width: 100%;
	margin: 15px auto 0;
	font-size: 20px;
}
.ui-designer-hangs-1 {
    width: 33.33%;
}
.ui-designer-hangs-2 {
    width: 33.33%;
}
.white-border {
    padding: 4px 0;
}
.designer-div {
    width: 450px;
    float: none;
    display: table;
    margin: 0 auto;
}
.content-class {
    margin: 20px 0 0 0;
}
/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
    padding: 130px 0 0 0;
    min-height: 991px;
}

canvas#c {display: none;}
.under-construction-img {
    margin: 0 0 25px 0;
}
.comming_soon_banner_bottom {
    margin: 0 auto 0;
	float: none;
	display: table;
}
/* COMMING SOON PAGE CSS HERE */

/* FREE TRAIL MODAL CSS HERE */
.modal .modal-dialog {
    margin: 122px auto 0 !important;
}
/* FREE TRAIL MODAL CSS HERE */
.process-for-main {
    display: none;
}
.process-for-responsive {
    display: block;
}
.general-text {
    padding: 0;
}
.process-will-inner-div-top-right {
    width: 100%;
}
.assessment-mr-top {
    margin: 0;
}
.third-row-team-hring .mr-top-plus {
    margin-top: 0;
}

/* WHY INDIA PAGE CSS STARTS HERE */
.benifite-outsourcing-main-left .border-class-div {
    width: 100%;
    padding: 25px 10px 20px 10px;
    margin: 50px 0 0 0;
    height: auto;
}
.benifite-outsourcing-main-right .benifite-outsourcing-main-right-top-img {
    margin: 15px 0 0 0;
}
.benifite-outsourcing-main-left .owl-dots {
    margin: 15px 0 0 0;
}
.benifite-outsourcing-main-right .center-btn .contact-us-now.rounded-btn.yellow-background-hover {
    margin: 0 auto;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 16px;
}
.why-choose-budegtcoders-left ul li span:last-child {
    width: 88%;
}
.key-business-benifits .title-div h3 {
    font-size: 28px;
}
.key-business-benifits .title-div p {
    font-size: 17px;
    padding: 0 0 10px 0;
}
.key-business-benifits .project-based-engament {
    background-color: #f3f3f3;
    text-align: center;
    width: 100%;
    margin: 50px auto 0;
    float: none;
    padding: 0 15px;
}
.benifite-outsourcing-main-left .border-class-div .border-class-div-left {
    top: -51px;
    right: 0;
    margin: 0 auto;
    left: 0;
} 
.why-choose-budget-section .title-div {
    width: 100%;
    text-align: center;
}
.benifite-outsourcing-main-left .border-class-div .border-class-div-right h3 {
    text-align: center;
}
.benifite-outsourcing-main-left .border-class-div .border-class-div-right p {
    text-align: center;
}
.benifite-outsourcing-main-right {
    width: 275px;
    float: none;
    margin: 0 auto;
}
.why-banner-text {
    top: 10px;
}
.why-banner-text h2 {
    margin: 25px 0 0 0;
    font-size: 25px;
}
.why-banner-text {
    height: 115px;
}
.why_india_banner {
    height: 340px;
}
/* WHY INDIA PAGE CSS ENDS HERE */

/* HOWITWORK ADD CSS STARTS HERE */
.client-get-section .row {
    margin-right: -20px;
    margin-left: -20px;
}
.client-get-section .row .col-xl-4 {
    padding: 0 20px;
}   
.engagement-model-sections .center-btn {
    width: 300px;
}
.advance-section .title-div {
    text-align: center;
}
/* HOWITWORK ADD CSS ENDS HERE */

/* PRICING PAGE CSS STARTS HERE */
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    padding: 12px 20px;
	font-size: 22px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 15px 0 0;
}
.cnt-tab-div ul li {
    font-size: 18px;
}
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul:last-child li {
    text-align: center;
    width: 33%;
	font-size: 16px;
}
.bottom-red-color ul li {
    font-size: 15px;
}
.bottom-red-color ul li span:nth-child(1) {
    margin: 0 12px 0 0;
}
/* PRICING PAGE CSS ENDS HERE */



}
@media(min-width:992px) and (max-width:1023px){
header .top-header h1 {
    font-size: 18px;
}
.advance-section .border-class-div-left {
    top: 35px;
}
.position-set-class-div {
    display: none;
}
.site-map-section #cont ul.tree li a {
    color: #404040;
    background: transparent;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree li a:hover {
    box-shadow: 0px 0px 0px #58595b;
    font-weight: 100;
}
.page-subheading a, .page-subheading span {
    padding: 6px 6px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 14px;
    padding: 0px 0px;
    height: auto;
    font-weight: 600;
    text-decoration: underline !important;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 a {
    font-weight: 100;
    margin: 0px 10px 0px 0px;
    text-decoration: none !important;
}
.site-map-section #cont ul.tree.second .level-1 li ul.level-2 {
    padding-left: 10px;
    text-align: center;
}
.site-map-section #cont ul.tree.second .level-1 li .level-2 li {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
ul.tree {
    margin-top: 10px !important;
    padding-top: 0px !important;
    margin-bottom: 10px !important;
}
.page-subheading a, .page-subheading span {
    font-size: 14px;
}
.page-subheading::after {
    width: 0px;
}
.site-map-section #cont ul li a {
    font-size: 14px;
}
ul.tree::before {
    height: 0px;
}
ul.tree li::before {
    height: 0;
    width: 0px;
    top: 0;
}
.site-map-section #cont ul.tree li {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
nav.navs.stickydiv {
    width: 225px;
}
.progressive-div-left {
    margin: 0 0 0 0;
}
.para-div-bottom {
    
}
.progressive-div-right p {
    font-size: 16px;
}
.faq-h span {
    width: 88%;
}

.about-banner-top p {
    font-size: 17px;
}
.error-page-banner-right-bottom .rounded-btn { 
    width: 100%;
}
.about-banner-top h1{font-size:28px;padding: 0px 60px 0 0;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu{left:-482px;min-width:960px;padding: 15px;min-height: 630px; background-size: cover;}
.margin-top-30px {margin: 51px 0 0 0;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {min-width: 300px; left: -120px; min-height: unset; background-size: unset;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {font-size: 13.17px;}
.common-link::before {margin: 0 8px 0 0;}
.common-link {-webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.first-div-div {left: 248px; top: 15px;-webkit-flex: 0 0 74%; -ms-flex: 0 0 74%; flex: 0 0 74%; max-width: 74%;} 
ul.nav-item3-1{left:-486px !important;}
.three-main-div p{padding:0 310px 0 55px;font-size:14px;margin:35px 0 0 0;}
ul.nav-item3-1 .common-link{font-size:11px !important;}
.common-link.active{padding-left:16px;}
.common-link{padding:9px 10px;font-size:12.50px !important;} 
.three-main-div ul li .first-div-div-comom-left-left-side{width:100%;}
.three-main-div ul li .first-div-div-comom-left-right-side{width:100%;margin:0;text-align: center;}
.three-main-div .in-row-two-col li .first-div-div-comom-left-right-side {width: 100%;text-align: center;}
.three-main-div ul li .first-div-div-comom-left-right-side a{font-size:12.50px !important;}
.three-main-div ul li {padding: 0;margin: 0 0 10px 0;}
.common-link::before{width:40px;}
.three-main-div ul li .first-div-div-comom-left-left-side{width:100%;margin:0 auto;display:table;text-align: center;}
header .logo_mnu_div .menu_right ul li.nav-item a{font-size:14px;}
.from-blog-section .carousel a.carousel-control-prev{top:-80px;} 
.from-blog-section .carousel a.carousel-control-next{top:-80px;}
.beyond-benifits-main{margin:0 0 12px 0;}
.frame-workslider-div ol.carousel-indicators li{width:14%;}
.home-banner{background-repeat:no-repeat;background-size:cover;padding:135px 0 90px 0;height:auto;}
.home-banner-middle{width:630px;padding:0;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-2{top:-20px;left:178px;}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-3{right:178px;top:-20px;}
.beyond-simple-img-left-top{width:74px;}
.beyond-section{height:auto;padding:100px 0 60px 0;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top{height:140px;background-size:100% 100%;}
.frame-workslider-div .carousel-inner{width:88%;background-image:url(../images/home-page/Cost.png);background-repeat:no-repeat;margin:50px auto 0;float:none;display:table;height:313px;background-size:100% 100%;}
p.us-developer{color:#b3b3b3;font-size:20px;}
h3.avg-cost{font-size:25px;}
p.us-per-hour{font-size:25px;}
.frame-workslider-div-bottom{margin:95px 0 0 0;}
.what-client-say-right-top{padding:0 0 0px 30px;}
.what-client-say-right-bottom::before{content:"";width:390px;border-top:1px dashed gray;height:2px;position:absolute;top:-38px;left:50px;}
.bottom-footer ul.social-icons{width:306px;}
.beyond-simple-img-left-last{margin:5px auto;}
.contact-banner{background-size:100% 100%;height:464px;}
.hire-developers-left-text p{font-size:26px;}
.hire-develper-right-top ul li p{width:89%;}
.hire-develper-right-top h3{font-size:21px;}
.hire-develper-right-btn .center-btn{width:68%;}
.project-based-engament{width:100%;}
.border-class-div{padding:30px 10px 30px 30px;width:84%;margin:0 auto 30px;}
.border-class-div-right h3{font-size:16px;margin:0 0 10px 0;}
.border-class-div-right p{font-size: 14px; text-align: justify;}
.our-step-section .border-class-div{padding: 15px 10px 15px 35px;width: 260px;min-height: 200px;} 
.our-step-section .title-div h3{font-size:35px;background-size:294px 65px;background-position:0 0px;}
.our-step-section .title-div p{font-size:14px;}
.project-based-engament-bottom h4{font-size:18px;}
.project-based-engament-bottom p{font-size:14px;}
.how-it-work-banner-bottom .rounded-btn{font-size:18px;}
.why-our-model-work-left .title-div{background-size:260px 70px;}
.how-it-work-banner{height:518px;background-size:100% 100%;padding:100px 0;}
.faq-banner{height:296px;background-size:100% 59%;}
.faq-h{font-size:17px;}
.faq-h::before{margin-right:15px;}
.faq-h::after{}
.faq-h.collapsed::after{float:right;}
.text{font-size:16px;padding-right:0px;text-align:justify;}
.web-development-img img{max-width:100%;}
.advantage-bak{width:100%;}
.repidlyp h3{font-size:18px;}
.rapidly{width:100%;}
.rapidly img{max-width:100%;}
.reducep h3{font-size:17px;}
.reduce{width:100%;}
.web-development-img{margin:15% auto 0px auto;}
.web-development{padding:26px 20px 20px 26px;}
.web-development ul li span{width:93%;}
.dedicated-banner{background-size:150% 100%;}
.hire-cake-php-price-form-section-right{padding:0;}
.hire-staffing-banner{padding:100px 0 70px 0;height:auto;}
.cake-php-web-sol-section-bottom-div{padding:0 100px;}
.reusebility-code-div h2{font-size:16px;margin:0 0 10px 0;}
.reusebility-code-div p{margin:0 0 15px 0;}
.price-table-div ul.nav.nav-tabs li a.nav-link{font-size:30px;}
.web-application-yii .title-div{background-position:50% 20px;background-size:140px 75px;}
.hire-staffing-front-end-banner-left p {
    padding: 0;
}
.hire-staffing-front-end-banner-left h1 {
    font-size: 32px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left {
    padding: 0;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 22px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 20px;
}
.hire-staffing-front-end-banner {
    padding: 130px 0 90px 0;
}
.hire-staffing-front-end-banner #sidebar nav ul li a {
    padding: 15px 0px 15px 0px;
}
.common-parelex #sidebar {
    top: 100px;
} 
.general-interview {
    padding: 0px 100px 0 0;
}
.general-text {
padding: 0 8px 0 0;
}
.second-row-team-hring::before {
    width: 85.5%;
top: -10px;
background-size: 100%;
}
.second-row-team-hring::after {
    width: 85.5%;
bottom: 38px;
background-size: 100%;
}
.contact-banner #sidebar nav ul.social-icons li a {
    padding: 15px 0;
}
.progressive-div-right p {
    font-size: 14px;
}
.text .para-div p {
    width: 93%;
}
.frequently-section #accordion .faq-h {
    font-size: 19px;
}
.text .para-div::before {
    margin-top: 0;
}
.para-div ol {
    padding: 0px 0 0 60px;
}
.hire-cake-php-price-form-section-right{top:100px;}
.ui-designer-hangs-1 {
    width: 33.33%;
}
.ui-designer-hangs-2 {
    width: 33.33%;
}
.ui-designer-bnt {
    margin: 25px 0px 0 14px;
}
.ux-designer-bnt {
    margin: 25px auto 0;
}
#sidebar nav ul li a {
    padding: 9px 14px;
    font-size: 15px;
}
/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
	padding: 100px 0 0 0;
	min-height: 600px;
}
.comming_soon_banner_bottom {
    padding: 0 20%;
}
canvas#c {
	height:51%;
}
/* COMMING SOON PAGE CSS HERE */
.process-for-main p {
    font-size: 14px;
}
.process-for-main h5 {
    font-size: 14px;
} 
.process-for-main .center-btn {
    width: 100%;
}
.software-development-service-left-bottom {
    height: 300px;
}
.software-development-service-left-bottom p {
    padding: 252px 0 0 0;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-0 {
    bottom: 44px;
    left: 20px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-5 {
    bottom: 40px;
    right: 18px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-1 {
    bottom: 170px;
    left: 67px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-4 {
    bottom: 170px;
    right: 67px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-2 {
    top: -10px;
    left: 172px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-3 {
    right: 165px;
    top: -7px;
}
.first-div-div-comom-left h4 {
    font-size: 13px;
	margin: 0 auto 10px;
	padding: 0px 0 10px 0;
	text-align: center;
	float: none;
	display: table;
}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {
    font-size: 13px !important;
}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {
    font-size: 12.83px;
}
.tab_fun_right_mega_mnu {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35.333%;
    -ms-flex: 0 0 35.333%;
    flex: 0 0 35.333%;
    max-width: 35.333%;
}
.mega_mnu_middle_div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 64.667%;
    -ms-flex: 0 0 64.667%;
    flex: 0 0 64.667%;
    max-width: 64.667%;
}

/* WHY INDIA CSS STARTS HERE */
.key-business-benifits .project-based-engament {
    width: 100%;
}
.why-choose-budget-section .title-div h3 {
    background-position: 50% 0;
}
.why-choose-budegtcoders-left ul li span:last-child {
    width: 92%;
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    padding: 0 10px;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 84%;
}
/* WHY INDIA CSS ENDS HERE */

/* HOWITWORK ADD CSS STARTS HERE */ 
.advance-section .border-class-div {
    min-height: unset;
}
/* HOWITWORK ADD CSS ENDS HERE */

/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
    padding: 170px 0 0 0;
    min-height: 1023px;
}
/* COMMING SOON PAGE CSS HERE */


}
@media(min-width:1024px) and (max-width:1279px){  
header .top-header h1 { font-size: 20px; }
header .headerTopAdj { padding-right: 4em; }
.page-subheading a, .page-subheading span {font-size: 16px;}
.site-map-section #cont ul li a {font-size: 13px;}
.site-map-section #cont ul.tree.second .level-1 li {padding: 2px;width: 72px;}
.site-map-section #cont ul.tree.second .level-1 li a {font-size: 11px;padding: 4px 2px;height: auto;}
.general-text p {font-size: 14px;}
.how-it-work-banner{height:525px;}
.home-banner-middle-button p {font-size: 18px;}
.about-banner::after{background-size:100% 100%;}
.hire-develper-right-top ul li p{width:90%;}
.hire-develper-right-btn .center-btn{width:62%;}
.project-based-engament{width:100%;}
.project-based-engament-bottom h4{font-size:20px;}
.faq-banner{height:160px !important;background-size:100% 59%;}
nav.navs.stickydiv {width: 280px;}
.web-development-img img{max-width:100%;}
.advantage-bak{width:100%;}
.repidlyp h3{font-size:18px;}
.rapidly{width:100%;}
.rapidly img{max-width:100%;}
.reducep h3{font-size:18px;}
.reduce{width:100%;}
.web-development-img{margin:15% auto 0px auto;}
/* PRICING CSS STARTS HERE */
.pricing-banner {
    height: 264px !important;
    background-size: unset;
}
/* PRICING CSS ENDS HERE */
}
@media(min-width:1024px) and (max-width:1199px){
.margin-top-30px { margin: 48px 0 0 0;}
.three-main-div ul li {margin: 0 0 12px 0;}
.process-for-main .center-btn {width: 250px;}
.comming_soon_banner_bottom {padding: 0 22%;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu{left:-638px;min-width:992px;}
.common-link.active{padding-left:16px;}
.common-link{padding:9px 10px;font-size:13.5px !important;}
.three-main-div ul li .first-div-div-comom-left-left-side{width:100%;text-align:center;}
.three-main-div ul li .first-div-div-comom-left-right-side{width:100%;margin:5px 0 0 0;text-align:center;}
.three-main-div .in-row-two-col li .first-div-div-comom-left-right-side {width: 100%;}
.three-main-div ul li .first-div-div-comom-left-right-side a{font-size:13.5px !important;}
.common-link::before{margin:0;}
.three-main-div ul li .first-div-div-comom-left-left-side{width:100%;text-align:center;margin:0 auto;display:table;}
ul.nav-item3-1{left:-489px;}
.three-main-div p{padding:0 300px 0 55px;font-size:15px;margin:40px 0 0 0;}
ul.nav-item3-1 .common-link{font-size:12px !important;}
.beyond-simple-img-left-2::before{display:none;}
.beyond-simple-img-left-2::after{display:none;}
.from-blog-section .carousel a.carousel-control-prev{top:-90px;}
.from-blog-section .carousel a.carousel-control-next{top:-90px;}
.frame-workslider-div ol.carousel-indicators li{width:14%;}
.beyond-benifits-main{margin:0 0 10px 0;}
.home-banner-middle{width:630px;padding:0;}
.beyond-simple-img-left-last{margin:5px auto;}
.beyond-simple-img-left-top{width:74px;}
.beyond-section{height:auto;padding:100px 0 60px 0;}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top{background-size:100% 100%;}
.frame-workslider-div .carousel-inner{width:88%;margin:50px auto 0;float:none;display:table;height:313px;background-size:100% 100%;}
p.us-developer{color:#b3b3b3;font-size:20px;}
h3.avg-cost{font-size:25px;}
p.us-per-hour{font-size:25px;}
.frame-workslider-div-bottom{margin:95px 0 0 0;}
.what-client-say-right-top{padding:0 0 0px 30px;}
.what-client-say-right-bottom::before{content:"";width:390px;border-top:1px dashed gray;height:2px;position:absolute;top:-38px;left:50px;}
.bottom-footer ul.social-icons{width:306px;}
.hire-develper-right-top h3{font-size:22px;}
.our-step-section .title-div h3{font-size:46px;}
.client-get-section .title-div {background-position: 0px 23px; background-size: contain;}
.our-step-section .border-class-div{width:87%;}
.advance-section .border-class-div {min-height: 155px;}
.advance-section .border-class-div-left {top: 42px;}
.border-class-div-right h3{font-size:17px;margin:0 0 10px 0;}
.border-class-div-right p{font-size:14px;text-align: justify;}
.how-it-work-banner-bottom .rounded-btn{font-size:18px;}
.border-class-div{width:300px;padding:30px 10px 30px 30px;}
.why-our-model-work-left .title-div{background-size:260px 70px;}
.cake-php-web-sol-section-bottom-div{padding:0 52px;}
.hire-staffing-banner{background-image:url(../images/hire-professional/responsive-bg.jpg);padding:100px 0 80px 0;height:auto;}
.web-development ul li span{width:93%;}
.dedicated-banner{background-size:140% 100%;}
.hire-staffing-front-end-banner-left p {padding: 0;}
.hire-staffing-front-end-banner-left h1 {font-size: 32px;}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left {padding: 0;}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {font-size: 17px;}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {font-size: 20px;}
.hire-staffing-front-end-banner {padding: 130px 0 90px 0;}
.hire-staffing-front-end-banner #sidebar nav ul li a {padding: 15px 0px 15px 0px;}
.common-parelex #sidebar {top: 100px;} 
.general-interview {padding: 0px 100px 0 0;}
.general-text {padding: 0; padding-right: 10px;}
.second-row-team-hring::before {width: 87.5%; top: -17px; background-size: 100%;}
.second-row-team-hring::after {bottom: 35px; width: 87.5%; background-size: 100%;}
.text .para-div p {width: 93%;}
.progressive-div-right p {font-size: 13.9px;}
.para-div ol {padding: 5px 0 0 64px;}
.frequently-section #accordion .faq-h {font-size: 19px;}
.hire-cake-php-price-form-section-right{width: 380px; width: 451px; margin-left: -364px; top: 100px;}
.ui-designer-hangs-2 {
    width: 33.33%;
}
.ui-designer-hangs-1 {
    width: 33.33%;
}
.ui-designer-bnt {
    margin: 25px 0px 0 14px;
    width: 90%;
}
.ux-designer-bnt {
    margin: 25px auto 0;
    width: 300px; 
}
#sidebar nav ul li a {
    padding: 9px 14px;
    font-size: 15px;
}
.software-development-service-left {
    width: 565px;
}
.software-development-service-left-bottom {
    height: 313px;
}
.software-development-service-left-bottom p {
    padding: 263px 0 0 0;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-0 {
    bottom: 47px;
    left: 20px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-5 {
    bottom: 45px;
    right: 20px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-1 {
    bottom: 190px;
    left: 77px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-4 {
    bottom: 181px;
    right: 71px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-2 {
    top: -10px;
    left: 193px;
}
.software-development-service-left ol.carousel-indicators li.carousel-rounded-indicators-3 {
    right: 170px;
    top: -5px;
} 

/* TESTIMONIAL CSS STARTS HERE */    
.testimonials-banner {
    background-image: url(../images/testimonial/banner.jpg);
    height: 252px;
    background-size: 100%;
}
.top-three-one-clients-right::after {
    width: 68px;
    height: 140px;
    top: unset;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -747px;
    background-image: url(../images/testimonial/line-6.png);
}

.new-two {
	margin-bottom: 100px;
}

.new-two::after { 
	width: 68px;
    height: 140px;
    top: unset;
    right: 0;
    z-index: 1;
    left: 20px;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}

.new-one::after { 
	right: 930px !important;    
}

.top-three-clients .top-three-two-clients::after {
	width: 68px;
    height: 140px;
    top: unset;
    right: 0;
    z-index: 1;
    left: -350px;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-one-clients::after {
	width: 68px;
    height: 140px;
    top: unset;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-two-clients::after {
	width: 68px;
    height: 140px;
    top: -103px;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.bottom-three-clients .top-three-one-clients::after {
	width: 68px;
    height: 140px;
    top: -103px;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    bottom: -117px;
    background-image: url(../images/testimonial/line-6.png);
}
.top-three-one-clients-left {
    width: 32%;
}
.top-three-one-clients-right {
    width: 68%;
}
.top-three-one-clients-left .title-div {
    background-position: 0 30px;
    background-size: 100% 60%;
}
.testimonials_client_say_section .container {
    width: 1024px;
}
.bottom-three-clients .top-three-three-clients::after {
	width: 68px;
	height: 140px;
	top: -103px;
	z-index: 1;
	background-image: url(../images/testimonial/line-6.png);
	right: 0;
	left: -190px;
	margin: 0 auto;
}
.top-three-two-clients {
    margin: 100px 0 100px 0;
}
.bottom-three-clients .top-three-one-clients {
    margin: 100px 0 0 0;
}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {
	width: 68px;
	height: 140px;
	top: unset;
	z-index: 1;
	left: 125px;
	bottom: -133px;
	background-image: url(../images/testimonial/line-6.png);
}
/* TESTIMONIAL CSS ENDS HERE */    
.first-div-div-comom-left h4 {font-size: 12px; margin: 0 auto 10px; padding: 0px 0 10px 0; text-align: center; float: none; display: table;width: 100%;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {font-size: 13px !important;}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {font-size: 12.83px;}
.tab_fun_right_mega_mnu {-webkit-box-flex: 0; -webkit-flex: 0 0 35.333%; -ms-flex: 0 0 35.333%; flex: 0 0 35.333%; max-width: 35.333%;}
.mega_mnu_middle_div {-webkit-box-flex: 0; -webkit-flex: 0 0 64.667%; -ms-flex: 0 0 64.667%; flex: 0 0 64.667%; max-width: 64.667%;}
header .logo_mnu_div .menu_right ul li.nav-item .submenu{left: -502px;min-width: 990px;padding: 15px;min-height: 630px; background-size: cover;}
.three-main-div:before {left: 25px;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {min-width: 300px; left: -120px; min-height: unset; background-size: unset;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {font-size: 13.17px;}
.common-link::before {margin: 0 8px 0 0;}
.common-link {-webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.first-div-div {left: 278px; top: 15px; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; margin: 0;}
ul.nav-item3-1{left:-486px !important;}
.three-main-div p{padding:0 310px 0 55px;font-size:14px;margin:35px 0 0 0;}
ul.nav-item3-1 .common-link{font-size:11px !important;}
.common-link.active{padding-left:16px;}
.common-link{padding:9px 10px;font-size:12.50px !important;} 
.three-main-div ul li .first-div-div-comom-left-left-side{width:100%;}
.three-main-div ul li .first-div-div-comom-left-right-side{width:100%;margin:5px 0 0 0;text-align: center;}
.three-main-div .in-row-two-col li .first-div-div-comom-left-right-side {width: 100%;text-align: center;}
.three-main-div ul li .first-div-div-comom-left-right-side a{font-size:12.50px !important;}
.three-main-div ul li {padding: 0;margin: 0 0 10px 0;}
.common-link::before{width:40px;}
.three-main-div ul li .first-div-div-comom-left-left-side{width:100%;margin:0 auto;display:table;text-align: center;}
.position-set-class-div {display: none;} 

/* WHY INDIA CSS STARTS HERE */
.key-business-benifits .project-based-engament {
    width: 100%;
}
.why-choose-budget-section .title-div h3 {
    background-position: 50% 0;
}
.why-choose-budegtcoders-left ul li span:last-child {
    width: 92%;
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    padding: 0 10px;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 84%;
}
.why_india_banner {
    background-size: 100% 100%;
}
/* WHY INDIA CSS ENDS HERE */

/* SITE MAP CSS STARTS HERE */
.site-map-section .container {
    max-width: 1024px;
}
ul.tree:before {
    width: 394px;
	left: 6px;
}
ul.tree.tree-com::before {
    width: 314px;
    left: 4px;
}
.site-map-section #cont ul.tree.second:before {
    width: 857px;
}
/* SITE MAP CSS ENDS HERE */

/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
    padding: 200px 0 0 0;
    min-height: 1199px;
}
/* COMMING SOON PAGE CSS HERE */

}
@media(min-width:1200px) and (max-width:1279px){
header .logo_mnu_div .menu_right ul li.nav-item .submenu{min-width: 1158px;left: -676px;}
.margin-top-30px {margin: 35px 0 0 0;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {min-width: 300px; left: -120px; min-height: unset; background-size: unset;}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {font-size: 14.17px;}
.common-link{font-size:15px !important;padding: 9px 10px;}
.common-link.active {padding-left: 16px;}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {
    font-size: 14px !important;
}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {
    font-size: 13.83px;
}
.mega-mnu-bottom-img {
    margin: 35px 0 35px 0;
}
.three-main-div ul li .first-div-div-comom-left-right-side a{font-size:14px !important;}
.home-banner-middle{width:630px;padding:0;}
.beyond-simple-img-left-top{width:53%;}
.beyond-benifits-main{width:85%;}
.frame-workslider-div .carousel-inner{width:88%;background-image:url(../images/home-page/Cost.png);background-repeat:no-repeat;margin:50px auto 0;float:none;display:table;height:313px;background-size:100% 100%;}
p.us-developer{color:#b3b3b3;font-size:25px;}
p.us-per-hour{font-size:27px;}
h3.avg-cost{color:#fdd947;font-size:27px;}
.bottom-footer ul.social-icons{width:306px;}
.from-blog-section .carousel a.carousel-control-prev{top:-90px;}
.from-blog-section .carousel a.carousel-control-next{top:-90px;}
.border-class-div{padding:30px 10px 30px 30px;width:365px;}
.border-class-div-right h3{font-size:19px;}
.our-step-section .border-class-div{width:330px;}
ul.nav-item3-1{left:-665px !important;}
ul.nav-item3-1 .common-link{font-size:14px !important;}
.cake-php-web-sol-section-bottom-div{padding:0 140px;}
.general-interview {
    padding: 0px 200px 0 0;
}
.second-row-team-hring::before {
    width: 91.5%;
	top: -24px;
	background-size: 100%;
}
.second-row-team-hring::after {
    bottom: 36px;
    width: 91.5%;
	background-size: 100%;
}
.process-for-main .center-btn {
    width: 250px;
}
.text .para-div p {
    width: 94%;
}
.progressive-div-right p {
    font-size: 17px;
}
.para-div ol {
    width: 95%;
}
.hire-cake-php-price-form-section-right {
    width: 400px;
    top: 105px;
    margin-left: -360px;
}
.first-div-div {
    left: 269px;
    top: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 77%;
    -ms-flex: 0 0 77%;
    flex: 0 0 77%;
    max-width: 77%;
    padding-right: 0;
}
.three-main-div ul li .first-div-div-comom-left-left-side {
    margin: 0 auto;
    display: table;
}
.three-main-div ul li .first-div-div-comom-left-right-side {
    /*width: 100%;
    text-align: center;*/
    margin: 0 0 0 2px;
}
.three-main-div ul li {
    margin: 0 0 10px 0;
    min-height: 45px;
}
.first-div-div-comom-left h4 {
    font-size: 11px;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px 0 10px 0;
    text-align: center;
}
.three-main-div:before {
    left: 12px;
}
.position-set-class-div {
    display: none;
}    

.key-business-benifits .project-based-engament {
    width: 100%;
}
.why-choose-budget-section .title-div h3 { 
    background-position: 50% 0;
}
.why-choose-budegtcoders-left ul li span:last-child {
    width: 92%;
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    padding: 0 10px;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 84%;
}
.why_india_banner {
    background-size: 100% 100%;
}
/* WHY INDIA CSS ENDS HERE */

/* SITE MAP CSS STARTS HERE */
.site-map-section .container {
    max-width: 1200px;
}
ul.tree:before {
    width: 395px;
	left: 6px;
}
ul.tree.tree-com::before {
    width: 315px;
    left: 1px;
}
.site-map-section #cont ul.tree.second:before {
    width: 857px;
}
/* SITE MAP CSS ENDS HERE */ 

/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
    padding: 250px 0 0 0;
    min-height: 1279px; 
}
/* COMMING SOON PAGE CSS HERE */ 

}
@media(min-width:1600px){
.comming_soon_banner {
    min-height: 900px;
}
}
@media(min-width:2000px){
.comming_soon_banner {
    min-height: 1000px;
}
}

@media (min-width:1280px) and (max-width:1679px){
/* COMMING SOON PAGE CSS HERE */
.comming_soon_banner {
    padding: 300px 0 0 0;
    min-height: 1679px; 
}
/* COMMING SOON PAGE CSS HERE */ 

}

@media (min-width:1680px) and (max-width:1919px){

.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul li{ height:90px; }
.container {
    width: 1480px;
}
/* HEADER CSS STARTS HERE */
.common-link::after {
    margin: 7px 0 0 0;
}
.three-main-div ul li .first-div-div-comom-left-right-side a {
    font-size: 16.77px !important;
}
header .logo_mnu_div .menu_right ul li.nav-item a {
    font-size: 17px;
}
header .logo_mnu_div .menu_right ul li.nav-item label {
    font-size: 17px;
}
header .logo_mnu_div .menu_right ul li.nav-item {
    margin: 0 0 0 20px; /* +3 */
}
header .logo_mnu_div .menu_right ul li.nav-item .submenu {
    min-width: 1450px;
    left: -916px;
} 
.first-div-div {
    left: 374px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 76%;
    -ms-flex: 0 0 76%;
    flex: 0 0 76%;
    max-width: 76%;
}

.common-link {
    font-size: 17.17px !important;
}
.first-div-div-comom-left h4 {
    font-size: 17px;
}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {
    font-size: 18px !important;
}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {
    color: #1f393f !important;
    font-size: 17.83px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {
    min-width: 330px;
    left: -125px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {
    padding: 11px 22px;
    font-size: 17.17px;
}
/* HEADER CSS ENDS HERE */

/* FOOTER CSS STARTS HERE */
h2.footer-heading {
    font-size: 20px;
}
footer ul li a {
    font-size: 18px;
}
.form-con-right h2 {
    font-size: 28px;
    margin: -3px 0 18px 0;
}
.form-con-right .form-group input {
    font-size: 20px;
}
footer ul li {
    margin: 0 0 6px 0;
}
.form-con-right .form-group textarea {
    font-size: 22px;
    height: 160px;
}
.form-con-right .form-group span.footer-form-icon {
    top: 15px;
}
.bottom-footer p {
    font-size: 17px;
}
ul.social-icons li {
    margin: 0 0 0 9px; /* +3 */
}
ul.social-icons {
    width: 324px;
}
.form-con-right button {
    font-size: 20px;
}
/* FOOTER CSS ENDS HERE */

/* HOME PAGE CSS STARTS HERE */
.common-section-div {
    padding: 50px 0;
}
.home-banner {
    height: 810px;
    background-size: 100%;
}
.home-banner-top h2 {
    font-size: 29px;
    margin: 0 0 8px 0; /* +3 */
}
.home-banner-top h1 {
    font-size: 34px;
    margin: 0 0 28px 0;
}
p.extra {
    font-size: 22px;
    margin: 0 0 3px 0;
}
.home-banner-top p {
    font-size: 19px;
    padding: 0 50% 0 0;
}
.home-banner-middle-button {
    padding: 5px 25px;
    margin: 15px 0 0 0;
}
.home-banner-middle-button p {
    font-size: 22px;
}
.rounded-btn {
    font-size: 24px;
}
.development-cost p {
    font-size: 24px;
}
.development-cost span {
    font-size: 19px;
}
.development-cost {
    height: 230px;
    padding: 55px 28px;
    background-size: 100%;
}
.title-div h2 {
    font-size: 46px;
}
.title-div h3 {
    font-size: 46px;
}
.software-development-service-left {
    width: 710px;
}
.software-development-service-left-bottom p {
    padding: 323px 0 0 0;
    font-size: 21px;
}
h2.beyond-title {
    font-size: 37px;
}
.beyond-simple-img-left-top {
    font-size: 22px;
    background-size: 100%;
    height: 101px;
    width: 41%;
}
.beyond-simple-img-left-bottom p {
    font-size: 20px;
}
.beyond-simple-img-left-2::before {
    top: 37px;
}
.beyond-simple-img-left-2::after {
    top: 37px;
}
.beyond-section-big-right-bottom p {
    font-size: 20px;
}
.beyond-section:before {
    height: 77px;
    background-size: 100%;
    top: -1px;
}
.beyond-section:after {
    height: 74px;
    background-size: 100%;
}
.beyond-section {
    background-size: 100% 100%;
    height: 600px;
    padding: 120px 0;
}
.frame-workslider .title-div h3 {
    font-size: 40px;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top {
    height: 175px;
    padding: 45px 0 0 0;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-bottom p {
    font-size: 20px;
    padding: 0 40px;
}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span-bottom p {
    font-size: 20px !important;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
}
h3.client-save {
    font-size: 23px;
}
.from-blog-section .title-div h3 {
    font-size: 62px;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
}
.from-blog-section:before {
    height: 78px;
    top: -1px;
}
.from-blog-section:after {
    height: 74px;
}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p {
    font-size: 18px;
}
.from-blog-section .carousel-item a, .from-blog-section .owl-carousel a {
    font-size: 18px;
}
.from-blog-section {
    background-size: 100% 100%;
    padding: 110px 0;
    height: 524px;
} 
.what-client-say-left h3 {
    font-size: 47px;
}
.what-client-say-left p {
    font-size: 20px;
    padding: 0 21% 0 0;
}
.view-all-bnt a {
    font-size: 20px;
}
.what-client-say-right-top p {
    font-size: 18px;
}
.what-client-say-right-top h5 {
    font-size: 18px;
}
.what-client-say-right-bottom::before {
    width: 580px;
}
.home-banner:after {
    height: 78px;
	background-size: 100%;
}
h3.avg-cost {
    font-size: 32px;
}
p.us-developer {
    font-size: 30px;
}
p.us-per-hour {
    font-size: 31px;
}
.avg-cost-mid {
    width: 139px;
    height: 156px;
    padding: 35px 0 0 0;
}
.top-footer:before {
    height: 77px;
    background-size: 100%;
    top: -1px;
}
.development-cost p:nth-child(3) {
    font-size: 20px;
}
.what-client-say-left h3 {
    background-position: 0 0;
    background-size: unset;
}
/* HOME PAGE CSS ENDS HERE */

/* HOW IT WORK CSS STARTS HERE */
.process-will-inner-div-top-right p {
    font-size: 18px;
}
.general-interview {
    padding: 0px 250px 0 0;
}
.general-text h5 {
    font-size: 18px;
}
.general-text p {
    font-size: 18px;
}
.second-row-team-hring::after {
    background-size: 100% 100%;
}
.second-row-team-hring::before {
    background-size: 100% 100%;
}
.general-text {
    padding: 0 40px 0 0;
}
.advance-section .title-div h3 {
    font-size: 62px !important;
}
.our-step-section .border-class-div {
    width: 400px;
}
.advance-section .container {
    width: 1480px !important;
}
.client-get-section .container {
    width: 1480px !important;
}
.client-get-section .border-class-div {
    min-height: 235px;
}
.our-step-section .border-class-div-left {
    top: 80px;
}
.engagement-model-sections::before {
    height: 78px;
    background-size: 100%;
}
.engagement-model-sections {
    padding-top: 90px;
}
.project-based-engament {
    width: 400px;
}
.advance-section .border-class-div-left {
    top: 38px;
}
/* HOW IT WORK CSS ENDS HERE */


/* ABOUT PAGE CSS STARTS HERE */
.why-our-model-work-right h4 {
    font-size: 24px;
}
.why-our-model-work-right p {
    font-size: 18px;
}
.after-care-section::before {
    height: 78px;
    background-size: 100%;
}
.after-care-section::after {
    height: 78px;
    background-size: 100%;
}
.after-care-section {
    padding: 95px 0;
    background-size: 100% 100%;
}
.after-care-section .title-div h3 {
    font-size: 38px;
}
.after-care-bak h3 {
    font-size: 22px;
}
.after-care-bak h2 {
    font-size: 24px;
}
.after-care-bak p {
    font-size: 16px;
}
.about-banner-top h1 {
    font-size: 34px;
}
.about-banner-top p {
    font-size: 20px;
}
.our-perform-inner p {
    font-size: 22px;
}
/* ABOUT PAGE CSS ENDS HERE */

/*TESTIMONIALS CSS STARTS HERE */
.testimonials-banner {
    height: 300px !important;
}
.client-says-main-div {
    width: 815px;
	height: 260px;
    background-size: 100% 100%;
}
.testimonials_review_left .form-div-class .title-div p {
    font-size: 19px;
    padding: 0;
}
.submit-btn-cnt {
    font-size: 16px;
    width: 176px;
} 
.testimonials_client_say_section {
    padding: 40px 0;
} 
.client-says-main-div::before {
    width: 190px;
    height: 190px;
    background-size: 100% 100%;
}
.client-says-main-div-right-cnt {
    width: 580px;
	padding: 0 35px 0 20px;
	margin: 30px 0 0 0;
}
.client-says-main-div-right-cnt h1 {
    font-size: 22px;
    margin: 0 0 15px 0;
}
.client-says-main-div-right-cnt p {
    font-size: 18px;
}
.top-three-one-clients-right::after {
    width: 470px;
    height: 675px;
    top: -78px;
    background-size: 100% 100%;
}
.bottom-three-clients .top-three-one-clients::after {
    width: 660px;
    height: 167px;
    top: -20px;
}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {
    left: 150px;
}
.testimonials_review_left .form-div-class .form-group span.span-img {
    top: 14px;
} 
/*TESTIMONIALS CSS ENDS HERE */

/* WHY INDIA CSS STARTS HERE */
.why-banner-text {
    left: 15px;
}
.how-it-work-banner {
    height: 580px;
} 
.border-class-div-right h3 {
    font-size: 23px;
}
.border-class-div-right p {
    font-size: 17px;
}
.border-class-div-left {
    top: 76px;
}
.our-step-section .title-div p {
    font-size: 18px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 20px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 20px;
}
.project-based-engament-bottom p {
    font-size: 16px; /* +1 */
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    font-size: 17px; /* +1 */ 
}
.benifite-outsourcing-main-left .border-class-div {
    width: 430px;
}
.our-step-section .container {
    width: 1310px;
}
.project-based-engament-bottom h4 {
    font-size: 24px;
}
.key-business-benifits .project-based-engament {
    width: 400px;
    padding: 0 15px;
}
/* WHY INDIA CSS ENDS HERE */

/* FAQ CSS STARTS HERE */
.faq-banner {
    height: 175px;
}
#sidebar nav ul li a {
    padding: 10px 25px;
    font-size: 18px;
}
.content-class-inner h2 {
    font-size: 27px;
}
.accidion-class-div .accordion h5 {
font-size: 18px;
}
.text .para-div p {
    font-size: 18px;
}
.progressive-div-right p {
    font-size: 20px;
}
nav.navs.stickydiv {
    width: 340px;
}
/* FAQ CSS ENDS HERE */

/* CONTACT PAGE CSS STARTS HERE */
.contact-banner {
    height: 550px;
    padding: 0;
	display: flex;
	align-items: center;
}
.contact-form-div .container {
    width: 1050px;
}
.form-div-class .title-div h3 {
    font-size: 38px;
}
.form-div-class .title-div p {
    font-size: 17px;
    padding: 0 25px;
}
.form-div-class .form-group .form-control {
    font-size: 18px;
}
.form-div-class .form-group span.span-img {
    top: 14px;
}
p.email-side-left {
    font-size: 20px;
}
p.email-side-right a {
    font-size: 19px;
}
.error {
    font-size: 16px;
}
/* CONTACT PAGE CSS ENDS HERE */

/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS STARTS HERE */
.dedicated-banner .about-banner-top h1 {
    font-size: 69px;
}
.dedicated-banner .about-banner-top p {
    padding: 0 360px 0 0;
}
.team-advantage-div a {
    font-size: 27px;
}
.dedicated-banner {
    background-size: 100% 45%;
}
.web-development p {
    font-size: 18px;
}
.web-development ul li {
    font-size: 17px;
}
.web-development .rounded-btn {
    font-size: 27px;
    width: 260px;
}
.advantage-section {
    padding: 95px 0;
}
.advantage-section::before {
    height: 78px;
    background-size: 100%;
}
.advantage-section::after {
    height: 78px;
    background-size: 100%;
}
.advantage-section .title-div h3 {
    font-size: 38px;
}
.advantage-bak h2 {
    font-size: 22.83px;
}
.advantage-bak p {
    font-size: 18px;
}
.advantage-section .container {
    width: 1230px;
}
.repidlyp h3 {
    font-size: 22px;
}
.loremp {
    font-size: 18px;
}
.reduce h3 {
    font-size: 22px;
}
.dolorp {
    font-size: 18px;
}
.team-benificial-sections .container {
    width: 1220px;
}

.hire-staffing-front-end-banner-left h1 {
    font-size: 40px;
}
.hire-staffing-front-end-banner-left h4 {
    font-size: 22px;
}
.hire-staffing-front-end-banner-left p {
    padding: 0 80px 0 0;
    font-size: 18px;
}
.hire-staffing-front-end-banner-left .rounded-btn {
    width: 330px;
}
.ui-designer-bnt {
    font-size: 32px;
}
.web-development-in-front-end h4 {
    font-size: 22px;
}
.web-development-in-front-end .rounded-btn {
    width: 330px;
    margin-top: 10px;
}
.hire-staffing-banner-title {
    font-size: 69px;
}
.hire-cake-php-developer-div p {
    font-size: 18px;
}
.price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 37px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size:20px;
}
.price-table-div .tab-content ul li p {
    padding: 17px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 24px;
}



/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */
.web-application-right .what-you-get-section-right-top h3 {
    font-size: 22px;
}
.web-application-right .what-you-get-section-right-top p {
    font-size: 17.15px;
}
.web-application-right .what-you-get-section-bottom {
    width: 330px;
}
.cake-php-web-sol-section .title-div h2 {
    font-size: 61px;
}
.cake-php-web-sol-section .title-div p {
    padding: 0 85px;
}
.web-sol-inner-div h4 {
    font-size: 20px;
}
.cake-php-web-sol-section-bottom-div {
    padding: 0 150px;
}
.reusebility-code-div h2 {
    font-size: 22px;
}
.reusebility-code-div p {
    font-size: 17.15px;
} 
.hire-cake-php-price-form-section-right .form-div-class .title-div h3 {
    font-size: 37px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt {
    width: 250px;
    font-size: 24px;
}
.form-div-bottom {
    height: 436px;
} 
.web-sol-inner-div h6 {
    font-size: 18px;
}
.back-to-home {
    width: 320px;
}
.thanku_banner {
    min-height: 823px;
}
.msg1, .msg2 {
    font-size: 16px;
}
/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */

/* 404 PAGE CSS STARTS HERE */
.error-page-banner-right-bottom h2 {
    font-size: 37px;
}
.error-page-banner-right-bottom p {
    font-size: 22px;
    padding: 0 60px 0 0;
}
.error-page-banner-right-bottom .rounded-btn {
    width: 314px;
}
.error-page-banner {
    height: 676px;
}
/* 404 PAGE CSS ENDS HERE */

/* PRICING PAGE CSS STARTS HERE */
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    font-size: 27px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 25px 0 0;
}
.cnt-tab-div ul li {
    font-size: 24px;
}
.bottom-red-color ul li {
    font-size: 24px;
}
.bottom-red-color ul li span:nth-child(1) {
    margin: 0 25px 0 0;
}
.pricing-banner {
    height: 300px;
}
/* PRICING PAGE CSS ENDS HERE */

/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS ENDS HERE */

/* SITE MAP CSS STARTS HERE */
ul.tree:before {
    width: 478px;
	left: 9px;
}
ul.tree.tree-com::before {
    width: 376px;
    left: 4px;
}
.site-map-section #cont ul.tree.second::before {
    width: 1188px;
}
.page-subheading a, .page-subheading span {
    font-size: 22px;
}
.site-map-section #cont ul li a {
    font-size: 17px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 16px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 105px;
}
section.home-banner.about-banner.how-it-work-banner.sitemap-banner {
    height: 190px;
}
.web-sol-inner-div {
    min-height: 230px;
}
.hire-cake-php-developer-div-right {
    text-align: right;
}
/* SITE MAP CSS ENDS HERE */
.comming_soon_banner {
    min-height: 1919px;
	height: auto;
	display: flex;
	align-items: center;
	background-size: 1919px 100%;
}

}
@media (min-width:1920px) and (max-width:2100px){  
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul li{ height:90px; }
.container {
    width: 1720px;
}
/* HEADER CSS STARTS HERE */
.common-link::after {
    margin: 7px 0 0 0;
}
.three-main-div ul li .first-div-div-comom-left-right-side a {
    font-size: 19.83px !important;
}
header .logo_mnu_div .menu_right ul li.nav-item a {
    font-size: 19px;
}
header .logo_mnu_div .menu_right ul li.nav-item label {
    font-size: 19px;
}
header .logo_mnu_div .menu_right ul li.nav-item {
    margin: 0 0 0 23px; /* +3 */
}
header .logo_mnu_div .menu_right ul li.nav-item .submenu {
    min-width: 1689px;
    left: -1098px;
} 
.first-div-div {
    left: 431px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 76%;
    -ms-flex: 0 0 76%;
    flex: 0 0 76%;
    max-width: 76%;
}
.common-link {
    font-size: 19.17px !important;
}
.first-div-div-comom-left h4 {
    font-size: 19px;
}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {
    font-size: 20px !important;
}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {
    color: #1f393f !important;
    font-size: 19.83px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {
    min-width: 360px;
    left: -125px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {
    padding: 12px 24px;
    font-size: 19.17px;
}
/* HEADER CSS ENDS HERE */

/* FOOTER CSS STARTS HERE */
h2.footer-heading {
    font-size: 22px;
}
footer ul li a {
    font-size: 20px;
}
.form-con-right h2 {
    font-size: 30px;
    margin: -3px 0 18px 0;
}
.form-con-right .form-group input {
    font-size: 22px;
}
footer ul li {
    margin: 0 0 9px 0;
}
.form-con-right .form-group textarea {
    font-size: 24px;
    height: 200px;
}
.form-con-right .form-group span.footer-form-icon {
    top: 15px;
}
.bottom-footer p {
    font-size: 19px;
}
ul.social-icons li {
    margin: 0 0 0 12px; /* +3 */
}
ul.social-icons {
    width: 342px;
}
.form-con-right button {
    font-size: 22px;
}
/* FOOTER CSS ENDS HERE */

/* HOME PAGE CSS STARTS HERE */
.common-section-div {
    padding: 50px 0;
}
.home-banner {
    height: 890px;
    background-size: 100%;
}
.home-banner-top h2 {
    font-size: 31px;
    margin: 0 0 8px 0; /* +3 */
}
.home-banner-top h1 {
    font-size: 36px;
    margin: 0 0 28px 0;
}
p.extra {
    font-size: 24px;
    margin: 0 0 3px 0;
}
.home-banner-top p {
    font-size: 21px;
    padding: 0 50% 0 0;
}
.home-banner-middle-button {
    padding: 6px 26px;
	margin: 18px 0 0 0;
}
.home-banner-middle-button p {
    font-size: 24px;
}
.rounded-btn {
    font-size: 26px;
}
.development-cost p {
    font-size: 26px;
}
.development-cost span {
    font-size: 21px;
}
.development-cost {
    height: 270px;
	padding: 70px 48px;
	background-size: 100%;
}
.home-banner:after {
    height: 89px;
	background-size: 100%;
}
.title-div h2 {
    font-size: 48px;
}
.title-div h3 {
    font-size: 48px;
}
.software-development-service-left {
    width: 710px;
}
.software-development-service-left-bottom p {
    padding: 323px 0 0 0;
    font-size: 23px;
}
h2.beyond-title {
    font-size: 39px;
}
.beyond-simple-img-left-top {
    font-size: 24px;
    padding: 30px 0 0 0;
    background-size: 100%;
    height: 101px;
    width: 41%;
}
.beyond-simple-img-left-bottom p {
    font-size: 22px;
    padding: 0px 20px;
}
.beyond-simple-img-left-2::before {
    top: 45px;
}
.beyond-simple-img-left-2::after {
    top: 45px;
}
.beyond-section-big-right-bottom p {
    font-size: 22px;
}
.beyond-section:before {
    height: 90px;
    background-size: 100%;
    top: -1px;
}
.beyond-section:after {
    height: 88px;
    background-size: 100%;
}
.beyond-section {
    background-size: 100% 100%;
    height: 600px;
    padding: 120px 0;
}
.frame-workslider .title-div h3 {
    font-size: 42px;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top {
    height: 175px;
    padding: 45px 0 0 0;
    width: 70%;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-bottom p {
    font-size: 22px;
    padding: 0 40px;
}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span-bottom p {
    font-size: 22px !important;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
}
h3.client-save {
    font-size: 25px;
}
.from-blog-section .title-div h3 {
    font-size: 64px;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
}
.from-blog-section::before {
    height: 90px;
    background-size: 100%;
}
.from-blog-section:after {
    height: 89px;
	background-size: 100%;
}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p {
    font-size: 20px;
}
.from-blog-section .carousel-item a, .from-blog-section .owl-carousel a {
    font-size: 20px;
}
.from-blog-section {
    background-size: 100% 100%;
    padding: 110px 0;
    height: 524px;
} 
.what-client-say-left h3 {
    font-size: 49px;
}
.what-client-say-left p {
    font-size: 22px;
    padding: 0 21% 0 0;
}
.view-all-bnt a {
    font-size: 22px;
}
.what-client-say-right-top p {
    font-size: 20px;
}
.what-client-say-right-top h5 {
    font-size: 20px;
}
.what-client-say-right-bottom::before {
    width: 705px;
}
h3.avg-cost {
    font-size: 34px;
}
p.us-developer {
    font-size: 32px;
}
p.us-per-hour {
    font-size: 33px;
}
.avg-cost-mid {
    width: 155px;
	height: 172px;
	padding: 43px 0 0 0;
}
.top-footer:before {
    height: 89px;
    background-size: 100%;
    top: -1px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 25px;
    height: 25px;
}
.development-cost p:nth-child(3) {
    font-size: 22px;
}
.what-client-say-left h3 {
    background-position: 0 0;
    background-size: unset;
}
/* HOME PAGE CSS ENDS HERE */	

/* HOW IT WORK CSS STARTS HERE */
.process-will-inner-div-top-right p {
    font-size: 20px;
}
.general-interview {
    padding: 0px 320px 0 0;
}
.general-text h5 {
    font-size: 20px;
}
.general-text p {
    font-size: 20px;
}
.second-row-team-hring::after {
    background-size: 100% 100%;
}
.second-row-team-hring::before {
    background-size: 100% 100%;
}
.general-text {
    padding: 0px 65px 0 0;
}
.advance-section .title-div h3 {
    font-size: 64px !important;
}
.our-step-section .border-class-div {
    width: 450px;
}
.advance-section .container {
    width: 1720px !important;
}
.client-get-section .container {
    width: 1720px !important;
}
.client-get-section .border-class-div {
    min-height: 235px;
}
.our-step-section .border-class-div-left {
    top: 80px;
}
.engagement-model-sections::before {
    height: 90px;
    background-size: 100%;
}
.engagement-model-sections {
    padding-top: 120px;
}
.project-based-engament {
    width: 430px;
}
.advance-section .border-class-div-left {
    top: 38px;
}
/* HOW IT WORK CSS ENDS HERE */

/* ABOUT PAGE CSS STARTS HERE */
.why-our-model-work-right h4 {
    font-size: 26px;
}
.why-our-model-work-right p {
    font-size: 20px;
}
.after-care-section::before {
    height: 90px;
    background-size: 100%;
}
.after-care-section::after {
    height: 89px;
    background-size: 100%;
}
.after-care-section {
    padding: 110px 0;
    background-size: 100% 100%;
}
.after-care-section .title-div h3 {
    font-size: 40px;
}
.after-care-bak h3 {
    font-size: 24px;
}
.after-care-bak h2 {
    font-size: 26px;
}
.after-care-bak p {
    font-size: 17px;
}
.about-banner-top h1 {
    font-size: 36px;
}
.about-banner-top p {
    font-size: 22px;
}
.our-perform-inner p {
    font-size: 24px;
}
.why-our-model-work-right::before {
    height: 327px;
    background-size: 100% 100%;
}
/* ABOUT PAGE CSS ENDS HERE */

/*TESTIMONIALS CSS STARTS HERE */
.testimonials-banner {
    height: 360px !important;
}
.client-says-main-div {
    width: 815px;
	height: 265px;
    background-size: 100% 100%;
}
.testimonials_review_left .form-div-class .title-div p {
    font-size: 21px;
	padding: 0;
}
.submit-btn-cnt {
    font-size: 16px;
    width: 176px;
} 
.testimonials_client_say_section {
    padding: 40px 0;
} 
.client-says-main-div::before {
    width: 190px;
    height: 190px;
    background-size: 100% 100%;
}
.client-says-main-div-right-cnt {
    width: 580px;
	padding: 0 35px 0 20px;
	margin: 30px 0 0 0;
}
.client-says-main-div-right-cnt h1 {
    font-size: 22px;
    margin: 0 0 15px 0;
}
.client-says-main-div-right-cnt p {
    font-size: 18px;
}
.top-three-one-clients-right::after {
    width: 470px;
    height: 675px;
    top: -78px;
    background-size: 100% 100%;
}
.bottom-three-clients .top-three-one-clients::after {
    width: 660px;
    height: 167px;
    top: -20px;
}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {
    left: 150px;
}
.testimonials_review_left .form-div-class .form-group span.span-img {
    top: 16px;
} 
.testimonials_client_say_section .container {
    width: 1480px;
}
/*TESTIMONIALS CSS ENDS HERE */ 

/* WHY INDIA CSS STARTS HERE */
.why-banner-text {
    left: 15px;
}
.how-it-work-banner {
    height: 580px;
} 
.border-class-div-right h3 {
    font-size: 25px;
}
.border-class-div-right p {
    font-size: 19px;
}
.border-class-div-left {
    top: 76px;
}
.our-step-section .title-div p {
    font-size: 20px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 22px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 22px;
}
.project-based-engament-bottom p {
    font-size: 17px; /* +1 */
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    font-size: 18px; /* +1 */ 
}
.key-business-benifits .project-based-engament {
    width: 440px;
    padding: 0 10px;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 460px;
}
.our-step-section .container {
    width: 1430px;
}
.project-based-engament-bottom h4 {
    font-size: 26px;
}
/* WHY INDIA CSS ENDS HERE */

/* FAQ CSS STARTS HERE */
.faq-banner {
    height: 185px;
}
#sidebar nav ul li a {
    padding: 11px 25px;
    font-size: 20px;
}
.content-class-inner h2 {
    font-size: 29px;
}
.accidion-class-div .accordion h5 {
font-size: 20px;
}
.text .para-div p {
    font-size: 20px;
}
.progressive-div-right p {
    font-size: 22px;
}
nav.navs.stickydiv {
    width: 400px;
} 
/* FAQ CSS ENDS HERE */

/* CONTACT PAGE CSS STARTS HERE */
.contact-banner {
    height: 650px;
    padding: 0;
	display: flex;
	align-items: center;
}
.contact-form-div .container {
    width: 1250px;
}
.form-div-class .title-div h3 {
    font-size: 40px;
}
.form-div-class .title-div p {
    font-size: 19px;
    padding: 0 65px;
}
.form-div-class .form-group .form-control {
    font-size: 20px;
}
.form-div-class .form-group span.span-img {
    top: 15px;
}
p.email-side-left {
    font-size: 22px;
}
p.email-side-right a {
    font-size: 21px;
}
.error {
    font-size: 18px;
}
/* CONTACT PAGE CSS ENDS HERE */

/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS STARTS HERE */
.dedicated-banner .about-banner-top h1 {
    font-size: 71px;
}
.dedicated-banner .about-banner-top p {
    padding: 0 460px 0 0;
}
.team-advantage-div a {
    font-size: 29px;
}
.dedicated-banner {
    background-size: 100% 45%;
}
.web-development p {
    font-size: 20px;
}
.web-development ul li {
    font-size: 19px;
}
.web-development .rounded-btn {
    font-size: 29px;
    width: 260px;
}
.advantage-section {
    padding: 120px 0; 
}
.advantage-section::before {
    height: 90px;
    background-size: 100%;
}
.advantage-section::after {
    height: 90px;
    background-size: 100%;
}
.advantage-section .title-div h3 {
    font-size: 40px;
}
.advantage-bak h2 {
    font-size: 24.83px;
}
.advantage-bak p {
    font-size: 20px;
}
.advantage-section .container {
    width: 1330px;
}
.repidlyp h3 {
    font-size: 24px;
}
.loremp {
    font-size: 20px;
}
.reduce h3 {
    font-size: 24px;
}
.dolorp {
    font-size: 20px;
}
.team-benificial-sections .container {
    width: 1350px;
}





.hire-staffing-front-end-banner-left h1 {
    font-size: 42px;
}
.hire-staffing-front-end-banner-left h4 {
    font-size: 24px;
}
.hire-staffing-front-end-banner-left p {
    padding: 0 122px 0 0;
    font-size: 20px;
}
.hire-staffing-front-end-banner-left .rounded-btn {
    width: 360px;
}
.ui-designer-bnt {
    font-size: 34px;
}
.web-development-in-front-end h4 {
    font-size: 24px;
}
.web-development-in-front-end .rounded-btn {
    width: 360px;
    margin-top: 10px;
}
.hire-staffing-banner-title {
    font-size: 71px;
}
.hire-cake-php-developer-div p {
    font-size: 20px;
}
.price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 39px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 20px;
}
.price-table-div .tab-content ul li p {
    padding: 19px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 26px;
}


/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */
.web-application-right .what-you-get-section-right-top h3 {
    font-size: 25px;
}
.web-application-right .what-you-get-section-right-top p {
    font-size: 19.15px;
}
.web-application-right .what-you-get-section-bottom {
    width: 360px;
}
.cake-php-web-sol-section .title-div h2 {
    font-size: 63px;
}
.cake-php-web-sol-section .title-div p {
    padding: 0 80px;
}
.web-sol-inner-div h4 {
    font-size: 22px;
}
.cake-php-web-sol-section-bottom-div {
    padding: 0 150px;
}
.reusebility-code-div h2 {
    font-size: 24px;
}
.reusebility-code-div p {
    font-size: 19.15px;
} 
.hire-cake-php-price-form-section-right .form-div-class .title-div h3 {
    font-size: 39px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt {
    width: 270px;
    font-size: 26px;
}
.form-div-bottom {
    height: 451px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group textarea {
    height: 47px;
}
.web-sol-inner-div h6 {
    font-size: 20px;
}
.back-to-home {
    width: 350px;
}
.thanku_banner {
    min-height: 939px;
}
.msg1, .msg2 {
    font-size: 18px;
}
/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */

/* 404 PAGE CSS STARTS HERE */
.error-page-banner-right-bottom h2 {
    font-size: 39px;
}
.error-page-banner-right-bottom p {
    font-size: 24px;
    padding: 0 130px 0 0;
}
.error-page-banner-right-bottom .rounded-btn {
    width: 334px;
}
.error-page-banner {
    height: 676px;
}
/* 404 PAGE CSS ENDS HERE */

/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS ENDS HERE */

/* PRICING PAGE CSS STARTS HERE */
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    font-size: 29px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 30px 0 0;
}
.cnt-tab-div ul li {
    font-size: 26px;
}
.bottom-red-color ul li {
    font-size: 26px;
}
.bottom-red-color ul li span:nth-child(1) {
    margin: 0 30px 0 0;
}
.pricing-banner {
    height: 330px;
}
/* PRICING PAGE CSS ENDS HERE */

/* SITE MAP CSS STARTS HERE */
ul.tree:before {
    width: 521px;
	left: 10px;
}
ul.tree.tree-com::before {
    width: 406px;
    left: 4px;
}
.site-map-section #cont ul.tree.second::before {
    width: 1338px;
}
.page-subheading a, .page-subheading span {
    font-size: 24px;
}
.site-map-section #cont ul li a {
    font-size: 19px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 18px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 120px;
}
section.home-banner.about-banner.how-it-work-banner.sitemap-banner { 
    height: 210px;
}
.web-sol-inner-div {
    min-height: 230px;
}
.hire-cake-php-developer-div-right {
    text-align: right;
}
/* SITE MAP CSS ENDS HERE */

.comming_soon_banner {
    min-height: 2100px;
	height: auto;
	display: flex;
	align-items: center;
	background-size: 2100px 100%;
}
	
	
}
@media (min-width:2101px) and (max-width:2559px){
.container {
    width: 1901px;
}
/* HEADER CSS STARTS HERE */
.common-link::after {
    margin: 8px 0 0 0;
}
.three-main-div ul li .first-div-div-comom-left-right-side a {
    font-size: 21.83px !important;
}
header .logo_mnu_div .menu_right ul li.nav-item a {
    font-size: 21px;
}
header .logo_mnu_div .menu_right ul li.nav-item label {
    font-size: 21px;
}
header .logo_mnu_div .menu_right ul li.nav-item {
    margin: 0 0 0 26px; /* +3 */
}
header .logo_mnu_div .menu_right ul li.nav-item .submenu {
    min-width: 1869px;
	left: -1222px;
} 
.first-div-div {
    left: 423px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 76%;
    -ms-flex: 0 0 76%;
    flex: 0 0 76%;
    max-width: 76%;
}
.common-link {
    font-size: 21.17px !important;
}
.first-div-div-comom-left h4 {
    font-size: 21px;
}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {
    font-size: 22px !important;
}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {
    color: #1f393f !important;
    font-size: 21.83px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {
    min-width: 390px;
    left: -165px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {
    padding: 13px 26px;
    font-size: 21.17px;
}
header .logo_mnu_div .menu_right ul li.nav-item .submenu {
    top: 48px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a:hover, header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.active a {
    padding-left: 35px;
}
/* HEADER CSS ENDS HERE */

/* FOOTER CSS STARTS HERE */
h2.footer-heading {
    font-size: 24px;
}
footer ul li a {
    font-size: 22px;
}
.form-con-right h2 {
    font-size: 32px;
    margin: -3px 0 18px 0;
}
.form-con-right .form-group input {
    font-size: 24px;
}
footer ul li {
    margin: 0 0 9px 0;
}
.form-con-right .form-group textarea {
    font-size: 26px;
    height: 200px;
}
.form-con-right .form-group span.footer-form-icon {
    top: 15px;
}
.bottom-footer p {
    font-size: 21px;
}
ul.social-icons li {
    margin: 0 0 0 15px; /* +3 */
}
ul.social-icons {
    width: 360px;
}
.form-con-right button {
    font-size: 24px;
}
/* FOOTER CSS ENDS HERE */

/* HOME PAGE CSS STARTS HERE */
.common-section-div {
    padding: 50px 0;
}
.home-banner {
    height: 910px;
    background-size: 100%;
}
.home-banner-top h2 {
    font-size: 33px;
    margin: 0 0 8px 0; /* +3 */
}
.home-banner-top h1 {
    font-size: 38px;
    margin: 0 0 28px 0;
}
p.extra {
    font-size: 26px;
    margin: 0 0 6px 0;
}
.home-banner-top p {
    font-size: 23px;
    padding: 0 52% 0 0;
}
.home-banner-middle-button {
    padding: 7px 28px;
	margin: 21px 0 0 0;
}
.home-banner-middle-button p {
    font-size: 26px;
}
.rounded-btn {
    font-size: 28px;
}
.development-cost p {
    font-size: 28px;
    margin: 0 0 10px 0;
}
.development-cost span {
    font-size: 23px;
    margin: 0 0 10px 0;
}
.development-cost {
    height: 300px;
	padding: 70px 60px;
	background-size: 100%;
}
.home-banner:after {
    height: 97px;
	background-size: 100%;
}
.title-div h2 {
    font-size: 50px;
}
.title-div h3 {
    font-size: 50px;
}
.software-development-service-left {
    width: 710px;
}
.software-development-service-left-bottom p {
    padding: 323px 0 0 0;
    font-size: 25px;
}
h2.beyond-title {
    font-size: 41px;
}
.beyond-simple-img-left-top {
    font-size: 26px;
    padding: 30px 0 0 0;
    background-size: 100%;
    height: 101px;
    width: 39%;
}
.beyond-simple-img-left-bottom p {
    font-size: 24px;
    padding: 0px 22px;
}
.beyond-simple-img-left-2::before {
    top: 45px;
}
.beyond-simple-img-left-2::after {
    top: 45px;
}
.beyond-section-big-right-bottom p {
    font-size: 24px;
}
.beyond-section::before {
    height: 98px;
    background-size: 100%;
}
.beyond-section::after {
    height: 97px;
    background-size: 100%;
}
.beyond-section {
    background-size: 100% 100%;
	height: 650px;
	padding: 140px 0;
}
.frame-workslider .title-div h3 {
    font-size: 44px;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top {
    height: 175px;
	padding: 35px 0 0 0;
	width: 64%;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-bottom p {
    font-size: 24px;
    padding: 0 55px;
}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span-bottom p {
    font-size: 24px !important;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
}
h3.client-save {
    font-size: 27px;
}
.from-blog-section .title-div h3 {
    font-size: 66px;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
    height: 335px;
}
.from-blog-section:before { 
    height: 98px;
    background-size: 100%;
}
.from-blog-section:after {
    height: 97px;
	background-size: 100%;
}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p {
    font-size: 22px;
}
.from-blog-section .carousel-item a, .from-blog-section .owl-carousel a {
    font-size: 22px;
}
.from-blog-section {
    background-size: 100% 100%;
    padding: 110px 0;
    height: 555px;
} 
.what-client-say-left h3 { 
    font-size: 51px;
}
.what-client-say-left p {
    font-size: 22px;
    padding: 0 21% 0 0;
}
.view-all-bnt a {
    font-size: 24px;
}
.what-client-say-right-top p {
    font-size: 22px;
}
.what-client-say-right-top h5 {
    font-size: 22px;
}
.what-client-say-right-bottom::before {
    width: 795px;
}
h3.avg-cost {
    font-size: 36px;
}
p.us-developer {
    font-size: 34px;
}
p.us-per-hour {
    font-size: 35px;
}
.avg-cost-mid {
    width: 155px;
	height: 172px;
	padding: 43px 0 0 0;
}
.top-footer::before {
    height: 98px;
    background-size: 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 28px;
    height: 28px;
}
.development-cost p:nth-child(3) {
    font-size: 24px;
}
.what-client-say-left h3 {
    background-position: 0 0;
    background-size: unset;
}
/* HOME PAGE CSS ENDS HERE */

/* HOW IT WORK CSS STARTS HERE */
.process-will-inner-div-top-right p {
    font-size: 22px;
}
.general-interview {
    padding: 0px 350px 0 0;
}
.general-text h5 {
    font-size: 22px;
}
.general-text p {
    font-size: 22px;
}
.second-row-team-hring::after {
    background-size: 100% 100%;
}
.second-row-team-hring::before {
    background-size: 100% 100%;
}
.general-text {
    padding: 0px 75px 0 0;
}
.advance-section .title-div h3 {
    font-size: 66px !important;
}
.our-step-section .border-class-div {
    width: 500px;
}
.advance-section .container {
    width: 1901px !important;
}
.client-get-section .container {
    width: 1901px !important;
}
.client-get-section .border-class-div {
    min-height: 235px;
}
.our-step-section .border-class-div-left {
    top: 80px;
}
.engagement-model-sections::before {
    height: 98px;
    background-size: 100%;
}
.engagement-model-sections {
    padding-top: 120px;
}
.project-based-engament {
    width: 460px;
}
.advance-section .border-class-div-left {
    top: 50px;
}
/* HOW IT WORK CSS ENDS HERE */	

/* ABOUT PAGE CSS STARTS HERE */
.why-our-model-work-right h4 {
    font-size: 28px;
}
.why-our-model-work-right p {
    font-size: 22px;
}
.after-care-section::before {
    height: 98px;
    background-size: 100%;
}
.after-care-section::after {
    height: 97px;
    background-size: 100%;
}
.after-care-section {
    padding: 120px 0;
    background-size: 100% 100%;
}
.after-care-section .title-div h3 {
    font-size: 42px;
}
.after-care-bak h3 {
    font-size: 26px;
}
.after-care-bak h2 {
    font-size: 28px;
}
.after-care-bak p {
    font-size: 18px;
}
.about-banner-top h1 {
    font-size: 38px;
}
.about-banner-top p {
    font-size: 24px;
}
.our-perform-inner p {
    font-size: 26px;
}
.why-our-model-work-right::before {
    height: 350px;
    background-size: 100% 100%;
}
.about-banner {
    height: 830px;
}
/* ABOUT PAGE CSS ENDS HERE */

/*TESTIMONIALS CSS STARTS HERE */
.testimonials-banner {
    height: 380px !important;
}
.client-says-main-div {
    width: 815px;
	height: 240px;
    background-size: 100% 100%;
}
.testimonials_review_left .form-div-class .title-div p {
    font-size: 23px;
    padding: 0;
}
.submit-btn-cnt {
    font-size: 16px;
    width: 176px;
} 
.testimonials_client_say_section {
    padding: 40px 0;
} 
.client-says-main-div::before {
    width: 190px;
    height: 190px;
    background-size: 100% 100%;
}
.client-says-main-div-right-cnt {
    width: 580px;
	padding: 0 35px 0 20px;
	margin: 30px 0 0 0;
}
.client-says-main-div-right-cnt h1 {
    font-size: 22px;
    margin: 0 0 15px 0;
}
.client-says-main-div-right-cnt p {
    font-size: 18px;
}
.top-three-one-clients-right::after {
    width: 470px;
    height: 675px;
    top: -78px;
    background-size: 100% 100%;
}
.bottom-three-clients .top-three-one-clients::after {
    width: 660px;
    height: 167px;
    top: -20px;
}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {
    left: 150px;
}
.testimonials_review_left .form-div-class .form-group span.span-img {
    top: 14px;
} 
.testimonials_client_say_section .container {
    width: 1480px;
}
/*TESTIMONIALS CSS ENDS HERE */

/* WHY INDIA CSS STARTS HERE */
.why-banner-text {
    left: 15px;
}
.how-it-work-banner {
    height: 580px;
} 
.border-class-div-right h3 {
    font-size: 27px;
}
.border-class-div-right p {
    font-size: 21px;
}
.border-class-div-left {
    top: 76px;
}
.our-step-section .title-div p {
    font-size: 22px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 24px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 24px;
}
.project-based-engament-bottom p {
    font-size: 18px; /* +1 */
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    font-size: 19px; /* +1 */ 
}
.key-business-benifits .project-based-engament {
    width: 470px;
    padding: 0 10px;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 500px;
}
.our-step-section .container {
    width: 1550px;
}
.project-based-engament-bottom h4 {
    font-size: 28px;
}
/* WHY INDIA CSS ENDS HERE */

/* FAQ CSS STARTS HERE */
.faq-banner {
    height: 195px;
}
#sidebar nav ul li a {
    padding: 11px 25px;
    font-size: 22px;
}
.content-class-inner h2 {
    font-size: 31px;
}
.accidion-class-div .accordion h5 {
font-size: 22px;
}
.text .para-div p { 
    font-size: 22px;
}
.progressive-div-right p {
    font-size: 24px;
}
nav.navs.stickydiv {
    width: 445px;
} 
/* FAQ CSS ENDS HERE */

/* CONTACT PAGE CSS STARTS HERE */
.contact-banner {
    height: 650px;
    padding: 0;
	display: flex;
	align-items: center;
}
.contact-form-div .container {
    width: 1250px;
}
.form-div-class .title-div h3 {
    font-size: 42px;
}
.form-div-class .title-div p {
    font-size: 21px;
    padding: 0 65px;
}
.form-div-class .form-group .form-control {
    font-size: 22px;
}
.form-div-class .form-group span.span-img {
    top: 15px;
}
p.email-side-left {
    font-size: 24px;
}
p.email-side-right a {
    font-size: 23px;
}
.form-div-class .form-group {
    margin: 0 0 35px 0;
}
.error {
    font-size: 20px;
}
/* CONTACT PAGE CSS ENDS HERE */

/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS STARTS HERE */
.dedicated-banner .about-banner-top h1 {
    font-size: 73px;
}
.dedicated-banner .about-banner-top p {
    padding: 0 530px 0 0;
}
.team-advantage-div a {
    font-size: 31px;
}
.dedicated-banner {
    background-size: 100% 38%; 
}
.web-development p {
    font-size: 22px;
}
.web-development ul li {
    font-size: 21px;
}
.web-development .rounded-btn {
    font-size: 31px;
    width: 300px;
}
.advantage-section {
    padding: 140px 0;
}
.advantage-section::before {
    height: 98px;
    background-size: 100%;
}
.advantage-section::after {
    height: 98px;
    background-size: 100%;
}
.advantage-section .title-div h3 {
    font-size: 42px;
}
.advantage-bak h2 {
    font-size: 26.83px;
}
.advantage-bak p {
    font-size: 22px;
}
.advantage-section .container {
    width: 1450px;
}
.repidlyp h3 {
    font-size: 26px;
}
.loremp {
    font-size: 22px;
}
.reduce h3 {
    font-size: 26px;
}
.dolorp {
    font-size: 22px;
}
.team-benificial-sections .container {
    width: 1470px;
}







.hire-staffing-front-end-banner-left h1 {
    font-size: 44px;
}
.hire-staffing-front-end-banner-left h4 {
    font-size: 26px;
}
.hire-staffing-front-end-banner-left p {
    padding: 0 140px 0 0;
    font-size: 22px;
}
.hire-staffing-front-end-banner-left .rounded-btn {
    width: 390px;
}
.ui-designer-bnt {
    font-size: 36px;
}
.web-development-in-front-end h4 {
    font-size: 26px;
}
.web-development-in-front-end .rounded-btn {
    width: 390px;
    margin-top: 10px;
}
.hire-staffing-banner-title {
    font-size: 73px;
}
.hire-cake-php-developer-div p {
    font-size: 22px;
}
.price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 41px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 20px;
}
.price-table-div .tab-content ul li p {
    padding: 21px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 28px;
}

/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */
.web-application-right .what-you-get-section-right-top h3 {
    font-size: 28px;
}
.web-application-right .what-you-get-section-right-top p {
    font-size: 21.15px;
}
.web-application-right .what-you-get-section-bottom {
    width: 390px;
}
.cake-php-web-sol-section .title-div h2 {
    font-size: 65px;
}
.cake-php-web-sol-section .title-div p {
    padding: 0 85px;
}
.web-sol-inner-div h4 {
    font-size: 24px;
}
.cake-php-web-sol-section-bottom-div {
    padding: 0 150px;
}
.reusebility-code-div h2 {
    font-size: 26px;
}
.reusebility-code-div p {
    font-size: 21.15px;
} 
.hire-cake-php-price-form-section-right .form-div-class .title-div h3 {
    font-size: 41px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt {
    width: 290px;
    font-size: 28px;
}
.form-div-bottom {
    height: 467px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group textarea {
    height: 49px;
}
.web-sol-inner-div h6 {
    font-size: 22px;
}
.back-to-home {
    width: 380px;
}
.thanku_banner {
    min-height: 1028px;
}
.msg1, .msg2 {
    font-size: 20px;
}
/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */

/* 404 PAGE CSS STARTS HERE */
.error-page-banner-right-bottom h2 {
    font-size: 41px;
}
.error-page-banner-right-bottom p {
    font-size: 26px;
    padding: 0 170px 0 0;
}
.error-page-banner-right-bottom .rounded-btn {
    width: 354px;
}
.error-page-banner {
    height: 676px;
}
/* 404 PAGE CSS ENDS HERE */

/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS ENDS HERE */

/* PRICING PAGE CSS STARTS HERE */
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    font-size: 31px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 35px 0 0;
}
.cnt-tab-div ul li {
    font-size: 31px;
}
.bottom-red-color ul li {
    font-size: 31px;
}
.bottom-red-color ul li span:nth-child(1) {
    margin: 0 35px 0 0;
}
.pricing-banner {
    height: 350px;
}
/* PRICING PAGE CSS ENDS HERE */

/* SITE MAP CSS STARTS HERE */
ul.tree:before {
    width: 564px;
	left: 10px;
}
ul.tree.tree-com::before {
    width: 435px;
}
.site-map-section #cont ul.tree.second::before {
    width: 1538px;
}
.page-subheading a, .page-subheading span {
    font-size: 26px;
}
.site-map-section #cont ul li a {
    font-size: 21px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 20px;
    height: 65px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 140px;
}
section.home-banner.about-banner.how-it-work-banner.sitemap-banner { 
    height: 230px;
}
.web-sol-inner-div {
    min-height: 238px;
}
.hire-cake-php-developer-div-right {
    text-align: right;
}
/* SITE MAP CSS ENDS HERE */ 

.comming_soon_banner {
    min-height: 2559px;
	height: auto;
	display: flex;
	align-items: center;
	background-size: 2559px 100%;
}

}

@media (min-width:2560px) and (max-width:2880px){
.cnt-tab-div .panel-group .panel .panel-collapse .panel-body .top-red-color ul li{ height:90px; }
.container {
    width: 2360px; 
}
/* HEADER CSS STARTS HERE */
.common-link::after {
    margin: 8px 0 0 0;
}
header .logo_mnu_div .menu_right ul li.nav-item span::before {
    margin: 4px auto -1px;
}
.three-main-div ul li .first-div-div-comom-left-right-side a {
    font-size: 23.83px !important;
}
header .logo_mnu_div .menu_right ul li.nav-item a {
    font-size: 23px;
}
header .logo_mnu_div .menu_right ul li.nav-item label {
    font-size: 23px;
}
header .logo_mnu_div .menu_right ul li.nav-item {
    margin: 0 0 0 29px; /* +3 */
}
header .logo_mnu_div .menu_right ul li.nav-item .submenu {
    min-width: 2329px;
	left: -1624px;
} 
.first-div-div {
    left: 594px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 76%;
    -ms-flex: 0 0 76%;
    flex: 0 0 76%;
    max-width: 76%;
}

.common-link {
    font-size: 21.17px !important;
}
.first-div-div-comom-left h4 {
    font-size: 23px;
}
.tab_fun_right_mega_mnu .price-table-div ul.nav.nav-tabs li a {
    font-size: 24px !important;
}
.tab_fun_right_mega_mnu .price-table-div .tab-content ul li p {
    color: #1f393f !important;
    font-size: 23.83px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu {
    min-width: 390px;
    left: -165px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a {
    padding: 14px 28px;
    font-size: 23.17px;
}
header .logo_mnu_div .menu_right ul li.nav-item .submenu {
    top: 48px;
}
header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li a:hover, header .logo_mnu_div .menu_right ul li.nav-item .company-drop-down-submenu li.active a {
    padding-left: 38px;
}
/* HEADER CSS ENDS HERE */

/* FOOTER CSS STARTS HERE */
h2.footer-heading {
    font-size: 26px;
}
footer ul li a {
    font-size: 24px;
}
.form-con-right h2 {
    font-size: 34px;
    margin: -3px 0 18px 0;
}
.form-con-right .form-group input {
    font-size: 26px;
}
footer ul li {
    margin: 0 0 12px 0;
}
.form-con-right .form-group textarea {
    font-size: 28px;
    height: 260px;
}
.form-con-right .form-group span.footer-form-icon {
    top: 15px;
}
.bottom-footer p {
    font-size: 23px;
}
ul.social-icons li {
    margin: 0 0 0 21px; /* +3 */
}
ul.social-icons {
    width: 396px;
}
.form-con-right button {
    font-size: 26px;
}
/* FOOTER CSS ENDS HERE */

/* HOME PAGE CSS STARTS HERE */
.common-section-div {
    padding: 50px 0;
}
.home-banner {
    height: 1000px;
    background-size: 100%;
}
.home-banner-top h2 {
    font-size: 33px;
    margin: 0 0 11px 0; /* +3 */
}
.home-banner-top h1 {
    font-size: 40px;
    margin: 0 0 28px 0;
}
p.extra {
    font-size: 28px;
    margin: 0 0 6px 0;
}
.home-banner-top p {
    font-size: 25px;
    padding: 0 52% 0 0;
}
.home-banner-middle-button {
    padding: 7px 28px;
	margin: 21px 0 0 0;
}
.home-banner-middle-button p {
    font-size: 28px;
}
.rounded-btn {
    font-size: 30px;
}
.development-cost p {
    font-size: 30px;
    margin: 0 0 13px 0;
}
.development-cost span {
    font-size: 25px;
    margin: 0 0 13px 0;
}
.development-cost p:nth-child(3) {
    font-size: 26px;
}
.development-cost {
    height: 322px;
	padding: 70px 60px;
	background-size: 100%;
	width: 50%;
}
.home-banner::after {
    height: 119px;
	background-size: 100%;
}
.title-div h2 {
    font-size: 52px;
}
.title-div h3 {
    font-size: 52px;
}
.software-development-service-left {
    width: 710px;
}
.software-development-service-left-bottom p {
    padding: 323px 0 0 0;
    font-size: 27px;
}
h2.beyond-title {
    font-size: 43px;
}
.beyond-simple-img-left-top {
    font-size: 28px;
padding: 30px 0 0 0;
background-size: 100%;
height: 102px;
width: 31%;
}
.beyond-simple-img-left-bottom p {
    font-size: 26px;
    padding: 0px 45px;
}
.beyond-simple-img-left-2::before {
    top: 45px;
}
.beyond-simple-img-left-2::after {
    top: 45px;
}
.beyond-section-big-right-bottom p {
    font-size: 26px;
}
.beyond-section:before {
    height: 119px;
    background-size: 100%;
}
.beyond-section:after {
    height: 119px;
    background-size: 100%;
}
.beyond-section {
    background-size: 100% 100%;
	height: 700px;
	padding: 140px 0;
}
.frame-workslider .title-div h3 {
    font-size: 46px;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-top {
    height: 175px;
	padding: 35px 0 0 0;
	width: 56%;
}
.frame-workslider-div ol.carousel-indicators li span.carsoul-total-span span.carsoul-total-span-bottom p {
    font-size: 26px;
    padding: 0 85px;
}
.frame-workslider-div ol.carousel-indicators li.active span.carsoul-total-span-bottom p {
    font-size: 26px !important;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
}
h3.client-save {
    font-size: 29px;
}
.from-blog-section .title-div h3 {
    font-size: 68px;
}
.frame-workslider-div .carousel-inner {
    background-size: 100% 100%;
    height: 335px;
}
.from-blog-section:before {
    height: 119px;
    background-size: 100%;
}
.from-blog-section:after {
    height: 119px;
	background-size: 100%;
}
.from-blog-section .carousel-item p, .from-blog-section .owl-carousel p {
    font-size: 24px;
}
.from-blog-section .carousel-item a, .from-blog-section .owl-carousel a {
    font-size: 24px;
}
.from-blog-section {
    background-size: 100% 100%;
    padding: 110px 0;
    height: 580px;
} 
.what-client-say-left h3 {
    font-size: 53px;
}
.what-client-say-left p {
    font-size: 24px;
    padding: 0 21% 0 0;
}
.view-all-bnt a {
    font-size: 26px;
}
.what-client-say-right-top p {
    font-size: 24px;
}
.what-client-say-right-top h5 {
    font-size: 24px;
}
.what-client-say-right-bottom::before {
    width: 1025px;
}
h3.avg-cost {
    font-size: 38px;
}
p.us-developer {
    font-size: 36px;
}
p.us-per-hour {
    font-size: 37px;
}
.avg-cost-mid {
    width: 155px;
	height: 172px;
	padding: 43px 0 0 0;
}
.top-footer::before {
    height: 119px;
    background-size: 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
}
.what-client-say-left h3 {
    background-position: 0 0;
    background-size: unset;
}
.top-footer {
    padding: 145px 0 33px 0;
} 
/* HOME PAGE CSS ENDS HERE */

/* HOW IT WORK CSS STARTS HERE */
.process-will-inner-div-top-right p {  
    font-size: 24px;
}
.general-interview {
    padding: 0px 50% 0 0;
}
.general-text h5 {
    font-size: 24px;
}
.general-text p {
    font-size: 24px;
}
.second-row-team-hring::after {
    background-size: 100% 100%;
}
.second-row-team-hring::before {
    background-size: 100% 100%;
}
.general-text {
    padding: 0px 29% 0 0;
}
.advance-section .title-div h3 {
    font-size: 68px !important;
}
.our-step-section .border-class-div {
    width: 540px;
}
.advance-section .container {
    width: 2360px !important;
}
.client-get-section .container {
    width: 2360px !important;
}
.client-get-section .border-class-div {
    min-height: 235px;
}
.our-step-section .border-class-div-left {
    top: 80px;
}
.engagement-model-sections::before {
    height: 120px;
    background-size: 100%;
}
.engagement-model-sections {
    padding-top: 120px;
}
.project-based-engament {
    width: 520px;
}
.advance-section .border-class-div-left {
    top: 50px;
}
.process-for-main .center-btn {
    width: 88%;
    float: left;
} 
/* HOW IT WORK CSS ENDS HERE */	

/* ABOUT PAGE CSS STARTS HERE */
.why-our-model-work-right h4 {
    font-size: 28px;
}
.why-our-model-work-right p {
    font-size: 24px;
}
.after-care-section::before {
    height: 78px;
    background-size: 100%;
}
.after-care-section::after {
    height: 78px;
    background-size: 100%;
}
.after-care-section {
    padding: 95px 0;
    background-size: 100% 100%;
}
.after-care-section .title-div h3 {
    font-size: 44px;
}
.after-care-bak h3 {
    font-size: 28px;
}
.after-care-bak h2 {
    font-size: 30px;
}
.after-care-bak p {
    font-size: 22px;
}
.about-banner-top h1 {
    font-size: 40px;
}
.about-banner-top p {
    font-size: 26px;
}
.our-perform-inner p {
    font-size: 28px;
}
/* ABOUT PAGE CSS ENDS HERE */ 

/* ABOUT PAGE CSS STARTS HERE */
.why-our-model-work-right h4 {
    font-size: 30px;
}
.why-our-model-work-right p {
    font-size: 24px;
}
.after-care-section::before {
    height: 119px;
    background-size: 100%;
}
.after-care-section::after {
    height: 119px;
    background-size: 100%;
}
.after-care-section {
    padding: 130px 0;
    background-size: 100% 100%;
}
.after-care-section .title-div h3 {
    font-size: 44px;
}
.after-care-bak h3 {
    font-size: 28px;
}
.after-care-bak h2 {
    font-size: 30px;
}
.after-care-bak p {
    font-size: 20px;
}
.about-banner-top h1 {
    font-size: 40px;
}
.about-banner-top p {
    font-size: 26px;
}
.our-perform-inner p {
    font-size: 28px;
}
.why-our-model-work-right::before {
    height: 380px;
    background-size: 100% 100%;
}
.about-banner {
    height: 830px;
}
.after-care-section .container {
    width: 1145px;
}
/* ABOUT PAGE CSS ENDS HERE */

/*TESTIMONIALS CSS STARTS HERE */
.testimonials-banner {
    height: 380px !important;
}
.client-says-main-div {
    width: 815px;
	height: 260px;
    background-size: 100% 100%;
}
.testimonials_review_left .form-div-class .title-div p {
    font-size: 25px;
	padding: 0;
}
.submit-btn-cnt {
    font-size: 16px;
    width: 176px;
} 
.testimonials_client_say_section {
    padding: 40px 0;
} 
.client-says-main-div::before {
    width: 190px;
    height: 190px;
    background-size: 100% 100%;
}
.client-says-main-div-right-cnt {
    width: 580px;
	padding: 0 35px 0 20px;
	margin: 30px 0 0 0;
}
.client-says-main-div-right-cnt h1 {
    font-size: 22px;
    margin: 0 0 15px 0;
}
.client-says-main-div-right-cnt p {
    font-size: 18px;
}
.top-three-one-clients-right::after {
    width: 470px;
    height: 675px;
    top: -78px;
    background-size: 100% 100%;
}
.bottom-three-clients .top-three-one-clients::after {
    width: 660px;
    height: 167px;
    top: -20px;
}
.bottom-three-clients .top-three-three-clients .client-says-main-div::after {
    left: 150px;
}
.testimonials_review_left .form-div-class .form-group span.span-img {
    top: 18px;
} 
.testimonials_client_say_section .container {
    width: 1480px;
}
/*TESTIMONIALS CSS ENDS HERE */

/* WHY INDIA CSS STARTS HERE */
.why-banner-text {
    left: 15px;
}
.how-it-work-banner {
    height: 580px;
} 
.border-class-div-right h3 {
    font-size: 29px;
}
.border-class-div-right p {
    font-size: 23px;
}
.border-class-div-left {
    top: 76px;
}
.our-step-section .title-div p {
    font-size: 24px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 26px;
}
.why-choose-budegtcoders-left ul li span p {
    font-size: 26px;
}
.project-based-engament-bottom p {
    font-size: 19px; /* +1 */
}
.key-business-benifits .project-based-engament .project-based-engament-bottom p {
    font-size: 20px; /* +1 */ 
}
.key-business-benifits .project-based-engament {
    width: 490px;
    padding: 0 10px;
}
.benifite-outsourcing-main-left .border-class-div {
    width: 550px;
}
.our-step-section .container {
    width: 1680px;
}
.project-based-engament-bottom h4 {
    font-size: 30px;
} 
/* WHY INDIA CSS ENDS HERE */

/* FAQ CSS STARTS HERE */
.faq-banner {
    height: 205px;
}
#sidebar nav ul li a {
    padding: 11px 25px;
    font-size: 24px;
}
.content-class-inner h2 {
    font-size: 33px;
}
.accidion-class-div .accordion h5 {
font-size: 24px;
}
.text .para-div p {
    font-size: 24px;
}
.progressive-div-right p {
    font-size: 26px;
}
nav.navs.stickydiv {
    width: 560px;
} 
/* FAQ CSS ENDS HERE */

/* CONTACT PAGE CSS STARTS HERE */
.contact-banner {
    height: 850px;
    padding: 0;
	display: flex;
	align-items: center;
}
.contact-form-div .container {
    width: 1600px;
}
.form-div-class .title-div h3 {
    font-size: 44px;
}
.form-div-class .title-div p {
    font-size: 23px;
    padding: 0 105px;
}
.form-div-class .form-group .form-control {
    font-size: 24px;
}
.form-div-class .form-group span.span-img {
    top: 15px;
}
p.email-side-left {
    font-size: 26px;
}
p.email-side-right a {
    font-size: 25px;
}
.form-div-class {
    margin: -155px 0 30px 0;
}
.form-div-class .form-group {
    margin: 0 0 40px 0;
}
.error {
    font-size: 22px;
}
/* CONTACT PAGE CSS ENDS HERE */

/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS STARTS HERE */
.dedicated-banner .about-banner-top h1 {
    font-size: 75px;
}
.dedicated-banner .about-banner-top p {
    padding: 0 46% 0 0;
}
.team-advantage-div a {
    font-size: 33px;
}
.dedicated-banner {
    background-size: 100% 960px; 
}
.web-development p {
    font-size: 24px;
}
.web-development ul li {
    font-size: 23px;
}
.web-development .rounded-btn {
    font-size: 33px;
    width: 330px;
}
.advantage-section {
    padding: 165px 0;
}
.advantage-section::before {
    height: 120px;
    background-size: 100%;
}
.advantage-section::after {
    height: 119px;
    background-size: 100%;
}
.advantage-section .title-div h3 {
    font-size: 44px;
}
.advantage-bak h2 {
    font-size: 28.83px;
}
.advantage-bak p {
    font-size: 24px;
}
.advantage-section .container {
    width: 1900px;
}
.repidlyp h3 {
    font-size: 28px;
}
.loremp {
    font-size: 24px;
}
.reduce h3 {
    font-size: 28px;
}
.dolorp {
    font-size: 24px;
}
.team-benificial-sections .container {
    width: 1590px;
} 





.hire-staffing-front-end-banner-left h1 {
    font-size: 46px;
}
.hire-staffing-front-end-banner-left h4 {
    font-size: 28px;
}
.hire-staffing-front-end-banner-left p {
    padding: 0 275px 0 0;
    font-size: 24px;
}
.hire-staffing-front-end-banner-left .rounded-btn {
    width: 410px;
}
.ui-designer-bnt {
    font-size: 38px;
}
.web-development-in-front-end h4 {
    font-size: 28px;
}
.web-development-in-front-end .rounded-btn {
    width: 410px;
    margin-top: 10px;
}
.hire-staffing-banner-title {
    font-size: 75px;
}
.hire-cake-php-developer-div p {
    font-size: 24px;
}
.price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 43px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div ul.nav.nav-tabs li a.nav-link {
    font-size: 20px;
}
.price-table-div .tab-content ul li p {
    padding: 23px;
}
.hire-staffing-front-end-banner .hire-cake-php-price-form-section-left .price-table-div .tab-content ul li p {
    font-size: 30px;
}

/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */
.web-application-right .what-you-get-section-right-top h3 {
    font-size: 28px;
}
.web-application-right .what-you-get-section-right-top p {
    font-size: 23.15px;
}
.web-application-right .what-you-get-section-bottom {
    width: 410px;
}
.cake-php-web-sol-section .title-div h2 {
    font-size: 67px;
}
.cake-php-web-sol-section .title-div p {
    padding: 0 85px;
}
.web-sol-inner-div h4 {
    font-size: 26px;
}
.cake-php-web-sol-section-bottom-div {
    padding: 0 200px;
}
.reusebility-code-div h2 {
    font-size: 28px;
}
.reusebility-code-div p {
    font-size: 23.15px;
} 
.cake-php-web-sol-section {
	padding-bottom: 160px;
	padding-top: 130px;
} 
.hire-cake-php-price-form-section-right .form-div-class .title-div h3 {
    font-size: 43px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group .submit-btn-cnt {
    width: 420px;
    font-size: 30px;
}
.form-div-bottom {
    height: 483px;
}
.hire-cake-php-price-form-section-right .form-div-class .form-group textarea {
    height: 52px;
}
.web-sol-inner-div h6 {
    font-size: 24px;
}
.back-to-home {
    width: 410px;
}
.thanku_banner {
    min-height: 1252px;
}
.msg1, .msg2 {
    font-size: 22px;
}
/* WEB DEVELOPMENT CAKE PHP CSS STARTS HERE */


/* HIRE PROFESSIONAL (DEDICATE TEAM) CSS ENDS HERE */

/* 404 PAGE CSS STARTS HERE */
.error-page-banner-right-bottom h2 {
    font-size: 43px;
}
.error-page-banner-right-bottom p {
    font-size: 28px;
    padding: 0 400px 0 0;
}
.error-page-banner-right-bottom .rounded-btn {
    width: 374px;
}
.error-page-banner {
    height: 676px;
} 
/* 404 PAGE CSS ENDS HERE */

/* PRICING PAGE CSS STARTS HERE */
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a {
    font-size: 33px;
}
.cnt-tab-div .panel-group .panel .panel-heading h4.panel-title a span.ui-ux-left-img {
    margin: 0 40px 0 0;
}
.cnt-tab-div ul li {
    font-size: 30px;
}
.bottom-red-color ul li {
    font-size: 30px;
}
.bottom-red-color ul li span:nth-child(1) {
    margin: 0 40px 0 0;
}
.pricing-banner {
    height: 370px;
}
/* PRICING PAGE CSS ENDS HERE */

/* SITE MAP CSS STARTS HERE */
ul.tree:before {
    width: 606px;
	left: 11px;
}
ul.tree.tree-com::before {
    width: 465px;
    left: 4px;
}
.site-map-section #cont ul.tree.second::before {
    width: 1738px;
}
.page-subheading a, .page-subheading span {
    font-size: 28px;
}
.site-map-section #cont ul li a {
    font-size: 23px;
}
.site-map-section #cont ul.tree.second .level-1 li a {
    font-size: 22px;
    height: 70px;
}
.site-map-section #cont ul.tree.second .level-1 li {
    width: 160px;
}
section.home-banner.about-banner.how-it-work-banner.sitemap-banner { 
    height: 250px;
}
.web-sol-inner-div {
    min-height: 240px;
}
.hire-cake-php-developer-div-right {
    text-align: right;
}
.comming_soon_banner {
    min-height: 1300px; 
    height: auto;
    display: flex;
	align-items: center;
}
/* SITE MAP CSS ENDS HERE */

.comming_soon_banner {
    min-height: 2880px;
	height: auto;
	display: flex;
	align-items: center;
	background-size: 2880px 100%;
}

}

.text-center{
	text-align: center;
}
/* RESPONSIVE CSS ENDS HERE */
.moreReview { padding: 30px 0 0 0; background: transparent; position: fixed; z-index: 2; }
.moreReview a {	float: right;
				transition: background ease 0.5;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
				background: #fdd947;
				padding: 10px 20px;
				text-shadow: 0 2px 6px #4f4f4f;
				border-radius: 50px;
				border: 2px solid #fdd947; }
.moreReview a:hover { background: #000; border: 2px solid #fdd947; text-decoration: none; }
div#rawa-button {
    z-index: 2147483000;
    position: fixed;
    bottom: 50px;
    width: 102px;
    height: 60px;
    cursor: pointer;
    right: -23px;
}
@media only screen and (max-width: 480px) {
div#rawa-button {
    right: 24px;
}
button.btn.chat {
    width: 46px;
    height: 46px;
    bottom: 49px;
}
}
html{	
    scroll-behavior: smooth;
}