/*
Theme Name: wpbstarter
Author: Nazmul Hossain
Author URI: https://www.linkedin.com/in/code-spider/
Description: A starter WordPress theme Including Bootstarp 4.1.3 and FontAwesome 5.13.0. It's a standard starter theme can easily be modified for self-branding. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.1.3 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1.10
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: custom-menu,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,custom-header,editor-style,featured-images,two-columns,blog,e-commerce,news
Text Domain: wpbstarter
*/
body {
    background: var(--white);
    font-family: 'Acumin Pro';
    font-size: 1rem;
    line-height: 1;
}
a {
    color: #BFC0C0;
    text-decoration: none;
    letter-spacing: 1px;
}
/* Header Title */
.menu-background {
    background-color: #222;
}

.site-branding h1, .site-branding p {
    font-weight: 700;
    font-size: 36px;
    margin: 0;
    padding: 10px 20px;
}
.site-branding h1 a {
	color: #ffffff;
}
/* Blog Page */
.wpbstarter-page-title-area {
	position: relative;
    background-color: #333333;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-position: center center;
    z-index: 1;
    margin-top: 0px;
    color: #fff;
}
.wpbstarter-content-area-padding {
    padding: 80px 0px;
}
.wpbstarter-blog-list {
	display: block;
}

.wpbstarter-blog-list article, .widget-area .widget {
    margin-bottom: 50px;
}
.entry-header {
    position: unset;
    padding-bottom: 0px;
}

/*.wpbstarter-blog-list article:hover {
    box-shadow: 0 15px 50px #ddd;
}*/

.wpbstarter-blog-list a, .widget-area .widget a {
	color: #333;
	overflow-wrap: break-word;
}

.wpbstarter-blog-list a.wp-block-button__link {
    color: inherit;
}

.wpbstarter-blog-list h2, .widget-area .widget h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

.entry-meta > span, .entry-footer > span {
    font-size: 80%;
    padding-right: 15px;
}

.entry-meta > span i {
    color: #313131;
    margin-right: 10px;
}

.entry-meta > span > a, .entry-footer > span > a {
    font-weight: 600;
}

.entry-meta {
   margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.entry-footer {
    margin-top: 20px;
}

.wpbstarter-featured-content {
    margin-bottom: 20px;
}

/* Widget */
.widget-area .widget ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
    line-height: 30px;
}

.widget ul.nav li a.nav-link {
    display: inline-block;
}

.widget-area .widget ul ul {
    padding-left: 10px;
}

/* Widget calender Table */
.calendar_wrap table th {
    background-color: #f1f1f1;
}

.calendar_wrap table {
    width: 100%;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.calendar_wrap table th, .calendar_wrap table td {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
}
/* Widget RSS */
.widget_rss li {
    margin-bottom: 20px;
}

.widget_rss, .widget_rss span {
    font-size: 90%;
    padding-left: 15px;
}

.widget-area .widget.widget_rss a {
    font-weight: 600;
}
/* Widget Search */
input[type=search] {
    background: none;
    border: 1px solid #f1f1f1;
    padding: 10px;
    color: #333;
    font-weight: 500;
    font-size: 12px;
}
/*article.sticky {
    background-color: #f4f7f8;
}*/
.sticky .entry-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 1.563rem;
    left: 0.4rem;
    position: absolute;
    top: 2.3rem;
    font-weight: 900;
}
h2.entry-title {
   margin-bottom: 0px;
}
.blog-entry-meta {
    margin-top: 30px;
    font-size: 80%;
}

.blog-entry-meta span {
    padding-right: 20px;
}

.blog-entry-meta span i {
    color: #eee;
}

.wp-block-embed {
	overflow-x: auto;
}

/* Blog single calender Table */
.entry-title {
    overflow-wrap: break-word;
}
.entry-content table th {
    background-color: #f1f1f1;
}

.entry-content table {
    width: 100%;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.entry-content table th, .entry-content table td {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
}

/* Blog single normal table */
.entry-content table {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-bottom: 20px;
}
.entry-content table th, .entry-content table td {
	padding: 10px;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.entry-content table thead th {
	background-color: #ddd;
}
/* Definition and UL OL list */
.entry-content dd {
	margin-bottom: 20px;
}
.ulol ul, .ulol ol {
	padding-left: 15px;
}
/* Comment Area normal table */
ul.children {
    list-style: none;
}

.comments-area {
    padding: 40px 0;
}

.comment-body {
    padding: 5px 0;
}

h2.comments-title {
    background-color: #46be25;
    padding: 10px;
    color: #fff;
}

.comments-area p.no-comments {
    padding: 10px;
    font-weight: 700;
    background-color: #e21b48;
    color: #fff;
    display: block;
}

.comments-area table {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-bottom: 20px;
}
.comments-area table th, .comments-area table td {
	padding: 10px;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.comments-area table thead th {
	background-color: #ddd;
}
/* Definition and UL OL list */
.comments-area dd {
	margin-bottom: 20px;
}
.comments-area ul.comment-list, .comments-area ol.comment-list {
	padding-left: 15px;
	list-style: none;
}
/* address tag */
address {
	font-style: italic;
}
/* Single Blog nav */
.nav-links {
	overflow-wrap: break-word;
	word-break: break-all;
	margin-top: 50px;
}
.nav-links a{
	display: inline-block;
	background-color: #333;
	color: #fff;
	padding: 5px 10px;
}
.nav-previous, .nav-next{
	max-width: 50%;
}
.nav-previous {
	float: left;
}
.nav-next {
	text-align: right;
}
.nav-link {
    padding: .3rem 1rem;
}
/* Page Links pagination */ 
.page-links a {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 10px;
}
/* Comment form */
.comment-form input, .comment-form textarea {
    max-width: 100%;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
}

.comment-form input[type=submit] {
    width: auto;
    background-color: #333;
    border-radius: 5px;
}
.wpbstarter-featured-content {
    margin-bottom: 0px;
}

aside#secondary h2.widget-title {
    font-family: 'Athene';
    font-size: 30px;
    color: #272827;
    font-weight: 500;
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
aside#secondary .widget-area .widget {
    padding: 0;
}
aside#secondary.widget-area .widget {
    padding: 0;
    border: none;
    box-shadow: none;
}
.widget-area .widget div#rpwwt-recent-posts-widget-with-thumbnails-2 a {
   font-family: 'Athene';
    font-size: 18px;
    color: #272827;
    font-weight: 500;
    display: block;
    text-align: left;
    text-transform: capitalize;
    line-height: 25px;
    margin: 15px 0 15px 0;
    transition: 0.4s;
}
.rpwwt-widget ul li {
    margin-bottom: 13px;
    padding-bottom: 20px;
    border-bottom: 1px solid #8f8f8f;
}
@media only screen and (max-height: 1400px) and (max-width: 1920px) {
    .container1 {
    max-width: 1803px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }  
    
    .container2 {
    /* max-width: 1618px; */
    max-width: 1684px;    
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    } 
    .PortfolioItems img {
    width: 100%;
    height: 100vh;
    object-fit: fill;
    }
    .BrandingMain9 {
    background-image: url(../images/Concept-Art.html);
    background-size: cover;
    }
    .GraphicTop .DigitalDeveText span {
    top: 0;
    }    
    .GraphicTop .DigitalDeveText span {
    top: 350px;
    }                 
    .clouseRightImg img {
    width: 100%;
    }
    .cloudeback:after {
    bottom: 10%;
    top: 20%;
    }
    .clouseText {
    height: 79vh;
    }
    .innermenimg img {
    width: 76%;
    }
    .letsdivemainText p {
    width: 43%;
    }
    .diveimg img {
    width: 46%;
    }
    .letsdivemainText2 p{
    width: 57%;
    }
    .WebText p{
    width: 47%;
    }
    .centerLinks {
    width: 100%;
    }
    .rightNavBar ul li {
    margin-right: 20px;
    }
    .JumJs2d p{
    width: 60%;
    }
    .WebMencss img {
    width: 18%;
    position: absolute;
    z-index: 1;
    left: 30%;
    right: 70%;
    top: 25%;
    bottom: 85%;
    }
    /* ============ About us css =========== */
    /* ============ Graphics Design css =========== */
    .GraphicLeft {
    height: 62vh;
    }
    /* ============ Graphics Design css =========== */
    /* ============ Animation Page css =========== */
    .btnDiv {
    left: 0;
    bottom: 215px;
    }
    .Left2d3dText {
    padding-left: 4%;
    }
    /* ============ Animation Page css =========== */
    }
    @media only screen and (max-height: 1200px) and (max-width: 1920px) {
    .container1 {
    max-width: 1803px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }  
    
    .container2 {
    /* max-width: 1618px; */
    max-width: 1684px;    
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    } 
    .PortfolioItems img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 350px !important;
    }    
    .GraphicTop .DigitalDeveText span {
    top: 0;
    font-size: 68px;
    }
    .GraphicTop .DigitalDeveText small {
    bottom: 53px;
    font-size: 50px;
    }        
    .clouseRightImg img {
    width: 76%;
    }
    .cloudeback:after {
    bottom: 10%;
    top: 20%;
    }
    .clouseText {
    height: 86vh;
    }
    .innermenimg img {
    width: 60%;
    }
    .letsdivemainText p {
    width: 43%;
    }
    .diveimg img {
    width: 46%;
    }
    .letsdivemainText2 p{
    width: 57%;
    }
    .WebText p{
    width: 47%;
    }
    .centerLinks {
    width: 100%;
    }
    .rightNavBar ul li {
    margin-right: 20px;
    }
    .JumJs2d p{
    width: 60%;
    }
    .WebMencss img {
    width: 18%;
    position: absolute;
    z-index: 1;
    left: 30%;
    right: 70%;
    top: 25%;
    bottom: 85%;
    }
    /* ============ Graphics Design css =========== */
    .GraphicLeft {
    height: 77vh;
    }
    /* ============ Graphics Design css =========== */
    /* ============ Animation Page css =========== */
    .btnDiv {
    left: 0;
    bottom: 254px;
    }
    .Left2d3dText {
    padding-left: 0;
    }
    /* ============ Animation Page css =========== */
    }
    @media only screen and (max-height: 1080px) and (max-width: 1920px) {
    .clouseText {
    height: 72vh;
    }
    }
    @media only screen and (max-height: 1050px) and (max-width: 1680px) {
    .container1 {
    max-width: 1600px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .container2 {
    max-width: 1475px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    } 
    img.img-fluid.lognimg {
    width: 85%;
    }
    img.img-fluid.lognimg2 {
    width: 31%;
    }
    img.img-fluid.lognimg3 {
    width: 85%;
    }
    img.img-fluid.lognimg4 {
    width: 31%;
    }
    .RankLogos .custom_widget {
    top: 16px;
    }
    .logos-slider img {
    width: 193px;
    }
    .footerreviews img {
    width: 73px;
    }
    /* .GraphicTop .Left2d3dText span{
    font-size: 130px;    
    } */
    .GraphicTop .FontResize span{
    font-size: 120px;    
    }
    .GraphicTop .FontResize small{
    font-size: 90px;    
    }
    .Left2d3dText .webDeveText span {
    font-size: 70px;
    letter-spacing: -5px;
    }
    .AppDevelopment .webDeveText span{
    font-size: 74px;
    }
    .AppDevelopment .webDeveText small{
    font-size: 60px;
    bottom: 79px;
    left: 45px;
    }
    .btnDiv {
    left: 0;
    bottom: 150px;
    }
    .designinglisticonTextImg ul li {
    margin-right: 3px;
    margin-bottom: 9px;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 300px !important;
    }
    .play-icon {
    top: 50%;
    }
    .VideoExpleiner img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .geekscopyright {
    left: -102px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 61%;
    margin: 0;
    float: right;
    }           
    .rightNavBar ul {
    text-align: right;
    margin: 0;
    }    
    .clouseRightImg img {
    width: 78%;
    }
    .cloudeback:after {
    bottom: 0;
    }
    .BlockChainContent {
    margin-top: 20px;
    margin-bottom: 10px;
    }
    .DevOpsSocial {
    margin-top: 60px;
    margin-bottom: 40px;
    }
    
    
    
    .clouseText {height: 78vh;}
    .innermenimg img {
    width: 67%;
    }
    .letsdivemainText p {width: 49%;}
    .diveimg img {
    width: 46%;
    }
    .letsdivemainText2 p{width: 65%;}
    .WebText p{
    width: 47%;
    }
    .centerLinks {
    width: 100%;
    }
    .rightNavBar ul li {
    margin-right: 20px;
    }
    .JumJs2d p{width: 69%;}
    .WebMencss img {
    width: 18%;
    position: absolute;
    z-index: 1;
    left: 30%;
    right: 70%;
    top: 25%;
    bottom: 85%;
    }
    .AboutHeading span {
    font-size: 250px;
    }
    .AboutHeading small {
    font-size: 250px;
    bottom: 40px;
    left: auto;
    right: 50px;
    }
    .clintheading {
    padding-left: 0;
    }
    .GraphicLeft {
    height: 74vh;
    }
    .GraphicLeft small {top: 219px;font-size: 60px;left: 75px;}
    .GraphicLeft span {top: 200px;left: 0;font-size: 90px;}
    .ServicesImgLinks ul li img {
    width: 220px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 220px;
    height: 60px;
    }
    }
    @media only screen and (max-height: 1200px) and (max-width: 1600px) {
    .container1 {
    max-width: 1480px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .container2 {
    max-width: 1360px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    } 
    img.img-fluid.lognimg {
    width: 85%;
    }
    img.img-fluid.lognimg2 {
    width: 33%;
    }
    img.img-fluid.lognimg3 {
    width: 90%;
    }
    img.img-fluid.lognimg4 {
    width: 35%;
    }
    .RankLogos .custom_widget {
    top: 16px;
    }
    .logos-slider img {
    width: 193px;
    }
    .footerreviews img {
    width: 63px;
    height: 40px;
    }
    /* .GraphicTop .Left2d3dText span{
    font-size: 130px;    
    } */
    .GraphicTop .FontResize span{
    font-size: 120px;    
    }
    .GraphicTop .FontResize small{
    font-size: 90px;    
    }
    .Left2d3dText .webDeveText span {
    font-size: 60px;
    letter-spacing: -5px;
    }
    .GraphicTop .MobileApp .webDeveText span{
    font-size: 60px;
    letter-spacing: -4px;
    bottom: 30px;
    left: 0;
    }
    .GraphicTop .MobileApp .webDeveText small{
    font-size: 50px;
    letter-spacing: -4px;
    bottom: 73px;
    left: 33px;
    }
    .btnDiv {
    left: 0;
    bottom: 130px;
    }
    .designinglisticonTextImg ul li {
    margin-right: 3px;
    margin-bottom: 9px;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 300px !important;
    }
    .play-icon {
    top: 50%;
    }
    .VideoExpleiner img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .geekscopyright {
    left: -86px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 57%;
    margin: 0;
    float: right;
    }                     
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 33%;
    bottom: 63%;
    right: 30px;
    }
    .DevOpsSocial {
    margin-top: 60px;
    margin-bottom: 40px;
    }
    .BlockChainContent {
    margin: 20px 0 20px 0;
    }
    .for1600 ul li img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    }
    .GraphicTop .webDeveText small {
    font-size: 50px;
    letter-spacing: -4px;
    bottom: 60px;
    left: 33px;
    
    }            
    .BannerHeading p {
    width: 48%;
    }    
    
    
    
    .clouseRightImg img {width: 95%;}
    .cloudeback:after {
    bottom: 0;
    }
    .clouseText {
    height: 76vh;
    }
    .innermenimg img {width: 75%;}
    .letsdivemainText p {width: 50%;}
    .diveimg img {
    width: 40%;
    }
    .letsdivemainText2 p{width: 65%;}
    .WebText p{
    width: 47%;
    }
    .centerLinks {width: 100%;top: 43%;left: 37%;}
    .rightNavBar ul li {
    margin-right: 10px;
    }
    .JumJs2d p{
    width: 67%;
    }
    .WebMencss img {
    width: 18%;
    position: absolute;
    z-index: 1;
    left: 30%;
    right: 70%;
    top: 25%;
    bottom: 85%;
    }
    .AboutHeading span {
    font-size: 250px;
    }
    .AboutHeading small {font-size: 250px;bottom: 40px;left: auto;right: 76px;}
    .clintheading {padding-left: 0;}
    .logos-slider img {width: 176px;height: 140px;}
    .GraphicLeft {
    height: 60vh;
    }
    .GraphicLeft small {top: 219px;font-size: 60px;left: 74px;}
    .GraphicLeft span {top: 200px;left: 0;font-size: 90px;}
    .ServicesImgLinks ul li img {
    width: 200px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 200px;
    height: 60px;
    }
    }
    @media only screen and (max-height: 900px) and (max-width: 1600px) {
    .container1 {
    max-width: 1480px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .container2 {
    max-width: 1360px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    
    img.img-fluid.lognimg {
    width: 73%;
    }
    img.img-fluid.lognimg2 {
    width: 28%;
    }
    img.img-fluid.lognimg3 {
    width: 75%;
    }
    img.img-fluid.lognimg4 {
    width: 29%;
    }
    .RankLogos .custom_widget {
    top: 16px;
    }
    .logos-slider img {
    width: 193px;
    }
    .footerreviews img {
    width: 63px;
    height: 40px;
    }
    /* .GraphicTop .Left2d3dText span{
    font-size: 130px;    
    } */
    .GraphicTop .FontResize span{
    font-size: 120px;    
    }
    .GraphicTop .FontResize small{
    font-size: 90px;    
    }
    .Left2d3dText .webDeveText span {
    font-size: 60px;
    letter-spacing: -5px;
    }
    .GraphicTop .MobileApp .webDeveText span{
    font-size: 60px;
    letter-spacing: -4px;
    bottom: 30px;
    left: 0;
    }
    .GraphicTop .MobileApp .webDeveText small{
    font-size: 50px;
    letter-spacing: -4px;
    bottom: 73px;
    left: 33px;
    }
    .btnDiv {
    left: 0;
    bottom: 130px;
    }
    .designinglisticonTextImg ul li {
    margin-right: 3px;
    margin-bottom: 9px;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 300px !important;
    left: 0;
    }
    .play-icon {
    top: 50%;
    }
    .VideoExpleiner img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .geekscopyright {
    left: -86px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 57%;
    margin: 0;
    float: right;
    }                     
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 33%;
    bottom: 63%;
    right: 30px;
    }
    .DevOpsSocial {
    margin-top: 60px;
    margin-bottom: 40px;
    }
    .BlockChainContent {
    margin: 4px 0 4px 0;
    }
    .for1600 ul li img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    }
    .GraphicTop .webDeveText small {
    font-size: 50px;
    letter-spacing: -4px;
    bottom: 60px;
    left: 33px;
    
    }            
    .BannerHeading p {
    width: 48%;
    }
    .JumJs2d p {
    width: 69%;
    }
    .jumpvec img {
    width: 24%;
    }
    div#section8 {
    display: block;
    align-items: inherit;
    justify-content: inherit;
    padding: 6% 0;
    }
    .AboutPeraText {
    width: 100%;
    height: 70vh;
    padding-left: 0;
    }
    .letsdivemainText p {
    width: 54%;
    }
    .TextMoveTopJS p{
    width: 71%;
    }          
    .JumJs2d p {
    width: 75%;
    }
    .logos-slider ul li {
    display: inline-block;
    margin-right: 24px;
    }    
    .PortfolioItems img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .ForMotionHeight img{
    width: 100%;
    height: 100vh;
    object-fit: fill;        
    }    
    .RightPortfolioMain {
    padding: 0 5%;
    }
    .checklistbox {
    margin-top: 10px;
    }
    .checklistbox span {
    font-size: 18px;
    }
    .checklistbox p {
    font-size: 14px;
    margin: 3px 0 0 0;
    }                
    .checklistheading span {
    font-size: 25px;
    width: 34%;
    line-height: 30px;
    }
    .CenterHeading span {
    font-size: 80px;
    letter-spacing: -13px;
    }
    .checklistheading p {
    font-size: 14px;
    bottom: 10px;
    }
    .mobileset {
    width: 60%;
    float: right;
    }
    .processheading {
    margin-top: 10%;
    }
    .servicesOffer.AnimationJs.BlockChainContent span {
    margin: 0 0 10px 0;
    font-size: 25px;
    line-height: 22px;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 50px;
    margin-bottom: 10px;
    }
    .caseheadingcenter img {
    width: 27%;
    }        
    
    
    
    
    .geekscopyright {
    left: -62px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 57%;
    margin: 0;
    float: right;
    }            
    .clouseRightImg img {
    width: 74%;
    }
    .clouseText {
    height: 65vh;
    }
    .cloudeback:after {
    bottom: 0%;
    top: 0%;
    }
    .lognimg2 {
    width: 32%;
    }
    .lognimg {
    width: 83%;
    }
    .centercircle {
    position: absolute;
    left: -26px;
    top: 46%;
    bottom: 46%;
    width: 50px;
    height: 50px;
    }
    .innermenimg img {
    width: 55%;
    }
    .lognimg3 {
    width: 80%;
    }
    .lognimg4 {
    width: 31%;
    }
    .centercircle2 {
    width: 50px;
    height: 50px;
    }
    .LetsDiveMain:after {
    width: 100%;
    height: 600px;
    background-size: contain;
    }
    .webJavaText:after {
    width: 100%;
    height: 600px;
    background-size: contain;
    }
    .Rightdiveimg img {
    top: 20%;
    bottom: 80%;
    }
    .backSeo small {
    font-size: 37rem;
    letter-spacing: -86px;
    }
    .WebText span {
    font-size: 80px;
    }
    .WebText small {
    font-size: 60px;
    right: 275px;
    top: 16px;
    }
    .VideoBox img {
    height: 190px;
    }
    .TestimonialSlider img {
    width: 40px;
    height: 40px;
    margin: 5px 0 5px 0;
    }
    .TestimonialSlider p {
    font-size: 13px;
    min-height: 110px;
    }
    .IOS small {
    font-size: 44rem;
    letter-spacing: -56px;
    }
    .VideoBox {
    margin: 0 0 10px 0;
    }
    .Testimonialleft span {
    font-size: 25px;
    }
    .geekscopyright ul li span {
    font-size: 11px;
    }
    .connectsocial ul li img {
    width: 50px;
    height: 50px;
    }
    .AboutHeading span {
    font-size: 220px;
    letter-spacing: -17px;
    }
    .AboutHeading small {
    font-size: 220px;
    bottom: 35px;
    left: auto;
    right: 52px;
    }
    .clintheading {padding-left: 0;}
    .logos-slider img {width: 170px;height: 100px;}
    .centercircle3 {position: absolute;left: auto;top: 30%;bottom: 70%;right: 76px;width: 55px;height: 55px;}
    .footerreviews img {
    width: 37px;
    height: 37px;
    }
    .column1 span {
    font-size: 14px;
    margin: 0 0 30px 0;
    }
    .column1 p {
    font-size: 14px;
    line-height: 19px;
    }
    .column1 small {
    font-size: 14px;
    font-weight: 600;
    margin: 40px 0 0 0;
    }
    .column2 span {
    font-size: 12px;
    margin: 0 0 30px 0;
    }
    .quicklinks ul li a {
    font-size: 14px;
    line-height: 20px;
    }
    .quicklinks ul li {
    margin-bottom: 9px;
    }
    .locations small {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 7px 0;
    }
    .column4 p {
    font-size: 14px;
    margin: 0;
    }
    .footersocial ul li {
    display: inline-block;
    margin-right: 20px;
    }
    .footersocial ul li a {
    font-size: 20px;
    color: #5c5e5b;
    }
    .emailinfo a {
    font-size: 20px;
    }
    .footerreviews ul li a {
    font-size: 14px;
    }
    .locations a {
    font-size: 14px;
    }
    .locations {
    margin-bottom: 20px;
    }
    .sociallistmain {
    position: absolute;
    bottom: 0%;
    width: 100%;
    padding: 20px 30px;
    left: 0;
    right: 0;
    }
    .GraphicLeft {
    height: 80vh;
    }
    .GraphicLeft small {top: 207px;font-size: 50px;left: 84px;letter-spacing: -2px;}
    .GraphicLeft span {top: 186px;left: 0;font-size: 90px;letter-spacing: -8px;}
    .ServicesImgLinks ul li img {
    width: 200px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 200px;
    height: 60px;
    }
    .AboutPeraText small {
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 30px;
    }
    .ServicesLinks ul li a {
    font-size: 50px;
    line-height: 70px;
    }
    }
    @media only screen and (max-height: 900px) and (max-width: 1440px) {
    .container1 {
    max-width: 1400px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .container2 {
    max-width: 1320px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .centerLinks {
        width: 100%;
        top: 40%;
        left: 30%;
    }
    
    
    img.img-fluid.lognimg {
    width: 73%;
    }
    img.img-fluid.lognimg2 {
    width: 31%;
    }
    img.img-fluid.lognimg3 {
    width: 75%;
    }
    img.img-fluid.lognimg4 {
    width: 33%;
    }
    .RankLogos .custom_widget {
    top: 16px;
    }
    .logos-slider img {
    width: 193px;
    }
    .footerreviews img {
    width: 63px;
    height: 40px;
    }
    /* .GraphicTop .Left2d3dText span{
    font-size: 130px;    
    } */
    .GraphicTop .FontResize span{
    font-size: 130px;
    }
    .GraphicTop .FontResize small{
    font-size: 90px;
    }
    .Left2d3dText .webDeveText span {
    font-size: 60px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText span{
    bottom: 10px;
    left: 0;
    font-size: 70px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText small{
    font-size: 50px;
    letter-spacing: -4px;
    bottom: 61px;
    left: 51px;
    }
    .btnDiv {
    left: 0;
    bottom: 130px;
    }
    .designinglisticonTextImg ul li {
    margin-right: 3px;
    margin-bottom: 9px;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 270px !important;
    left: 0;
    }
    .play-icon {
    top: 50%;
    }
    .PortfolioSlider .VideoExpleiner img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .geekscopyright {
    left: -106px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 57%;
    margin: 0;
    float: right;
    }                     
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 33%;
    bottom: 63%;
    right: 30px;
    }
    .DevOpsSocial {
    margin-top: 60px;
    margin-bottom: 40px;
    }
    .BlockChainContent {
    margin: 4px 0 4px 0;
    }
    .for1600 ul li img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    }
    .GraphicTop .webDeveText small {
    font-size: 50px;
    letter-spacing: -4px;
    bottom: 54px;
    left: 39px;
    }            
    .BannerHeading p {
    width: 48%;
    }
    .JumJs2d p {
    width: 69%;
    }
    .jumpvec img {
    width: 24%;
    }
    div#section8 {
    display: block;
    align-items: inherit;
    justify-content: inherit;
    padding: 6% 4%;
    }
    .AboutPeraText {
    width: 100%;
    height: 70vh;
    padding-left: 0;
    }
    .letsdivemainText p {
    width: 54%;
    }
    .TextMoveTopJS p{
    width: 71%;
    }          
    .letsdivemain .JumJs2d p {
        width: 59%;
    }
    .logos-slider ul li {
    display: inline-block;
    margin-right: 33px;
    }    
    .PortfolioItems img {
    width: 100%;
    height: 100vh;
    object-fit: fill;
    }
    .ForMotionHeight img{
    width: 100%;
    height: 100vh;
    object-fit: fill;        
    }    
    .RightPortfolioMain {
    padding: 0 5%;
    }
    .checklistbox {
    margin-top: 10px;
    }
    .checklistbox span {
    font-size: 18px;
    }
    .checklistbox p {
    font-size: 14px;
    margin: 3px 0 0 0;
    }                
    .checklistheading span {
    font-size: 25px;
    width: 34%;
    line-height: 30px;
    }
    .CenterHeading span {
    font-size: 80px;
    letter-spacing: -13px;
    }
    .checklistheading p {
    font-size: 14px;
    bottom: 10px;
    }
    .mobileset {
    width: 60%;
    float: right;
    }
    .processheading {
    margin-top: 10%;
    }
    .servicesOffer.AnimationJs.BlockChainContent span {
    margin: 0 0 10px 0;
    font-size: 33px;
    line-height: 35px;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 50px;
    margin-bottom: 10px;
    }
    .caseheadingcenter img {
    width: 36%;
    }
    .GraphicLeft.BlockChainDeve span {
    bottom: 20px;
    left: 0;
    font-size: 70px;
    letter-spacing: -3px;
    }
    .GraphicLeft.BlockChainDeve small{
    bottom: 51px;
    font-size: 50px;
    letter-spacing: -2px;
    left: 40px;
    } 
    .btnDiv p {
    line-height: 18px;
    font-size: 12px;
    }
    .DigitalMarketing span {
    margin: 0 0 10px 0;
    font-size: 25px;
    }
    .designinglisticonTextImg ul li small {
    font-size: 12px;
    }
    .processheading span {
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    }
    .processicons ul li {
    display: inline-block;
    margin-right: 45px;
    }
    .proicons span {
    font-size: 17px;
    margin: 10px 0 10px 0;
    }
    .proicons img {
    width: 60px;
    height: 60px;
    }
    .caseheadingcenter span {
    font-size: 100px;
    letter-spacing: -5px;
    }
    .caseheadingcenter p {
    width: 50%;
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
    }
    .CaseHeading span {
        font-size: 70px;
        letter-spacing: -1px;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 106px;
    width: 12%;
    }
    .timeduration span {
    padding: 15px 10px;
    font-size: 17px;
    }
    .CareerRight .faqscollapse {
    width: 100%;
    height: auto;
    padding: 4% 0;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px;
    }
    .applyText span {
    font-size: 30px;
    margin: 0 0 10px 0;
    }
    .FallingTelePhone img {
    left: 20%;
    }
    .PrivacyHeading h1 {
    font-size: 55px;
    }
    .connectsocial2 span {
    margin: 6px 0 5px 0;
    font-size: 19px;
    }
    .getaQuoteMain span {
    font-size: 25px;
    }
    .InnerAboutContent a {
    font-size: 25px;
    }
    .InnerNavigation span {
    font-size: 18px;
    margin: 10px 0 10px 0;
    }
    
    .clouseRightImg img {
    width: 81%;
    }
    .clouseText {
    height: 82vh;
    }
    .cloudeback:after {
    bottom: 0%;
    top: 10%;
    }
    .lognimg2 {
    width: 35%;
    }
    .lognimg {
    width: 82%;
    }
    .centercircle {
    position: absolute;
    left: -26px;
    top: 46%;
    bottom: 46%;
    width: 50px;
    height: 50px;
    }
    .innermenimg img {
    width: 70%;
    }
    .lognimg3 {
    width: 80%;
    }
    .lognimg4 {
    width: 34%;
    }
    .centercircle2 {
    width: 50px;
    height: 50px;
    }
    .LetsDiveMain:after {
    width: 100%;
    height: 600px;
    background-size: contain;
    }
    .webJavaText:after {
    width: 100%;
    height: 600px;
    background-size: contain;
    }
    .Rightdiveimg img {
    top: 20%;
    bottom: 80%;
    }
    .backSeo small {
    font-size: 37rem;
    letter-spacing: -86px;
    }
    .WebText span {
    font-size: 80px;
    }
    .WebText small {
    font-size: 50px;
    right: 285px;
    top: 20px;
    }
    .VideoBox img {
        height: 165px;
        width: 100%;
    }
    .TestimonialIcons img {
        width: auto;
        height: 25px;
    }

    .circleTestimonial img {
        width: 45px;
        height: 45px;
        position: relative;
        top: 0;
        display: inline-block;
    }
    .TestimonialLeftSlider .slick-dots {
        padding: 0rem 0;
        top: 0;
    }        
    .TestimonialIcons li a {
        font-size: 20px;
        color: #fff;
        margin-right: 0;
    }    
    .TestimonialSlider img {
    width: 40px;
    height: 40px;
    margin: 0 0 15px 0;
    }
    .TestimonialSlider p {
    font-size: 13px;
    min-height: auto;
    }
    .IOS small {
    font-size: 44rem;
    letter-spacing: -56px;
    }
    .VideoBox {
    margin: 0 0 10px 0;
    }
    .Testimonialleft span {
    font-size: 25px;
    }
    .geekscopyright ul li span {
    font-size: 11px;
    }
    .connectsocial ul li img {
    width: 44px;
    height: 44px;
    }
    .FocusingText small {
    font-size: 30px;
    }
    .FocusingText span {
    font-size: 40px;
    }
    .rightNavBar ul li {
    margin-right: 15px;
    }
    .letsdivemainText p {
        width: 52%;
    }
    .Text2d3d {
        margin-top: 100px;
    }    
    .letsdivemainText2 span {
    font-size: 80px;
    line-height: 130px;
    }
    .letsdivemainText2 small {
    top: 58px;
    right: 46px;
    }
    .TextMoveTopJS p {
    width: 60%;
    }
    .WebText p {
    width: 53%;
    }
    .WebTextJs2 small {
    font-size: 50px;
    right: 285px;
    top: 6px;
    }
    .AppMencss img {
    top: 17%;
    }
    .jumpvec img {
    width: 30%;
    }
    .Text2d3d span {
    font-size: 100px;
    line-height: 130px;
    }
    .Text2d3d small {
        font-size: 60px;
        line-height: 90px;
    }
    .ServicesImgLinks ul li:last-child img {
    width: 80px;
    height: 60px;
    }
    div#ServicesMenu ul li:last-child img {
    width: 80px;
    height: 60px;
    }
    .connectsocial2 ul {
    text-align: left;
    padding-left: 0;
    }
    .AboutHeading span {font-size: 210px;letter-spacing: -3px;}
    .AboutHeading small {font-size: 210px;bottom: 34px;left: auto;right: 83px;}
    .clintheading {padding-left: 100px;}
    .logos-slider img {width: 140px;height: 100px;}
    .centercircle3 {
        position: absolute;
        left: auto;
        top: 34%;
        bottom: 68%;
        right: 85px;
        width: 55px;
        height: 55px;     
    }
    .footerreviews img {width: 50px;height: 50px;}
    .column1 span {
        font-size: 15px;
        margin: 0 0 20px 0;
    }
    .column1 p {
    font-size: 14px;
    line-height: 19px;
    }
    .column1 small {
    font-size: 14px;
    font-weight: 600;
    margin: 16px 0 0 0;
    }
    .column2 span {
        font-size: 15px;
        margin: 0 0 20px 0;
    }
    .quicklinks span {
        margin-bottom: 20px;
        font-size: 15px;
    }
    .column4 span {
        font-size: 15px;
        margin: 0 0 20px 0;
    }        
    .quicklinks ul li a {
    font-size: 14px;
    line-height: 20px;
    }
    .quicklinks ul li {
    margin-bottom: 9px;
    }
    .locations small {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    }
    .column4 p {
    font-size: 14px;
    margin: 0;
    }
    .footersocial ul li {
    display: inline-block;
    margin-right: 20px;
    }
    .footersocial ul li a {
    font-size: 20px;
    color: #5c5e5b;
    }
    .emailinfo a {
    font-size: 20px;
    }
    .footerreviews ul li a {font-size: 22px;}
    .locations a {
    font-size: 14px;
    }
    .locations {
    margin-bottom: 12px;
    }
    .sociallistmain {
    position: absolute;
    bottom: 0%;
    width: 100%;
    padding: 0px 30px;
    left: 0;
    right: 0;
    }
    .footerreviews ul li {padding-right: 10px;padding-left: 6px;}
    .GraphicLeft {
        height: 60vh;
    }
    .GraphicLeft small {top: 150px;font-size: 65px;left: 10%;letter-spacing: -1px;}
    .GraphicLeft span {top: 131px;left: 0;font-size: 90px;letter-spacing: -5px;}
    .ServicesImgLinks ul li img {
    width: 180px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 180px;
    height: 60px;
    }
    .AboutPeraText small {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
    }
    .servicesOffer span {
        font-size: 39px;
    }    
    .ServicesLinks ul li a {
    font-size: 60px;
    line-height: 80px;
    }
    .smallText ul li a{
        font-size: 38px;
        line-height: 80px;        
    }
    .TestimonialIcons li:first-child {
        padding: 10px 20px;
    }
    .Seprator2 {
        padding: 1% 0;
    }
    .connectsocial2 ul li {
        padding: 9px 10px;
    }
    .close {
        top: 35px;
        right: 30px;
    }
    .redSeprator {
        padding: 2% 0 2% 0;
    }
    .footerreviews {
        margin: 20px 0 0 0;
        padding: 10px 0 0 0;
    }
    .TestimonailLeftMainInner .Testimonialleft span {
        color: #272827;
        margin-bottom: 30px;
        font-size: 30px;
    }
    .copyrightText {
        margin-top: 30px;
    }
    .footersocial ul {
        margin: 30px 0 0 0;
    }                                
    .CaseHeading p {
        width: 52%;
        margin: 10px auto 10px auto;
        text-align: center;
        font-size: 14px;
    }    
    }
    @media only screen and (max-height: 1050px) and (max-width: 1400px) {
    .container1 {max-width: 1340px;box-sizing: border-box;width: 100%;padding-left: 0px;padding-right: 0px;margin-left: auto;margin-right: auto;}
    
    .container2 {max-width: 1220px;box-sizing: border-box;width: 100%;padding-left: 0px;padding-right: 0px;margin-left: auto;margin-right: auto;}
    
    
    
    
    
    
    
    img.img-fluid.lognimg {
    width: 83%;
    }
    img.img-fluid.lognimg2 {
    width: 36%;
    }
    img.img-fluid.lognimg3 {
    width: 82%;
    }
    img.img-fluid.lognimg4 {
    width: 36%;
    }
    .RankLogos .custom_widget {
    top: 16px;
    }
    .logos-slider img {
    width: 193px;
    }
    .footerreviews img {
    width: 63px;
    height: 40px;
    }
    /* .GraphicTop .Left2d3dText span{
    font-size: 130px;    
    } */
    .GraphicTop .FontResize span{
    font-size: 100px;
    }
    .GraphicTop .FontResize small{
    font-size: 70px;
    }
    .Left2d3dText .webDeveText span {
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText span{
    bottom: 30px;
    left: 0;
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText small{
    font-size: 40px;
    letter-spacing: -4px;
    bottom: 65px;
    left: 33px;
    }
    .btnDiv {
    left: 0;
    bottom: 100px;
    }
    .designinglisticonTextImg ul li {
    margin-right: 3px;
    margin-bottom: 9px;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 270px !important;
    left: 0;
    }
    .play-icon {
    top: 50%;
    }
    .PortfolioSlider .VideoExpleiner img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .geekscopyright {
    left: -86px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 57%;
    margin: 0;
    float: right;
    }                     
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 33%;
    bottom: 63%;
    right: 30px;
    }
    .DevOpsSocial {
    margin-top: 60px;
    margin-bottom: 40px;
    }
    .BlockChainContent {
    margin: 4px 0 4px 0;
    }
    .for1600 ul li img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    }
    .GraphicTop .webDeveText small {
    font-size: 40px;
    letter-spacing: -4px;
    bottom: 52px;
    left: 33px;
    }            
    .BannerHeading p {
    width: 48%;
    }
    .JumJs2d p {
    width: 69%;
    }
    .jumpvec img {
    width: 24%;
    }
    div#section8 {
    display: block;
    align-items: inherit;
    justify-content: inherit;
    padding: 11% 0;
    }
    .AboutPeraText {
    width: 100%;
    height: 70vh;
    padding-left: 0;
    }
    .letsdivemainText p {
    width: 54%;
    }
    .TextMoveTopJS p{
    width: 71%;
    }          
    .JumJs2d p {
    width: 75%;
    }
    .logos-slider ul li {
    display: inline-block;
    margin-right: 15px;
    }    
    .PortfolioItems img {
    width: 100%;
    height: 100vh;
    object-fit: fill;
    }
    .ForMotionHeight img{
    width: 100%;
    height: 100vh;
    object-fit: fill;        
    }    
    .RightPortfolioMain {
    padding: 0 5%;
    }
    .checklistbox {
    margin-top: 10px;
    }
    .checklistbox span {
    font-size: 18px;
    }
    .checklistbox p {
    font-size: 14px;
    margin: 3px 0 0 0;
    }                
    .checklistheading span {
    font-size: 25px;
    width: 34%;
    line-height: 30px;
    }
    .CenterHeading span {
    font-size: 80px;
    letter-spacing: -13px;
    }
    .checklistheading p {
    font-size: 14px;
    bottom: 10px;
    }
    .mobileset {
    width: 60%;
    float: right;
    }
    .processheading {
    margin-top: 10%;
    }
    .servicesOffer.AnimationJs.BlockChainContent span {
    margin: 0 0 10px 0;
    font-size: 25px;
    line-height: 22px;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 50px;
    margin-bottom: 10px;
    }
    .caseheadingcenter img {
    width: 46%;
    }
    .GraphicLeft.BlockChainDeve span {
    bottom: 20px;
    left: 0;
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicLeft.BlockChainDeve small{
    bottom: 41px;
    font-size: 40px;
    letter-spacing: -2px;
    left: 34px;
    } 
    .btnDiv p {
    line-height: 25px;
    font-size: 15px;
    }
    .DigitalMarketing span {
    margin: 0 0 10px 0;
    font-size: 25px;
    }
    .designinglisticonTextImg ul li small {
    font-size: 12px;
    }
    .processheading span {
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    }
    .processicons ul li {
    display: inline-block;
    margin-right: 45px;
    }
    .proicons span {
    font-size: 17px;
    margin: 10px 0 10px 0;
    }
    .proicons img {
    width: 60px;
    height: 60px;
    }
    .caseheadingcenter span {
    font-size: 100px;
    letter-spacing: -5px;
    }
    .caseheadingcenter p {
    width: 50%;
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
    }
    .CaseHeading span {
    font-size: 100px;
    letter-spacing: -1px;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 117px;
    width: 12%;
    }
    .timeduration span {
    padding: 15px 10px;
    font-size: 17px;
    }
    .CareerRight .faqscollapse {
    width: 100%;
    height: auto;
    padding: 4% 0;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px;
    }
    .applyText span {
    font-size: 30px;
    margin: 0 0 10px 0;
    }
    .FallingTelePhone img {
    left: 20%;
    }
    .PrivacyHeading h1 {
    font-size: 55px;
    }
    .connectsocial2 span {
    margin: 6px 0 5px 0;
    font-size: 19px;
    }
    .getaQuoteMain span {
    font-size: 25px;
    }
    .InnerAboutContent a {
    font-size: 25px;
    }
    .InnerNavigation span {
    font-size: 18px;
    margin: 10px 0 10px 0;
    }
    .centerLinks {
    width: 100%;
    top: 43%;
    left: 30%;
    }
    .close {
    top: 33px;
    }
    
    
    
    
    
    .clouseRightImg img {width: 94%;}
    .clouseText {
    height: 80vh;
    }
    .cloudeback:after {bottom: 0%;top: 9%;}
    .lognimg2 {
    width: 42%;
    }
    .lognimg {
    width: 95%;
    }
    .centercircle {
    position: absolute;
    left: -26px;
    top: 46%;
    bottom: 46%;
    width: 50px;
    height: 50px;
    }
    .innermenimg img {width: 76%;}
    .lognimg3 {
    width: 95%;
    }
    .lognimg4 {
    width: 42%;
    }
    .centercircle2 {
    width: 50px;
    height: 50px;
    }
    .LetsDiveMain:after {
    width: 80%;
    height: 660px;
    background-size: contain;
    }
    .webJavaText:after {
    width: 80%;
    height: 660px;
    background-size: contain;
    }
    .Rightdiveimg img {
    top: 20%;
    bottom: 80%;
    }
    .backSeo small {
    font-size: 37rem;
    letter-spacing: -86px;
    }
    .WebText span {
    font-size: 80px;
    }
    .WebText small {
    font-size: 60px;
    right: 275px;
    top: 16px;
    }
    .VideoBox img {
    height: 190px;
    }
    .TestimonialSlider img {
    width: 40px;
    height: 40px;
    margin: 5px 0 5px 0;
    }
    .TestimonialSlider p {
    font-size: 13px;
    min-height: 110px;
    }
    .IOS small {
    font-size: 44rem;
    letter-spacing: -56px;
    }
    .VideoBox {
    margin: 0 0 10px 0;
    }
    .Testimonialleft span {
    font-size: 25px;
    }
    .geekscopyright ul li span {
    font-size: 11px;
    }
    .connectsocial ul li img {
    width: 44px;
    height: 44px;
    }
    .FocusingText small {
    font-size: 30px;
    }
    .FocusingText span {
    font-size: 40px;
    }
    .rightNavBar ul li {
    margin-right: 15px;
    }
    .letsdivemainText p {width: 60%;}
    .letsdivemainText2 span {
    font-size: 80px;
    line-height: 130px;
    }
    .letsdivemainText2 small {
    top: 58px;
    right: 46px;
    }
    .TextMoveTopJS p {width: 69%;}
    .WebText p {
    width: 53%;
    }
    .WebTextJs2 small {
    font-size: 60px;
    right: 275px;
    top: 3px;
    }
    .AppMencss img {
    top: 17%;
    }
    .jumpvec img {
    width: 30%;
    }
    .Text2d3d span {
    font-size: 120px;
    line-height: 130px;
    }
    .Text2d3d small {
    font-size: 64px;
    line-height: 90px;
    }
    .WebTextJs2 p {
    width: 63%;
    }
    .connectsocial ul li {
    margin-right: 5px;
    }
    .AdressBox a {
    font-size: 14px;
    display: block;
    margin: 0 0 5px 0;
    line-height: 20px;
    }
    .AboutHeading span {font-size: 220px;letter-spacing: -8px;}
    .AboutHeading small {font-size: 220px;bottom: 35px;left: auto;right: 73px;}
    .clintheading {padding-left: 0;}
    .logos-slider img {width: 140px;height: 100px;}
    .centercircle3 {position: absolute;left: auto;top: 35%;bottom: 65%;right: 32px;width: 55px;height: 55px;}
    .footerreviews img {width: 50px;height: 50px;}
    .column1 span {
    font-size: 14px;
    margin: 0 0 30px 0;
    }
    .column1 p {
    font-size: 14px;
    line-height: 19px;
    }
    .column1 small {
    font-size: 14px;
    font-weight: 600;
    margin: 40px 0 0 0;
    }
    .column2 span {
    font-size: 12px;
    margin: 0 0 30px 0;
    }
    .quicklinks ul li a {
    font-size: 14px;
    line-height: 20px;
    }
    .quicklinks ul li {
    margin-bottom: 9px;
    }
    .locations small {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 7px 0;
    }
    .column4 p {
    font-size: 14px;
    }
    .footersocial ul li {
    display: inline-block;
    margin-right: 20px;
    }
    .footersocial ul li a {
    font-size: 20px;
    color: #5c5e5b;
    }
    .emailinfo a {
    font-size: 20px;
    }
    .footerreviews ul li a {font-size: 20px;}
    .locations a {
    font-size: 14px;
    }
    .locations {
    margin-bottom: 15px;
    }
    .sociallistmain {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 30px;
    left: 0;
    right: 0;
    }
    .footerreviews ul li {
    padding-right: 7px;
    padding-left: 6px;
    }
    .GraphicLeft {
    height: 66vh;
    }
    .GraphicLeft small {top: 201px;font-size: 50px;left: 51px;letter-spacing: -2px;}
    .GraphicLeft span {top: 186px;left: 0px;font-size: 70px;letter-spacing: -5px;}
    .ServicesImgLinks ul li img {
    width: 170px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 170px;
    height: 60px;
    }
    .ServicesImgLinks ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .AboutPeraText small {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
    }
    .ServicesLinks ul li a {
    font-size: 50px;
    line-height: 70px;
    }
    .connectsocial2 ul {
    text-align: left;
    padding-left: 0;
    }
    div#ServicesMenu ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .getquotebuttons {top: 50%;}
    .TestimonialIcons li:first-child {
        padding: 10px 20px;
    }
    .Seprator2 {
        padding: 5% 0;
    }
    .connectsocial2 ul li {
        padding: 7px 5px;
    }
    .close {
        top: 35px;
        right: 30px;
    }                  
    }
    @media only screen and (max-height: 768px) and (max-width: 1366px) {
    .container1 {
    max-width: 1326px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .container2 {
    max-width: 1216px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    
    
    
    img.img-fluid.lognimg {
    width: 60%;
    }
    img.img-fluid.lognimg2 {
    width: 27%;
    }
    img.img-fluid.lognimg3 {
    width: 62%;
    }
    img.img-fluid.lognimg4 {
    width: 28%;
    }
    .RankLogos .custom_widget {
    top: 16px;
    }
    .logos-slider img {
    width: 193px;
    }
    .footerreviews img {
    width: 63px;
    height: 40px;
    }
    /* .GraphicTop .Left2d3dText span{
    font-size: 130px;    
    } */
    .GraphicTop .FontResize span{
    font-size: 100px;
    }
    .GraphicTop .FontResize small{
    font-size: 70px;
    }
    .Left2d3dText .webDeveText span {
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText span{
    bottom: 30px;
    left: 0;
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText small{
    font-size: 40px;
    letter-spacing: -4px;
    bottom: 65px;
    left: 33px;
    }
    .btnDiv {
    left: 0;
    bottom: 130px;
    }
    .designinglisticonTextImg ul li {
    margin-right: 3px;
    margin-bottom: 9px;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 220px !important;
    left: 0;
    }
    .play-icon {
    top: 50%;
    }
    .PortfolioSlider .VideoExpleiner img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .geekscopyright {
    left: -86px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 63%;
    margin: 0;
    float: right;
    }                     
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 33%;
    bottom: 63%;
    right: 30px;
    }
    .DevOpsSocial {
    margin-top: 60px;
    margin-bottom: 40px;
    }
    .BlockChainContent {
    margin: 4px 0 4px 0;
    }
    .for1600 ul li img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    }
    .GraphicTop .webDeveText small {
    font-size: 40px;
    letter-spacing: -4px;
    bottom: 52px;
    left: 33px;
    }            
    .BannerHeading p {
    width: 48%;
    font-size: 13px;
    }
    .JumJs2d p {
    width: 69%;
    }
    .jumpvec img {
    width: 24%;
    }
    div#section8 {
    display: block;
    align-items: inherit;
    justify-content: inherit;
    padding: 4% 0;
    }
    .AboutPeraText {
    width: 100%;
    height: 70vh;
    padding-left: 0;
    }
    .letsdivemainText p {
    width: 54%;
    }
    .TextMoveTopJS p{
    width: 71%;
    }          
    .JumJs2d p {
    width: 75%;
    }
    .logos-slider ul li {
    display: inline-block;
    margin-right: 23px;
    }    
    .PortfolioItems img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .ForMotionHeight img{
    width: 100%;
    height: 100vh;
    object-fit: contain;
    }    
    .RightPortfolioMain {
    padding: 5%;
    }
    .checklistbox {
    margin-top: 10px;
    }
    .checklistbox span {
    font-size: 18px;
    }
    .checklistbox p {
    font-size: 14px;
    margin: 3px 0 0 0;
    }                
    .checklistheading span {
    font-size: 25px;
    width: 34%;
    line-height: 30px;
    }
    .CenterHeading span {
    font-size: 80px;
    letter-spacing: -13px;
    }
    .checklistheading p {
    font-size: 14px;
    bottom: 10px;
    }
    .mobileset {
    width: 60%;
    float: right;
    }
    .processheading {
    margin-top: 10%;
    }
    .servicesOffer.AnimationJs.BlockChainContent span {
    margin: 0 0 10px 0;
    font-size: 25px;
    line-height: 22px;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 50px;
    margin-bottom: 10px;
    }
    .caseheadingcenter img {
    width: 30%;
    }
    .GraphicLeft.BlockChainDeve span {
    bottom: 20px;
    left: 0;
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicLeft.BlockChainDeve small{
    bottom: 41px;
    font-size: 40px;
    letter-spacing: -2px;
    left: 34px;
    } 
    .btnDiv p {
    line-height: 18px;
    font-size: 14px;
    }
    .DigitalMarketing span {
    margin: 0 0 10px 0;
    font-size: 25px;
    }
    .designinglisticonTextImg ul li small {
    font-size: 12px;
    }
    .processheading span {
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    }
    .processicons ul li {
    display: inline-block;
    margin-right: 45px;
    }
    .proicons span {
    font-size: 17px;
    margin: 10px 0 10px 0;
    }
    .proicons img {
    width: 40px;
    height: 40px;
    }
    .caseheadingcenter span {
    font-size: 70px;
    letter-spacing: -2px;
    }
    .caseheadingcenter p {
    width: 62%;
    margin: 10px auto;
    text-align: center;
    font-size: 13px;
    }
    .CaseHeading span {
    font-size: 100px;
    letter-spacing: -1px;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 106px;
    width: 12%;
    }
    .colorRadius ul li small {
    width: 94px;
    height: 94px;
    }        
    .timeduration span {
    padding: 15px 10px;
    font-size: 17px;
    }
    .CareerRight .faqscollapse {
    width: 100%;
    height: auto;
    padding: 4% 0;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px;
    }
    .applyText span {
    font-size: 25px;
    margin: 0 0 10px 0;
    letter-spacing: 0px;
    }
    .FallingTelePhone img {
    left: 20%;
    width: 6%;
    }
    .PrivacyHeading h1 {
    font-size: 55px;
    }
    .connectsocial2 span {
    margin: 6px 0 5px 0;
    font-size: 19px;
    }
    .getaQuoteMain span {
    font-size: 25px;
    }
    .InnerAboutContent a {
    font-size: 25px;
    }
    .InnerNavigation span {
    font-size: 18px;
    margin: 10px 0 10px 0;
    }
    .centerLinks {
    width: 100%;
    top: 38%;
    left: 30%;
    }        
    .btn1 {
    padding: 14px 30px;
    border-radius: 5px;
    display: inline-block;
    background: #d3202e;
    color: #e3e3e2;
    border-radius: 3px;
    font-size: 20px;
    margin-right: 10px;
    }        
    .AnimationRight .planing ul li small {
    font-size: 13px;
    width: 100%;
    padding: 14px 30px;
    }
    /* .designinglisticon ul li img {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
    }  */
    .servicesOffer small {
    margin: 20px 0 30px 0;
    font-size: 18px;
    }
    .chooseuscontente ul li small {
    font-size: 16px;
    display: block;
    margin: 0;
    line-height: 20px;
    }                              
    .chooseuscontente ul li {
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 20px;
    }
    .chooseuscontente p {
    font-size: 13px;
    margin: 0 0 10px 0;
    width: 70%;
    }
    .btnDiv3 small {
    font-size: 16px;
    margin: 0 0 10px 0;
    }
    .chooseuscontente span {
    font-size: 25px;
    margin: 0 0 10px 0;
    font-weight: 500;
    }
    .emailinfo img {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    }
    .AnimationRight .planing span {
    font-size: 13px;
    line-height: 15px;
    }
    .processbox p {
    font-size: 13px;
    margin: 0;
    }
    .servicesOffer.AnimationJs.BlockChainContent p {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 18px;
    }
    .designinglisticonTextImg ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin: 0px auto;
    display: table;
    }
    .BrandingMain10 {
    background-position: center;
    }
    .servicesOffer span {
    color: #e3e3e2;
    display: block;
    font-family: 'Athene';
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 20px 0;
    }
    .BannerHeading span {
    font-size: 60px;
    }
    .blogLink a {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    }
    .OurRole span {
    font-size: 16px;
    padding: 11px 20px;
    }
    .ruleListing ul li {
    font-size: 14px;
    margin: 10px 0 0 0;
    }
    .AboutProject span {
    display: table;
    background: #313131;
    padding: 11px 20px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    }
    .timedurationDis span {
    display: inline-block;
    color: #d3202e;
    font-size: 30px;
    font-weight: 600;
    }
    .colorSec span {
    font-size: 16px;
    padding: 11px 20px;
    }
    .ClientLogoCenter img {
    display: table;
    margin: 40px auto 0px auto;
    width: 160px;
    }
    .AboutProject p {
    font-size: 13px;
    width: 100%;
    line-height: 18px;
    }
    .ToolsUsed span {
    font-size: 16px;
    margin-bottom: 60px;
    padding: 11px 20px;
    }
    .ToolsUsed ul li img {
    display: block;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    margin: 0px auto;
    }
    .ToolsUsed ul li img {
    display: block;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    margin: 0px auto;
    }        
    .ToolsUsed ul li {
    display: inline-block;
    margin-right: 143px;
    }
    .AboutProjectMain2 .AboutProject span {
    font-size: 16px;
    margin-bottom: 40px;
    padding: 11px 20px;
    }
    .CareerLeft1 span {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -4px;
    }
    .CareerLeft1 {
    height: 413px;
    }
    .CareerRight .borderbottom {
    border-bottom: 1px solid #b4b4b3;
    padding: 28px 0;
    }
    .LeaveForm textarea {
    height: 150px;
    padding: 16px;
    }
    .GetInTouchMain span {
    font-size: 18px;
    padding: 4% 0 0 5%;
    }
    .getinBox small {
    font-size: 16px;
    margin: 0px 0 10px 0;
    }
    .getinBox p {
    font-size: 14px;
    margin: 0;
    }
    .getinBox a {
    font-size: 16px;
    margin: 6px 0 0 0;
    }
    .getinSocial ul li a {
    font-size: 20px;
    color: #e3e3e2;
    }
    .getinSocial ul li {
    display: inline-block;
    margin-right: 10px;
    }
    .PrivacyHeading small {
    font-size: 18px;
    margin: 10px 0 10px 0;
    }
    .PrivacyHeading p {
    font-size: 13px;
    margin: 0;
    } 
    .clouseRightImg img {width: 72%;}
    .clouseText {
    height: 73vh;
    }
    .cloudeback:after {bottom: 0%;top: 8%;height: auto;width: 96%;left: 0;right: 0;margin: 0px auto;}
    .lognimg2 {
    width: 31%;
    }
    .lognimg {
    width: 69%;
    }
    .centercircle {
    position: absolute;
    left: -26px;
    top: 46%;
    bottom: 46%;
    width: 50px;
    height: 50px;
    }
    .innermenimg img {
    width: 56%;
    }
    .lognimg3 {
    width: 67%;
    }
    .lognimg4 {
    width: 30%;
    }
    .centercircle2 {
    width: 50px;
    height: 50px;
    }
    .LetsDiveMain:after {
    width: 50%;
    height: 520px;
    background-size: contain;
    }
    .webJavaText:after {
    width: 50%;
    height: 520px;
    background-size: contain;
    }
    .Rightdiveimg img {
    top: 20%;
    bottom: 80%;
    }
    .backSeo small {
    font-size: 29rem;
    letter-spacing: -76px;
    }
    .WebText span {
    font-size: 70px;
    }
    .WebText small {
    font-size: 50px;
    right: 238px;
    top: 20px;
    }
    .VideoBox img {
    height: 170px;
    }
    .TestimonialSlider img {
        width: 30px;
        height: 30px;
        margin: 0;
    }
    .TestimonialSlider p {
        font-size: 12px;
        min-height: auto;
        line-height: 15px;
    }
    .IOS small {
    font-size: 45rem;
    letter-spacing: -46px;
    }
    .VideoBox {
    margin: 0 0 10px 0;
    }
    .Testimonialleft span {
    font-size: 25px;
    text-align: center;
    }
    .geekscopyright ul li span {
    font-size: 11px;
    }
    .connectsocial ul li img {
    width: 41px;
    height: 43px;
    }
    .FocusingText small {
    font-size: 23px;
    }
    .FocusingText span {
    font-size: 33px;
    }
    .rightNavBar ul li {margin-right: 20px;}
    .letsdivemainText p {width: 57%;font-size: 13px;}
    .letsdivemainText2 span {
    font-size: 80px;
    line-height: 130px;
    }
    .letsdivemainText2 small {top: 35px;right: 36px;font-size: 60px;line-height: 87px;}
    .TextMoveTopJS p {width: 61%;margin: 0;}
    .WebText p {
    width: 56%;
    font-size: 13px;
    }
    .WebTextJs2 small {
    font-size: 50px;
    right: 236px;
    top: 4px;
    }
    .AppMencss img {
    top: 17%;
    }
    .jumpvec img {width: 25%;}
    .Text2d3d span {
    font-size: 120px;
    line-height: 130px;
    }
    .Text2d3d small {
    font-size: 64px;
    line-height: 90px;
    }
    .WebTextJs2 p {
    width: 63%;
    }
    .connectsocial ul li {
    margin-right: 5px;
    }
    .AdressBox a {
    font-size: 13px;
    display: block;
    margin: 0 0 8px 0;
    line-height: 15px;
    }
    .clouseText small {
    font-size: 50px;
    letter-spacing: -5px;
    right: 40px;
    top: 13px;
    }
    .clouseText span {
    font-size: 70px;
    letter-spacing: -5px;
    }
    .clouseText p {
    font-size: 13px;
    line-height: 15px;
    margin-right: 40px;
    }
    .FocusingText p {
    font-size: 13px;
    line-height: 17px;
    }
    .NftHeading div img {
    width: 130px;
    height: 80px;
    }
    .Peraslider p {
    font-size: 13px;
    line-height: 18px;
    }
    .letsdivemainText {
    margin-top: 20px;
    }
    .letsdivemainText span {
    font-size: 85px;
    margin-right: 0;
    }
    .centerLinks ul li a {
    line-height: 24px;
    letter-spacing: 4px;
    font-size: 13px;
    }
    .TextMoveTopJS span {font-size: 70px;margin-right: 0;position: relative;bottom: 0;line-height: 100px;}
    .rightNavBar ul li a {
    font-size: 13px;
    }
    .geekscopyright {
    left: -102px;
    z-index: 2;
    }
    #section8 .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    }
    .TestimonialSlider span {
    font-size: 14px;
    }
    .VideoBox span {
    font-size: 14px;
    margin: 8px 0 0 0;
    }
    .VideoBox small {
    line-height: 20px;
    font-size: 13px;
    }
    .TestimonialIcons img {
    width: 40px;
    height: 40px;
    }
    .TestimonialSlider small {
    font-size: 13px;
    margin: 0px 0 0px 0;
    }
    .GeeksLogo.LogoLeft {
    width: 40px;
    }
    .navbar img {
    width: 24px;
    }
    header {
    padding: 20px 0;
    }
    .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    }
    .padding-for-container {
    padding-left: 0;
    padding-right: 0;
    }
    .JumJs2d span {
    font-size: 115px;
    margin-right: 0;
    }
    .navbar {top: 10px;right: 0;}
    .close {
    top: 26px;
    right: 20px;
    }
    .JumJs2d p {width: 59%;font-size: 13px;}
    .TestimonialIcons li a {
    font-size: 14px;
    color: #fff;
    }
    .custom_widget {
    margin-left: 0;
    }
    .InnerAboutContent a {
    font-size: 25px;
    }
    .getaQuoteMain span{
    font-size: 25px;
    }
    .InnerAboutContent span {
    font-size: 16px;
    margin: 10px 0 10px 0;
    }
    .InnerNavigation span {
    font-size: 16px;
    margin: 10px 0 10px 0;
    }
    .QoteForm textarea {
    height: 110px;
    }
    .QoteForm input[type="submit"] {
    font-size: 25px;
    }
    .connectsocial2 ul li a {
    font-size: 20px;
    color: #fff;
    }
    .connectsocial2 span {
        margin: 5px 0 0px 0;
    }
    .Testimonialleft small {
    font-size: 14px;
    text-align: center;
    }
    .Testimonialleft small:after{
    display: none;
    }
    .TestimonialLeftSlider .slick-dots {
    margin: 0;
    padding: 0rem 0;
    }
    .AboutHeading span {font-size: 210px;letter-spacing: -15px;}
    .AboutHeading small {font-size: 210px;bottom: 33px;left: auto;right: 54px;}
    .clintheading {padding-left: 0;}
    .logos-slider img {width: 150px;height: 90px;}
    .centercircle3 {position: absolute;left: auto;top: 32%;bottom: 59%;right: 55px;width: 45px;height: 45px;}
    .footerreviews img {
        width: 55px;
        height: auto;
        padding: 10px 10px;
    }
    .column1 span {
        font-size: 12px;
        margin: 0 0 15px 0;
    }
    .column1 p {
    font-size: 14px;
    line-height: 19px;
    }
    .column1 small {
    font-size: 12px;
    font-weight: 600;
    margin: 15px 0 0 0;
    }
    .column2 span {
        font-size: 12px;
        margin: 0 0 15px 0;
    }
    .quicklinks span {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .column4 span {
        font-size: 12px;
        margin: 0 0 15px 0;
    }        
    .quicklinks ul li a {
        font-size: 13px;
        line-height: 15px;
    }
    .quicklinks ul li {
        margin-bottom: 5px;
    }
    .locations small {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 7px 0;
    }
    .column4 p {
        font-size: 13px;
    }
    .footersocial ul li {
        display: inline-block;
        margin-right: 10px;
    }
    .footersocial ul li a {
    font-size: 20px;
    color: #5c5e5b;
    }
    .emailinfo a {
    font-size: 13px;
    }
    .footerreviews ul li a {
    font-size: 13px;
    }
    .locations a {
        font-size: 13px;
    }
    .locations {
        margin-bottom: 10px;
    }
    .sociallistmain {
    padding: 10px 0 0 0;
    }
    .footerreviews ul li {
    padding-right: 5px;
    padding-left: 5px;
    }
    .counter span {
    font-size: 30px;
    }
    .AboutPeraText small {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 80px;
    }
    .AboutPeraText p {font-size: 13px;margin: 0 0 10px 0;}
    .counter small {
    font-size: 14px;
    }
    .loader-inner img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    }
    .collapseheading span {
    font-size: 18px;
    }
    .RankLogos .custom_widget {
    top: 10px;
    margin-left: 2px;
    }
    .RankLogos ul li a img {
        max-width: 50px;
        height: 80px;
    }
    .RankLogos ul li a {
    font-size: 25px;
    }
    .clintheading span {
    font-size: 30px;
    }
    .clintheading small {
    font-size: 20px;
    }
    .sociallistmain {
        bottom: 1%;
    }
    .GraphicLeft {
    height: 80vh;
    }
    .GraphicLeft small {top: 170px;font-size: 50px;left: 63px;letter-spacing: -1px;}
    .GraphicLeft span {top: 151px;left: 0;font-size: 80px;letter-spacing: -7px;}
    .ServicesImgLinks ul li img {
    width: 170px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 170px;
    height: 60px;
    }
    .ServicesImgLinks ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .AboutPeraText small {font-size: 25px;line-height: 35px;margin-bottom: 20px;margin-top: 0;}
    .ServicesLinks ul li a {
    font-size: 40px;
    line-height: 50px;
    }
    .connectsocial2 ul {
    text-align: left;
    padding-left: 0;
    }
    div#ServicesMenu ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .getquotebuttons {
    top: 30%;
    }
    .rankText {
        height: 20vh;
    }
    .rankText span {
        font-size: 18px;
    } 
    .redSeprator {
        padding: 1% 0 1% 0;
    }
    .footerreviews {
        margin: 10px 0 0 0;
        padding: 0px 0 0 0;
    }
    .emailinfo p {
        font-size: 14px;
        margin: 0;
    }
    .centerLineNav {
        background: #474847;
        height: 1px;
        margin: 10px 0 10px 0;
    }
    .connectsocial2 ul li img {
        width: 70px;
        height: 17px;
    }
    .TestimonialIcons li:first-child {
        padding: 3px 20px;
        top: 0px;
    }
    #navigationWrap {
        padding: 40px 0;
    }
    .centerLineNav {
        background: #474847;
        height: 1px;
        margin: 10px 0 10px 0;
    }                                       
    }
    @media only screen and (max-height: 768px) and (max-width: 1360px) {
    .container1 {
    max-width: 1326px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .container2 {
    max-width: 1216px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    
    
    
    
    img.img-fluid.lognimg {
    width: 60%;
    }
    img.img-fluid.lognimg2 {
    width: 27%;
    }
    img.img-fluid.lognimg3 {
    width: 62%;
    }
    img.img-fluid.lognimg4 {
    width: 28%;
    }
    .RankLogos .custom_widget {
    top: 16px;
    }
    .logos-slider img {
    width: 193px;
    }
    .footerreviews img {
    width: 63px;
    height: 40px;
    }
    /* .GraphicTop .Left2d3dText span{
    font-size: 130px;    
    } */
    .GraphicTop .FontResize span{
    font-size: 100px;
    }
    .GraphicTop .FontResize small{
    font-size: 50px;
    }
    .Left2d3dText .webDeveText span {
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText span{
    bottom: 30px;
    left: 0;
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicTop .MobileApp .webDeveText small{
    font-size: 40px;
    letter-spacing: -4px;
    bottom: 65px;
    left: 33px;
    }
    .btnDiv {
    left: 0;
    bottom: 130px;
    }
    .designinglisticonTextImg ul li {
    margin-right: 5px;
    margin-bottom: 11px;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 220px !important;
    left: 0;
    }
    .play-icon {
    top: 50%;
    }
    .PortfolioSlider .VideoExpleiner img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    }
    .geekscopyright {
    left: -86px;
    right: auto;
    bottom: 210px;
    }
    .FocusingTextInner {
    width: 66%;
    margin: 0;
    float: right;
    }                     
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 33%;
    bottom: 63%;
    right: 30px;
    }
    .DevOpsSocial {
    margin-top: 60px;
    margin-bottom: 40px;
    }
    .BlockChainContent {
    margin: 4px 0 4px 0;
    }
    .for1600 ul li img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    }
    .GraphicTop .webDeveText small {
    font-size: 40px;
    letter-spacing: -4px;
    bottom: 52px;
    left: 33px;
    }            
    .BannerHeading p {
    width: 48%;
    font-size: 13px;
    }
    .JumJs2d p {
    width: 69%;
    }
    .jumpvec img {
    width: 24%;
    }
    div#section8 {
    display: block;
    align-items: inherit;
    justify-content: inherit;
    padding: 4% 0;
    }
    .AboutPeraText {
    width: 100%;
    height: 70vh;
    padding-left: 0;
    }
    .letsdivemainText p {
    width: 54%;
    }
    .TextMoveTopJS p{
    width: 71%;
    }          
    .JumJs2d p {
    width: 75%;
    }
    .logos-slider ul li {
    display: inline-block;
    margin-right: 23px;
    }    
    .PortfolioItems img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    }
    .ForMotionHeight img{
    width: 100%;
    height: 100vh;
    object-fit: contain;
    }    
    .RightPortfolioMain {
    padding: 5%;
    }
    .checklistbox {
    margin-top: 10px;
    }
    .checklistbox span {
    font-size: 18px;
    }
    .checklistbox p {
    font-size: 14px;
    margin: 3px 0 0 0;
    }                
    .checklistheading span {
    font-size: 25px;
    width: 34%;
    line-height: 30px;
    }
    .CenterHeading span {
    font-size: 80px;
    letter-spacing: -13px;
    }
    .checklistheading p {
    font-size: 14px;
    bottom: 10px;
    }
    .mobileset {
    width: 60%;
    float: right;
    }
    .processheading {
    margin-top: 10%;
    }
    .servicesOffer.AnimationJs.BlockChainContent span {
    margin: 0 0 10px 0;
    font-size: 25px;
    line-height: 22px;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 50px;
    margin-bottom: 10px;
    }
    .caseheadingcenter img {
    width: 30%;
    }
    .GraphicLeft.BlockChainDeve span {
    bottom: 20px;
    left: 0;
    font-size: 50px;
    letter-spacing: -3px;
    }
    .GraphicLeft.BlockChainDeve small{
    bottom: 41px;
    font-size: 40px;
    letter-spacing: -2px;
    left: 34px;
    } 
    .btnDiv p {
    line-height: 18px;
    font-size: 14px;
    }
    .DigitalMarketing span {
    margin: 0 0 10px 0;
    font-size: 25px;
    }
    .designinglisticonTextImg ul li small {
    font-size: 12px;
    }
    .processheading span {
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    }
    .processicons ul li {
    display: inline-block;
    margin-right: 45px;
    }
    .proicons span {
    font-size: 17px;
    margin: 10px 0 10px 0;
    }
    .proicons img {
    width: 40px;
    height: 40px;
    }
    .caseheadingcenter span {
    font-size: 70px;
    letter-spacing: -2px;
    }
    .caseheadingcenter p {
    width: 62%;
    margin: 10px auto;
    text-align: center;
    font-size: 13px;
    }
    .CaseHeading span {
    font-size: 100px;
    letter-spacing: -1px;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 106px;
    width: 12%;
    }
    .colorRadius ul li small {
    width: 94px;
    height: 94px;
    }        
    .timeduration span {
    padding: 15px 10px;
    font-size: 17px;
    }
    .CareerRight .faqscollapse {
    width: 100%;
    height: auto;
    padding: 4% 0;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px;
    }
    .applyText span {
    font-size: 25px;
    margin: 0 0 10px 0;
    letter-spacing: 0px;
    }
    .FallingTelePhone img {
    left: 20%;
    width: 6%;
    }
    .PrivacyHeading h1 {
    font-size: 55px;
    }
    .connectsocial2 span {
    margin: 6px 0 5px 0;
    font-size: 19px;
    }
    .getaQuoteMain span {
    font-size: 25px;
    }
    .InnerAboutContent a {
    font-size: 25px;
    }
    .InnerNavigation span {
    font-size: 18px;
    margin: 10px 0 10px 0;
    }
    .centerLinks {
    width: 100%;
    top: 41%;
    left: 30%;
    }        
    .btn1 {
    padding: 14px 30px;
    border-radius: 5px;
    display: inline-block;
    background: #d3202e;
    color: #e3e3e2;
    border-radius: 3px;
    font-size: 20px;
    margin-right: 10px;
    }        
    .AnimationRight .planing ul li small {
    font-size: 13px;
    width: 100%;
    padding: 14px 30px;
    }
    /* .designinglisticon ul li img {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
    }  */
    .servicesOffer small {
    margin: 20px 0 30px 0;
    font-size: 18px;
    }
    .chooseuscontente ul li small {
    font-size: 16px;
    display: block;
    margin: 0;
    line-height: 20px;
    }                              
    .chooseuscontente ul li {
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 20px;
    }
    .chooseuscontente p {
    font-size: 13px;
    margin: 0 0 10px 0;
    width: 70%;
    }
    .btnDiv3 small {
    font-size: 16px;
    margin: 0 0 10px 0;
    }
    .chooseuscontente span {
    font-size: 25px;
    margin: 0 0 10px 0;
    font-weight: 500;
    }
    .emailinfo img {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    }
    .AnimationRight .planing span {
    font-size: 13px;
    line-height: 15px;
    }
    .processbox p {
    font-size: 13px;
    margin: 0;
    }
    .servicesOffer.AnimationJs.BlockChainContent p {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 18px;
    }
    .designinglisticonTextImg ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin: 0px auto;
    display: table;
    }
    .BrandingMain10 {
    background-position: center;
    }
    .servicesOffer span {
    color: #e3e3e2;
    display: block;
    font-family: 'Athene';
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 20px 0;
    }
    .BannerHeading span {
    font-size: 60px;
    }
    .blogLink a {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    }
    .OurRole span {
    font-size: 16px;
    padding: 11px 20px;
    }
    .ruleListing ul li {
    font-size: 14px;
    margin: 10px 0 0 0;
    }
    .AboutProject span {
    display: table;
    background: #313131;
    padding: 11px 20px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    }
    .timedurationDis span {
    display: inline-block;
    color: #d3202e;
    font-size: 30px;
    font-weight: 600;
    }
    .colorSec span {
    font-size: 16px;
    padding: 11px 20px;
    }
    .ClientLogoCenter img {
    display: table;
    margin: 40px auto 0px auto;
    width: 160px;
    }
    .AboutProject p {
    font-size: 13px;
    width: 100%;
    line-height: 18px;
    }
    .ToolsUsed span {
    font-size: 16px;
    margin-bottom: 60px;
    padding: 11px 20px;
    }
    .ToolsUsed ul li img {
    display: block;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    margin: 0px auto;
    }
    .ToolsUsed ul li img {
    display: block;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    margin: 0px auto;
    }        
    .ToolsUsed ul li {
    display: inline-block;
    margin-right: 143px;
    }
    .AboutProjectMain2 .AboutProject span {
    font-size: 16px;
    margin-bottom: 40px;
    padding: 11px 20px;
    }
    .CareerLeft1 span {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -4px;
    }
    .CareerLeft1 {
    height: 413px;
    }
    .CareerRight .borderbottom {
    border-bottom: 1px solid #b4b4b3;
    padding: 28px 0;
    }
    .LeaveForm textarea {
    height: 150px;
    padding: 16px;
    }
    .GetInTouchMain span {
    font-size: 18px;
    padding: 4% 0 0 5%;
    }
    .getinBox small {
    font-size: 16px;
    margin: 0px 0 10px 0;
    }
    .getinBox p {
    font-size: 14px;
    margin: 0;
    }
    .getinBox a {
    font-size: 16px;
    margin: 6px 0 0 0;
    }
    .getinSocial ul li a {
    font-size: 20px;
    color: #e3e3e2;
    }
    .getinSocial ul li {
    display: inline-block;
    margin-right: 10px;
    }
    .PrivacyHeading small {
    font-size: 18px;
    margin: 10px 0 10px 0;
    }
    .PrivacyHeading p {
    font-size: 13px;
    margin: 0;
    }
    .AnimationRight .planing ul {
    margin: 0;
    padding: 0;
    display: block;
    margin: 40px 0 0 0;
    }
    .portfolioLinks span {
    font-size: 30px;
    }
    .MobileContent {
    background: #e3e3e2;
    width: 100%;
    height: 100%;
    padding: 7% 0;
    display: block;
    }                               
    .clouseRightImg img {width: 68%;}
    .clouseText {height: 75vh;}
    .cloudeback:after {bottom: 0%;top: 7%;height: auto;width: 90%;left: 0;right: 0;margin: 0px auto;}
    .lognimg2 {
    width: 31%;
    }
    .lognimg {
    width: 69%;
    }
    .centercircle {
    position: absolute;
    left: -26px;
    top: 46%;
    bottom: 46%;
    width: 50px;
    height: 50px;
    }
    .innermenimg img {
    width: 56%;
    }
    .lognimg3 {
    width: 67%;
    }
    .lognimg4 {
    width: 30%;
    }
    .centercircle2 {
    width: 50px;
    height: 50px;
    }
    .LetsDiveMain:after {
    width: 50%;
    height: 520px;
    background-size: contain;
    }
    .webJavaText:after {
    width: 50%;
    height: 520px;
    background-size: contain;
    }
    .Rightdiveimg img {
    top: 20%;
    bottom: 80%;
    }
    .backSeo small {
    font-size: 29rem;
    letter-spacing: -76px;
    }
    .WebText span {
    font-size: 70px;
    }
    .WebText small {
    font-size: 50px;
    right: 238px;
    top: 20px;
    }
    .VideoBox img {
    height: 170px;
    }
    .TestimonialSlider img {
    width: 30px;
    height: 30px;
    margin: 5px 0 5px 0;
    }
    .TestimonialSlider p {
    font-size: 13px;
    min-height: 110px;
    line-height: 16px;
    }
    .IOS small {
    font-size: 45rem;
    letter-spacing: -46px;
    }
    .VideoBox {
    margin: 0 0 10px 0;
    }
    .Testimonialleft span {
    font-size: 25px;
    text-align: center;
    }
    .geekscopyright ul li span {
    font-size: 11px;
    }
    .connectsocial ul li img {
    width: 41px;
    height: 43px;
    }
    .FocusingText small {
    font-size: 23px;
    }
    .FocusingText span {
    font-size: 33px;
    }
    .rightNavBar ul li {margin-right: 26px;}
    .letsdivemainText p {width: 57%;font-size: 13px;}
    .letsdivemainText2 span {
    font-size: 80px;
    line-height: 130px;
    }
    .letsdivemainText2 small {
    top: 65px;
    right: 36px;
    font-size: 60px;
    }
    .TextMoveTopJS p {width: 61%;margin: 0;}
    .WebText p {
    width: 56%;
    font-size: 13px;
    }
    .WebTextJs2 small {
    font-size: 50px;
    right: 236px;
    top: 4px;
    }
    .AppMencss img {
    top: 17%;
    }
    .jumpvec img {width: 25%;}
    .Text2d3d span {
    font-size: 120px;
    line-height: 130px;
    }
    .Text2d3d small {
    font-size: 64px;
    line-height: 90px;
    }
    .WebTextJs2 p {
    width: 63%;
    }
    .connectsocial ul li {
    margin-right: 5px;
    }
    .AdressBox a {
    font-size: 14px;
    display: block;
    margin: 0 0 5px 0;
    line-height: 20px;
    }
    .clouseText small {
    font-size: 50px;
    letter-spacing: -5px;
    right: 40px;
    top: 13px;
    }
    .clouseText span {
    font-size: 70px;
    letter-spacing: -5px;
    }
    .clouseText p {
    font-size: 13px;
    line-height: 15px;
    margin-right: 40px;
    }
    .FocusingText p {
    font-size: 13px;
    line-height: 17px;
    }
    .NftHeading div img {
    width: 130px;
    height: 80px;
    }
    .Peraslider p {
    font-size: 13px;
    line-height: 18px;
    }
    .letsdivemainText {
    margin-top: 20px;
    }
    .letsdivemainText span {
    font-size: 85px;
    margin-right: 0;
    }
    .centerLinks ul li a {
    line-height: 24px;
    letter-spacing: 4px;
    font-size: 13px;
    }
    .TextMoveTopJS span {font-size: 70px;margin-right: 0;line-height: 160px;}
    .rightNavBar ul li a {
    font-size: 13px;
    }
    .geekscopyright {
    left: -102px;
    z-index: 2;
    }
    #section8 .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    }
    .TestimonialSlider span {
    font-size: 14px;
    }
    .VideoBox span {
    font-size: 14px;
    margin: 8px 0 0 0;
    }
    .VideoBox small {
    line-height: 20px;
    font-size: 13px;
    }
    .TestimonialIcons img {
    width: 40px;
    height: 40px;
    }
    .TestimonialSlider small {
    font-size: 13px;
    margin: 0px 0 0px 0;
    }
    .GeeksLogo.LogoLeft {
    width: 40px;
    }
    .navbar img {
    width: 24px;
    }
    header {
    padding: 20px 0;
    }
    .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    }
    .padding-for-container {
    padding-left: 0;
    padding-right: 0;
    }
    .JumJs2d span {
    font-size: 115px;
    margin-right: 0;
    }
    .navbar {top: 10px;right: 0;}
    .close {
    top: 26px;
    right: 20px;
    }
    .JumJs2d p {width: 60%;font-size: 13px;}
    .TestimonialIcons li a {
    font-size: 14px;
    color: #fff;
    }
    .custom_widget {margin-left: 0;}
    .InnerAboutContent a {
    font-size: 25px;
    }
    .getaQuoteMain span{
    font-size: 25px;
    }
    .InnerAboutContent span {
    font-size: 16px;
    margin: 10px 0 10px 0;
    }
    .InnerNavigation span {
    font-size: 16px;
    margin: 10px 0 10px 0;
    }
    .QoteForm textarea {
    height: 110px;
    }
    .QoteForm input[type="submit"] {
    font-size: 25px;
    }
    .connectsocial2 ul li a {
    font-size: 20px;
    color: #fff;
    }
    .connectsocial2 span {
    margin: 15px 0 5px 0;
    }
    .Testimonialleft small {
    font-size: 14px;
    text-align: center;
    }
    .Testimonialleft small:after{
    display: none;
    }
    .TestimonialLeftSlider .slick-dots {
    margin: 0;
    padding: 0rem 0;
    }
    .AboutHeading span {font-size: 210px;letter-spacing: -8px;}
    .AboutHeading small {font-size: 210px;bottom: 33px;left: auto;right: 73px;}
    .clintheading {padding-left: 0;}
    .logos-slider img {width: 150px;height: 90px;}
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 31%;
    bottom: 59%;
    right: 45px;
    width: 45px;
    height: 45px;
    }
    .footerreviews img {width: 47px;height: 47px;}
    .column1 span {
    font-size: 14px;
    margin: 0 0 30px 0;
    }
    .column1 p {
    font-size: 14px;
    line-height: 19px;
    }
    .column1 small {
    font-size: 14px;
    font-weight: 600;
    margin: 40px 0 0 0;
    }
    .column2 span {
    font-size: 12px;
    margin: 0 0 30px 0;
    }
    .quicklinks ul li a {
    font-size: 14px;
    line-height: 20px;
    }
    .quicklinks ul li {
    margin-bottom: 9px;
    }
    .locations small {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 7px 0;
    }
    .column4 p {
    font-size: 14px;
    }
    .footersocial ul li {
    display: inline-block;
    margin-right: 20px;
    }
    .footersocial ul li a {
    font-size: 20px;
    color: #5c5e5b;
    }
    .emailinfo a {
    font-size: 16px;
    }
    .footerreviews ul li a {font-size: 20px;}
    .locations a {
    font-size: 14px;
    }
    .locations {
    margin-bottom: 15px;
    }
    .sociallistmain {
    padding: 10px 0 0 0;
    }
    .footerreviews ul li {padding-right: 7px;padding-left: 7px;}
    .counter span {
    font-size: 30px;
    }
    .AboutPeraText small {font-size: 30px;line-height: 40px;margin-bottom: 20px;margin-top: 0;}
    .AboutPeraText p {
    font-size: 14px;
    }
    .counter small {
    font-size: 14px;
    }
    .loader-inner img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    }
    .collapseheading span {
    font-size: 18px;
    }
    .RankLogos .custom_widget {
    top: 10px;
    margin-left: 2px;
    }
    .RankLogos ul li a img {
    width: 80px;
    height: 80px;
    }
    .RankLogos ul li a {
    font-size: 25px;
    }
    .clintheading span {
    font-size: 30px;
    }
    .clintheading small {
    font-size: 20px;
    }
    .sociallistmain {
    bottom: 3%;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 30px;
    left: 0;
    right: 0;
    }
    .GraphicLeft {
    height: 80vh;
    }
    .GraphicLeft small {top: 170px;font-size: 50px;left: 70px;letter-spacing: -1px;}
    .GraphicLeft span {top: 151px;left: 0;font-size: 80px;letter-spacing: -5px;}
    .ServicesImgLinks ul li img {
    width: 170px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 170px;
    height: 60px;
    }
    .ServicesImgLinks ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .AboutPeraText small {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 20px;
    }
    .ServicesLinks ul li a {
    font-size: 40px;
    line-height: 50px;
    }
    .connectsocial2 ul {
    text-align: left;
    padding-left: 0;
    }
    div#ServicesMenu ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .getquotebuttons {
    top: 30%;
    }
    .GraphicRight ul {text-align: left;display: block;align-items: center;justify-content: center;width: 100%;padding-left: 0;}
    .ServicesImgLinks small {
    font-size: 190px;
    bottom: 20px;
    }
    }
    @media only screen and (max-height: 1024px) and (max-width: 1280px) {
    .container1 {max-width: 1240px;box-sizing: border-box;width: 100%;padding-left: 0px;padding-right: 0px;margin-left: auto;margin-right: auto;}
    
    .container2 {max-width: 1130px;box-sizing: border-box;width: 100%;padding-left: 0px;padding-right: 0px;margin-left: auto;margin-right: auto;}    
    img.img-fluid.lognimg {
    width: 74%;
    }
    
    img.img-fluid.lognimg3 {
    width: 73%;
    }
    .FocusingTextInner {
    width: 61%;
    margin: 0;
    float: right;
    }
    .clouseRightImg img {width: 90%;}
    .clouseText {height: 85vh;}
    .cloudeback:after {bottom: 0%;top: 12%;height: auto;width: 90%;left: 0;right: 0;margin: 0px auto;}
    .lognimg2 {
    width: 43%;
    }
    .lognimg {
    width: 90%;
    }
    .centercircle {
    position: absolute;
    left: -26px;
    top: 46%;
    bottom: 46%;
    width: 50px;
    height: 50px;
    }
    .innermenimg img {
    width: 67%;
    }
    .checklistheading p {
    font-size: 13px;
    bottom: 10px;
    }
    .designinglisticonTextImg ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin: 0px auto;
    display: table;
    }
    .designinglisticonTextImg ul li small {
    font-size: 11px;
    }
    .for1600 ul li img {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
    }
    .servicesOffer small {
        margin: 10px 0 10px 0;
        font-size: 16px;
    }
    .servicesOffer span {
    font-size: 25px;
    line-height: 22px;
    margin: 0 0 20px 0;
    }
    .PortfolioItems img {
    width: 100%;
    height: 100vh;
    object-fit: fill;
    }
    .GraphicDesignMain .DevOpdText span {
    top: 230px !important;
    left: 0;
    }
    .BannerHeading span {
    font-size: 60px;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 117px;
    width: 11%;
    }
    .lognimg3 {
    width: 90%;
    }
    .lognimg4 {
    width: 44%;
    }
    .centercircle2 {
    width: 50px;
    height: 50px;
    }
    .LetsDiveMain:after {
    width: 50%;
    height: 520px;
    background-size: contain;
    }
    .webJavaText:after {
    width: 50%;
    height: 520px;
    background-size: contain;
    }
    .Rightdiveimg img {
    top: 20%;
    bottom: 80%;
    }
    .backSeo small {
    font-size: 29rem;
    letter-spacing: -76px;
    }
    .WebText span {
    font-size: 70px;
    }
    .WebText small {
    font-size: 50px;
    right: 238px;
    top: 20px;
    }
    .VideoBox img {
    height: 170px;
    }
    .TestimonialSlider img {
    width: 30px;
    height: 30px;
    margin: 5px 0 5px 0;
    }
    .TestimonialSlider p {
    font-size: 13px;
    min-height: 110px;
    line-height: 16px;
    }
    .IOS small {
    font-size: 45rem;
    letter-spacing: -46px;
    }
    .VideoBox {
    margin: 0 0 10px 0;
    }
    .Testimonialleft span {
    font-size: 25px;
    text-align: center;
    }
    .geekscopyright ul li span {font-size: 14px;}
    .connectsocial ul li img {
    width: 41px;
    height: 43px;
    }
    .FocusingText small {
    font-size: 23px;
    }
    .FocusingText span {
    font-size: 33px;
    }
    .rightNavBar ul li {
    margin-right: 9px;
    }
    .letsdivemainText p {width: 61%;font-size: 13px;}
    .letsdivemainText2 span {
    font-size: 80px;
    line-height: 130px;
    }
    .letsdivemainText2 small {
    top: 65px;
    right: 36px;
    font-size: 60px;
    }
    .TextMoveTopJS p {
    width: 65%;
    margin: 0;
    }
    .WebText p {
    width: 56%;
    font-size: 13px;
    }
    .WebTextJs2 small {
    font-size: 50px;
    right: 236px;
    top: 4px;
    }
    .AppMencss img {
    top: 17%;
    }
    .jumpvec img {
    width: 30%;
    }
    .Text2d3d span {
    font-size: 120px;
    line-height: 130px;
    }
    .Text2d3d small {
    font-size: 64px;
    line-height: 90px;
    }
    .WebTextJs2 p {
    width: 63%;
    }
    .connectsocial ul li {
    margin-right: 5px;
    }
    .AdressBox a {
    font-size: 14px;
    display: block;
    margin: 0 0 5px 0;
    line-height: 20px;
    }
    .clouseText small {
    font-size: 50px;
    letter-spacing: -5px;
    right: 40px;
    top: 13px;
    }
    .clouseText span {
    font-size: 70px;
    letter-spacing: -5px;
    }
    .clouseText p {
    font-size: 13px;
    line-height: 15px;
    margin-right: 40px;
    }
    .FocusingText p {
    font-size: 13px;
    line-height: 17px;
    }
    .NftHeading div img {
    width: 130px;
    height: 80px;
    }
    .Peraslider p {
    font-size: 13px;
    line-height: 18px;
    }
    .letsdivemainText {
    margin-top: 20px;
    }
    .letsdivemainText span {
    font-size: 85px;
    margin-right: 0;
    }
    .centerLinks ul li a {
    line-height: 24px;
    letter-spacing: 4px;
    font-size: 13px;
    }
    .TextMoveTopJS span {
    font-size: 70px;
    margin-right: 0;
    }
    .rightNavBar ul li a {
    font-size: 13px;
    }
    .geekscopyright {
    left: -102px;
    z-index: 2;
    }
    #section8 .container-fluid {
    padding-right: 50px;
    padding-left: 50px;
    }
    .TestimonialSlider span {
    font-size: 14px;
    }
    .VideoBox span {
    font-size: 14px;
    margin: 8px 0 0 0;
    }
    .VideoBox small {
    line-height: 20px;
    font-size: 13px;
    }
    .TestimonialIcons img {
    width: 40px;
    height: 40px;
    }
    .TestimonialSlider small {
    font-size: 13px;
    margin: 0px 0 0px 0;
    }
    .GeeksLogo.LogoLeft {
    width: 40px;
    }
    .navbar img {
    width: 24px;
    }
    header {
    padding: 20px 0;
    }
    .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    }
    .padding-for-container {
    padding-left: 0;
    padding-right: 0;
    }
    .JumJs2d span {
    font-size: 115px;
    margin-right: 0;
    }
    .navbar {top: 10px;right: 0;}
    .close {
    top: 26px;
    right: 20px;
    }
    .JumJs2d p {
    width: 64%;
    font-size: 13px;
    }
    .TestimonialIcons li a {
    font-size: 14px;
    color: #fff;
    }
    .custom_widget {
    margin-left: 0;
    }
    .InnerAboutContent a {
    font-size: 25px;
    }
    .getaQuoteMain span{
    font-size: 25px;
    }
    .InnerAboutContent span {
    font-size: 16px;
    margin: 10px 0 10px 0;
    }
    .InnerNavigation span {
    font-size: 16px;
    margin: 10px 0 10px 0;
    }
    .QoteForm textarea {
    height: 110px;
    color: #90908f;
    font-size: 12px;
    }
    .QoteForm input[type="submit"] {
    font-size: 25px;
    }
    .connectsocial2 ul li a {
    font-size: 20px;
    color: #fff;
    }
    .connectsocial2 span {
    margin: 15px 0 5px 0;
    }
    .Testimonialleft small {
    font-size: 14px;
    text-align: c;
    }
    .Testimonialleft small:after{
    display: none;
    }
    .TestimonialLeftSlider .slick-dots {
    margin: 0;
    padding: 0rem 0;
    }
    .AboutHeading span {
    font-size: 190px;
    letter-spacing: -12px;
    }
    .AboutHeading small {
    font-size: 190px;
    bottom: 30px;
    left: auto;
    right: 52px;
    }
    .clintheading {
    padding-left: 0;
    }
    .logos-slider img {width: 145px;height: 90px;}
    .centercircle3 {
    position: absolute;
    left: auto;
    top: 36%;
    bottom: 75%;
    right: 52px;
    width: 45px;
    height: 45px;
    }
    .copyrightText p {
    color: #272827;
    font-size: 12px;
    }
    .footerreviews img {
    width: 37px;
    height: 37px;
    }
    .column1 span {
    font-size: 14px;
    margin: 0 0 30px 0;
    }
    .column1 p {
    font-size: 14px;
    line-height: 19px;
    }
    .column1 small {
    font-size: 14px;
    font-weight: 600;
    margin: 40px 0 0 0;
    }
    .column2 span {
    font-size: 12px;
    margin: 0 0 30px 0;
    }
    .quicklinks ul li a {
    font-size: 14px;
    line-height: 20px;
    }
    .quicklinks ul li {
    margin-bottom: 9px;
    }
    .locations small {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 7px 0;
    }
    .column4 p {
    font-size: 14px;
    }
    .footersocial ul li {
    display: inline-block;
    margin-right: 20px;
    }
    .footersocial ul li a {
    font-size: 20px;
    color: #5c5e5b;
    }
    .emailinfo a {
    font-size: 16px;
    }
    .footerreviews ul li a {
    font-size: 14px;
    }
    .locations a {
    font-size: 14px;
    }
    .locations {
    margin-bottom: 15px;
    }
    .sociallistmain {
    padding: 10px 0 0 0;
    }
    .footerreviews ul li {
    padding-right: 5px;
    padding-left: 5px;
    }
    .counter span {
    font-size: 30px;
    }
    .AboutPeraText small {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 80px;
    }
    .AboutPeraText p {font-size: 14px;margin: 0 0 10px 0;}
    .counter small {
    font-size: 14px;
    }
    .loader-inner img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    }
    .collapseheading span {
    font-size: 18px;
    }
    .RankLogos .custom_widget {
    top: 10px;
    margin-left: 2px;
    }
    .RankLogos ul li a img {
    width: 80px;
    height: 80px;
    }
    .RankLogos ul li a {
    font-size: 25px;
    }
    .clintheading span {
    font-size: 30px;
    }
    .clintheading small {
    font-size: 20px;
    }
    .sociallistmain {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 30px;
    left: 0;
    right: 0;
    }
    .GraphicLeft {
    height: 56vh;
    }
    .GraphicLeft small {top: 169px;font-size: 40px;left: 63px;letter-spacing: -1px;}
    .GraphicLeft span {top: 151px;left: 0;font-size: 70px;letter-spacing: -5px;}
    .ServicesImgLinks ul li img {
    width: 160px;
    height: 60px;
    }
    div#ServicesMenu ul li img {
    width: 160px;
    height: 60px;
    }
    .ServicesImgLinks ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .AboutPeraText small {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 20px;
    }
    .ServicesLinks ul li a {
    font-size: 50px;
    line-height: 80px;
    }
    .connectsocial2 ul {
    text-align: left;
    padding-left: 0;
    }
    div#ServicesMenu ul li:last-child img {
    width: 80px;
    height: 70px;
    }
    .getquotebuttons {
    top: 30%;
    }
    .GraphicRight ul {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-left: 0;
    }
    .GraphicRight .custom_widget{
    margin-left: 0;
    }
    .ServicesImgLinks small {
    font-size: 190px;
    bottom: 20px;
    }
    }
    @media only screen and (min-width: 320px) and (max-width: 1025px){
    .hidden_on_mobile{
    display: none !important;
    }
    .LetsDiveMain:after{
    display: none;
    }
    .cloudeback:after{
    display: none;
    }
    .moving-item{
    display: none;
    }
    }
    @media only screen and (min-width: 1025px) and (max-width: 5000px){
    .hidden_on_desktop{
    display: none !important;
    }
    }
    @media (max-width: 575.98px) {
        .container1 {
            max-width: 1024px;
            box-sizing: border-box;
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: auto;
            margin-right: auto;
            }            
            header {
            padding: 20px 15px;
            z-index: 99999;
            }
            .clouseText {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 70px 0 0 0;
            }
            .clouseRightImg img {
                margin: 0px auto;
                display: table;
                position: relative;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: hidden;
            }
            .clouseText small {
            font-size: 40px;
            letter-spacing: -2px;
            right: -11px;
            top: 6px;
            }
            .clouseText span {
            font-size: 50px;
            letter-spacing: -2px;
            margin-bottom: 10px;
            }
            #navigationWrap {
            padding: 10px 0;
            overflow-y: scroll;
            z-index: 9999;
            position: fixed;
            }
            .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .main_nav_Box {
            width: 100%;
            height: auto;
            display: block;
            align-items: center;
            justify-content: center;
            }
            .menu {
            padding: 37px 10px;
            }
            .container2 {
            box-sizing: border-box;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            margin-left: auto;
            margin-right: auto;
            }
            .connectsocial2 ul li {
                padding: 3px 9px;
                margin-right: 0;
            }    
            .connectsocial2 ul li img {
                width: 42px;
                height: 30px;
            }
            .connectsocial2 ul li a {
            font-size: 13px;
            color: #fff;
            margin-right: 0;
            }
            .connectsocial2 span {
            margin: 0px 0 10px 0;
            font-size: 12px;
            }
            .getaQuoteMain span {
            font-size: 14px;
            margin: 10px 0 10px 0;
            }
            .mobilejumdown {
            position: relative;
            height: 100vh;
            }
            .mobilejumdown img {
            width: 65%;
            margin: 0px auto;
            display: table;
            }
            .bgBlack {
            background: #272827;
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: inherit;
            }
            .section{
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.9s ease;
            }
            .Mobilefocustext small{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 24px;
            font-weight: 400;
            display: block;
            text-align: center;
            line-height: 20px;
            }
            .Mobilefocustext span{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 30px;
            font-weight: 400;
            text-align: center;
            display: block;
            margin: 0 0 10px 0;
            }
            .Mobilefocustext p{
            color: #e3e3e2c2;
            width: 100%;
            text-align: center;
            font-size: 12px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            width: 80%;
            margin: 0px auto;
            }
            .geekscopyright {
                left: -136px;
                z-index: 2;
            }
            .MobileMainSection2{
            height: 100vh;
            display: block;
            width: 100%;
            background-image: url(../images/mobileMask.html);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            }
            .MobileMainSection2:after {
            content:'';
            background: #676867;
            height: 100vh;
            width: 1px;
            position: absolute;
            left: 50%;
            right: 50%;
            top: 0;
            z-index: 0;
            }
            .Mobile_Mask_Center .Peraslider{
            color: #e3e3e2c2;
            width: 80%;
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            margin: 20px auto;
            }
            .jumpimg {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .jumpimg img {
            height: 75%;
            }
            .Peraslider {
            position: absolute;
            top: 66%;
            bottom: 34%;
            width: 20%;
            left: 0;
            right: 0;
            height: 70px;
            }
            .Peraslider p{
            font-size: 12px;
            line-height: 18px;
            text-align: center;
            }
            .diveimgBox img {
            width: 50%;
            margin: 50px auto;
            display: table;
            }
            .moveimgdown1 img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 50%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 35%;
            bottom: 76%;
            left: 0;
            right: 0;
            }
            .MobileletsdivText small{
            font-family: 'Athene';
            color: #272827;
            font-size: 25px;
            letter-spacing: 0px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 50px;
            position: relative;
            top: 25px;
            }
            .MobileletsdivText span{
            font-family: 'Athene';
            color: #272827;
            font-size: 40px;
            letter-spacing: -2px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 60px;
            }
            .MobileletsdivText p{
            text-align: center;
            font-size: 11px;
            color: #272827;
            font-weight: 500;
            width: 80%;
            line-height: 15px;
            margin: 0px auto;
            }
            .javaimg img {
            width: 50%;
            margin: 40px auto;
            display: table;
            }
            .WebTextDeve small{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 30px;
            font-weight: 500;
            display: block;
            line-height: 20px;
            letter-spacing: -1px;
            position: relative;
            right: auto;
            bottom: 0;
            text-align: left;
            left: 0;
            text-align: center;
            }
            .WebTextDeve span{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 40px;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -1px;
            margin-bottom: 10px;
            }
            .WebTextDeve p{
            text-align: center;
            font-size: 11px;
            color: #e3e3e2c2;
            font-weight: 500;
            display: block;
            width: 80%;
            position: relative;
            line-height: 15px;
            margin: 0px auto;
            }
            .MobileSeoText{
            position: absolute;
            z-index: -1;
            display: flex;
            align-items: baseline;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileSeoText small {
            color: #242424;
            font-size: 13rem;
            display: inline-block;
            font-family: 'Athene';
            letter-spacing: 0;
            }
            .MobileSeoMain {
            position: relative;
            }
            .AppIOS .small{
            top: 0;
            }
            .MobileSeoText.Ios {
            position: absolute;
            top: 15%;
            bottom: 85px;
            z-index: -1;
            left: 0;
            right: 0;
            text-align: center;
            }
            .MobileSeoText.Ios small{
            letter-spacing: -15px 
            }
            .AppIOS small {
            top: 0;
            left: 0;
            text-align: center;
            }
            .Mobile2d3d span{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-size: 55px;
            line-height: 80px;
            }
            .Mobile2d3d span small{
            font-size: 35px;
            line-height: 40px;
            }
            .vector2d3d img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 60%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 10%;
            bottom: 90%;
            left: 0;
            right: 0;
            }
            #section8 .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .circleTestimonial{
            display: none;
            }
            .TestimonialSlider p {
            margin-bottom: 5px;
            min-height: auto;
            line-height: 15px;
            }
            .navbar {
            top: 26px;
            right: 10px;
            }
            ;
            .VideoBox img {
            height: auto;
            }
            .TestimonialLeftSlider .slick-dots button {
            width: 10px;
            height: 10px;
            }
            .clouseText p {
            font-size: 13px;
            line-height: 18px;
            margin-right: 0px;
            margin: 0;
            }
            .Testimonialleft span {
            font-size: 18px;
            text-align: center;
            margin: 21px 0 20px 0;
            }
            .Testimonialleft small {
            font-size: 11px;
            text-align: center;
            margin: 0;
            }
            .navbar {
            top: 26px;
            right: 15px;
            position: absolute;
            }
            .TestimonialIcons {
            float: none;
            display: block;
            margin: 0px auto;
            text-align: center;
            }
            .custom_widget {
            margin-left: 0;
            top: 0;
            }
            .TestimonialIcons li a {
            font-size: 14px;
            color: #fff;
            margin-right: 0;
            }
            .TestimonialIcons li {
                display: inline-block;
                background: #fff;
                padding: 4px 10px;
                margin-right: 0;
                width: 24%;
                margin-bottom: 4px;
            }
            .TestimonialIcons li:first-child {
                padding: 7px 0;
                top: 0px;
            }        
            .TestimonialIcons img {
                width: 35px;
                height: 35px;
                margin: 0;
            }
            .Mobile_Mask_Center .formobilecircle{
            width: 35px;
            height: 35px;
            margin: 0px auto;
            position: absolute;
            top: 40%;
            bottom: 39%;
            left: 44.3%;
            right: 44.3%;
            z-index: 1;
            }
            .MobileMainSection1 {
            width: 100%;
            height: 100vh;
            position: relative;
            }
            .Mobilefocustext.MobilefocustextJS {
            position: absolute;
            bottom: 100px;
            }
            .Mobile_Mask_Center {
            width: 100%;
            height: 100vh;
            }
            .HomeMenText small{
            font-family: 'Athene';
            font-size: 40px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -5px;
            right: -17px;
            top: 8px;
            }
            .HomeMenText span{
            font-family: 'Athene';
            font-size: 50px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            letter-spacing: -2px;
            margin-bottom: 20px;
            }
            .HomeMenText p{
            text-align: center;
            font-size: 13px;
            color: #272827;
            font-weight: 500;
            margin: 0;
            line-height: 17px;
            }
            .MobileMainSection3 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileMainSection4 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            div#section8 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .Mobile2d3dJs small {
            position: inherit;
            top: inherit;
            }
            .connectsocial2 ul {
            text-align: left;
            padding-left: 0;
            }
            .sectionmain1 {
            width: 100%;
            height: 100vh;
            display: grid;
            margin: 0px auto;
            padding: 10% 0 0 0;
            }
            .HomeMenText {
            text-align: center;
            position: absolute;
            top: 10%;
            left: 0;
            right: 0;
            }
            .men22 {
            text-align: center;
            width: 70%;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0px auto;
            }
            .loader-inner img {
            width: 72px;
            height: 88px;
            object-fit: contain;
            }
            /* ==================================== About Us ============================== */
            .AboutHeading span {
            font-size: 40px;
            letter-spacing: 0;
            text-align: left;
            display: inline-block;
            }
            .AboutHeading small {
            font-size: 30px;
            bottom: inherit;
            left: inherit;
            right: inherit;
            position: inherit;
            text-align: left;
            display: inline-block;
            }
            .clintheading {
            padding-left: 0;
            }
            .logos-slider img {
            width: 90px;
            height: 60px;
            padding: 12px;
            }
            .centercircle3 {
            position: absolute;
            left: auto;
            top: 37%;
            bottom: 66%;
            right: 44px;
            width: 25px;
            height: 25px;
            display: none;
            }
            .footerreviews img {
            width: 35px;
            height: 35px;
            }
            .column1 span {
            font-size: 14px;
            margin: 20px 0 20px 0;
            }
            .column1 p {
            font-size: 13px;
            line-height: 15px;
            margin-bottom: 20px;
            }
            .column1 small {
            font-size: 10px;
            font-weight: 600;
            margin: 10px 0 0 0;
            line-height: 18px;
            }
            .column2 span {
            font-size: 12px;
            margin: 0 0 10px 0;
            }
            .quicklinks ul li a {
            font-size: 14px;
            line-height: 12px;
            }
            .quicklinks ul li {
            margin-bottom: 10px;
            }
            .locations small {
            font-size: 16px;
            line-height: 15px;
            margin: 0 0 7px 0;
            }
            .column4 p {
            font-size: 14px;
            margin-bottom: 5px;
            }
            .footersocial ul li {
            display: inline-block;
            margin-right: 10px;
            }
            .footersocial ul li a {
            font-size: 20px;
            color: #5c5e5b;
            }
            .emailinfo a {
            font-size: 16px;
            }
            .footerreviews ul li a {
            font-size: 13px;
            }
            .locations a {
            font-size: 15px;
            margin: 10px 0 10px 0;
            display: block;
            }
            .locations {
            margin-bottom: 11px;
            }
            .sociallistmain {
    			padding: 0px 10px;
            }
            .footerreviews ul li {
            padding-right: 9px;
            padding-left: 9px;
            }
            .counter span {
            font-size: 23px;
            line-height: 22px;
            margin: 20px 0 10px 0;
            }
            .AboutPeraText small {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 30px;
            margin-top: 10px;
            }
            .AboutPeraText p {
            font-size: 12px;
            line-height: 17px;
            margin-bottom: 10px;
            text-align: center;
            }
            .counter small {
            font-size: 13px;
            line-height: 17px;
            }
            .loader-inner img {
            width: 68px;
            height: 68px;
            object-fit: contain;
            }
            .collapseheading span {
            font-size: 12px;
            line-height: 25px;
            }
            .RankLogos .custom_widget {
            top: 10px;
            margin-left: 1px;
            }
            .RankLogos ul li a img {
            width: 47px;
            height: 46px;
            margin: 0;
            margin-right: 7px;
            top: 13px;
            }
            .RankLogos ul li a {
            font-size: 12px;
            }
            .clintheading span {
            font-size: 18px;
            }
            .clintheading small {
            font-size: 17px;
            }
            .sociallistmain {
            bottom: 3%;
            position: inherit;
            }
            .footerreviews .custom_widget {
            margin-left: 0;
            }
            .footerreviews {
                margin: 20px 0 0 0;
                padding: 20px 0 10px 0;
                text-align: center;
                display: block;
            }
            .copyrightText {
            text-align: center;
            margin-top: 13px;
            }
            .copyrightText p {
            color: #272827;
            font-size: 14px;
            text-align: left;
            }
            .namecircle {
            left: 10px;
            top: 68%;
            width: 110px;
            height: 110px;
            }
            .teamimg small {
            font-size: 12px;
            }
            .emailinfo p {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #686968;
            font-size: 16px;
            margin: 10px 0 10px 0;
            display: block;
            }
            .footersocial {
            float: none;
            }
            .footersocial ul {
            margin: 0;
            text-align: left;
            }
            .emailinfo img {
            margin-right: 6px;
            width: 20px;
            height: 20px;
            display: none;
            }
            .collapsecontent p {
            font-size: 12px;
            line-height: 19px;
            }
            .CareerRight .collapsecontent p {
            width: 100%;
            padding: 0px 0 0px 0;
            font-size: 12px;
            line-height: 15px;
            }
            .CareerMiddle{
            height: 100vh;
            display: flex;
            align-items: center;   
            justify-content: center;
            }
            .CareerFormBg {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .ChooseFile {
            background: #181818;
            width: 100%;
            padding: 1% 2px 1% 2px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
            margin-bottom: 0;
            }
            .file-chooser .file-chooser-input {
                background: #181818;
                border: 1px solid #181818;
                border-right: none;
                border-radius: 2px;
                padding: 0px 5px;
                cursor: default;
                padding-right: 0;
                white-space: pre;
                text-overflow: ellipsis;
                width: 100%;
                height: 37px;
                font-size: 10px;
            }          
            .applyText span img {
            width: 25px;
            height: 25px;
            position: relative;
            bottom: 0px;
            }
            .applyText span {
            font-size: 15px;
            margin: 0 0 10px 0;
            letter-spacing: 0px;
            }
            .LeaveForm textarea {
            height: 90px;
            padding: 15px;
            font-size: 10px;
            }
            .ApplyFormMain .LeaveForm .btn-primary {
            font-size: 20px;
            line-height: 30px;
            padding: 0px 0px;
            border: none;
            }
            /* .CareerFormBg .RankLogos ul li a img {
            margin-right: 4px;
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            display: inline-block;
            position: relative;
            top: 0;
            filter: opacity(50%);
            } */
            .LeaveForm input.form-control {
            width: 100%;
            height: 35px;
            margin-bottom: 10px;
            font-size: 12px;
            padding: 10px;
            }
            .CareerRight .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 5px 0;
            margin-bottom: 5px;
            }
            .borderbottom.borderbottom2:after {
            height: 3px;
            }
            .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 10px 0 10px 0;
            width: 100%;
            }
            .expandable:before {
            display: block;
            content: '';
            width: 60px;
            height: 4px;
            background: #d3202e;
            position: absolute;
            bottom: -10px;
            }
            .ChooseUsHeadingd small {
            font-size: 18px;
            }
            .ChooseUsHeadingd span {
            font-size: 27px;
            font-weight: 500;
            line-height: 24px;
            width: 100%;
            }
            .rankText span {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #272827;
            display: block;
            font-size: 18px;
            margin-bottom: 5px;
            }
            .quicklinks span {
            margin: 15px 0;
            display: block;
            font-size: 14px;
            font-weight: 600;
            }
            .column4 span {
				font-size: 13px;
				margin: 10px 0 20px 0;
            }
            .AboutHeading {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            text-align: center;
            }
            .AboutPeraText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            }
            .faqscollapse {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin-top: 0px;
            }
            .ChooseUsHeadingd {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin: 70px 0 0 0;
            }
            .RankLogos {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            }
            .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            height: 100%;
            padding: 20px 0 0 0;
            }
            .CareerFormBg .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: auto;
            position: absolute;
            bottom: 0;
            padding: 5px 0 0 0;
            }
            .rankText p {
            font-size: 12px;
            line-height: 10px;
            margin: 0;
            }
            .rankText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            width: 100%;
            height: auto;
            }
            .FaqsMain {
            background: #e3e3e2;
            position: relative;
            display: block !important;
            padding: 18% 0;
            }
            .RankLogos ul li:first-child {
            margin-right: 4px;
            padding-left: 0;
            }
            .BigClientMain{
            display: block;
            height: auto;
            }
            .ourLogos img {
            width: 220px;
            height: 160px;
            object-fit: scale-down;
            margin: 0px auto;
            display: table;
            filter: grayscale(100%);
            transition: all 0.3s ease-in-out;
            object-fit: scale-down;
            margin: 0;
            border: 2px solid rgb(0 0 0 / 16%);
            padding: 20px;
            }
            .ourLogos {
            display: table;
            margin: 0px auto;
            }
            footer {
            background: #e3e3e2;
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            padding: 25% 0 5% 0;
            }
            .Mobileclintheading span {
            color: #272827;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Athene';
            letter-spacing: 1px;
            display: block;
            text-align: center;
            }
            .Mobileclintheading small {
            color: #d4202f;
            font-size: 25px;
            display: block;
            text-align: center;
            margin: 0 0 10px 0;
            }
            .getquotebuttons {
                position: fixed;
                right: 0;
                top: 50%;
                z-index: 9;
            }
            #toggle-play {
                bottom: 9px;
            }            
            /* =================================== Graphics Design Mobile  ============================*/            
            .AboutPeraText small {
            font-size: 18px;
            line-height: 25px;
            margin-bottom: 10px;
            margin-top: 10px;
            text-align: center;
            }
            .GraphicLeft small {top: inherit;font-size: 40px;left: inherit;letter-spacing: 0px;position: inherit;display: block;margin: 0;position: relative;left: 0;top: 0;text-align: center;}
            .GraphicLeft span {top: inherit;left: inherit;font-size: 50px;letter-spacing: 0px;display: block;margin: 0;text-align: center;}
            .GraphicLeft {
            height: 100%;
            z-index: inherit;
            left: inherit;
            right: inherit;
            top: inherit;
            bottom: inherit;
            width: 100%;
            display: block;
            margin: 0;
            opacity: inherit;
            background: none;
            }
            .GraphicDesignInner {width: 100%;height: 100vh;padding: 0;display: flex;align-items: center;justify-content: center;}
            .ServicesLinks ul li a {
            font-size: 16px;
            line-height: 25px;
            padding-left: 0;
            }
            .ServicesImgLinks ul li {
            display: block;
            margin-right: 0;
            float: left;
            width: 50%;
            }
            .ServicesImgLinks small {
            font-size: 60px;
            bottom: 10px;
            letter-spacing: -1px;
            }
            .ServicesImgLinks ul li img {
            width: 130px;
            height: 50px;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 50px;
            height: 60px;
            }
            .ServicesImgLinks ul li:last-child {
            margin-right: 0px;
            width: 100%;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 70px;
            height: 40px;
            }
            .myElement {
            width: 20px;
            height: 20px;
            top: 0px;
            } 
            .GraphicRight ul li a {
            font-size: 18px;
            color: grey;
            font-weight: 500;
            }
            .GraphicRight ul li {
            display: inline-block;
            margin-right: 0;
            }
            .GraphicRight ul li a img {width: 35px;height: 36px;top: 0;}
            .BrandingMain1 .GraphicDesignInner{
            padding: 0;
            }
            .CenterHeading span {
            font-size: 30px;
            display: inline-block;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            display: inline-block;
            letter-spacing: -3px;
            display: contents;            
            }
            .PortfolioSlider svg {
            width: 100px;
            height: auto;
            margin: 40px auto;
            cursor: pointer;
            overflow: visible;
            background: #000000ad;
            padding: 10px;
            border-radius: 0px;
            }
            .portfolioLinks p {
                width: 100%;
                font-size: 12px;
                letter-spacing: 0px;
                margin-bottom: 10px;
                line-height: 15px;
                margin-top: 0px;
            }
            .LeftPortfolioMain {
            height: 50vh;
            overflow: inherit;
            display: block;
            }  
            .RightPortfolioMain {
                width: 100%;
                height: 50vh;
                padding: 10px 25px;
                display: block;
                align-items: center;
                justify-content: center;
            
            }
            .portfolioLinks {
            width: 100%;
            height: 50vh;
            display: block;
            }
            .PortfolioItems img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            }  
            .sociallistmain .col-12{
            padding: 0;
            }
            .portfolioLinks ul li a {
            font-size: 13px;
            }
            .portfolioLinks span {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 15px 0 5px 0;
            }
            .AnimationRight .planing ul li small {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 20px 0 0 0;
            }
            .AnimationRight .planing span {
            font-size: 13px;
            line-height: 15px;
            text-align: center;
            display: block;
            width: 100%;
            }
            .GraphicTop .FontResize span {
            font-size: 70px;
            }
            .GraphicTop.GraphicLeftJs {
            display: block;
            text-align: center;
            margin: 0px auto;
            }
            .FontResize .btnDiv .btn1 {
            padding: 11px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 0px auto;
            display: table;
            }
            .GraphicLeftJs .btnDiv {
            left: 0;
            bottom: 30px;
            position: inherit;
            width: 100%;
            margin: 0px auto;
            display: table;    
            }
            .FontResize .Vectorimg {
            display: none;
            }
            .GraphicLeftJs .btnDiv .btn1 {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 20px 0 10px 0;
            }
            .chooseuscontente ul li small {
            font-size: 14px;
            display: block;
            margin: 0;
            line-height: 15px;
            }
            .btnDiv3Js2 .btn1
            {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            }
            .btnDiv3 small {
            font-size: 14px;
            margin: 0 0 10px 0;
            font-weight: 600;
            }
            .chooseuscontente p {
            font-size: 14px;
            margin: 0 0 10px 0;
            width: 90%;
            line-height: 15px;
            }
            .GraphicTop .webDeveText small {
            font-size: 35px;
            letter-spacing: -4px;
            bottom: 40px;
            left: 0;
            right: 0;
            text-align: center;
            position: relative;
            }
            .Left2d3dText .webDeveText span {
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            position: relative;
            bottom: 0;
            margin: 0 0 20px 0;
            }
            .GraphicDesignInner {
            width: 100%;
            height: 100%;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .checklistheading span {
            font-size: 18px;
            width: 100%;
            line-height: 22px;
            display: block;
            text-align: left;
            }
            .checklistheading p {
            font-size: 10px;
            bottom: 16px;
            line-height: 13px;
            width: 100%;
            text-align: left;
            position: inherit;
            margin: 4px 0;
            }
            .checklistbox p {
            font-size: 12px;
            margin: 3px 0 0 0;
            line-height: 15px;
            }
            .checklistbox span {
            font-size: 14px;
            display: block;
            margin: 5px 0 5px 0;
            font-weight: 600;
            }
            .checklistright{
            display: none;
            }
            .hiddenonmobile{
            display: none;
            }
            .checklistbox {
            margin-top: 0;
            }
            .checklistbox span {
            font-size: 12px;
            display: block;
            margin: 5px 0 5px 0;
            font-weight: 600;
            }
            .checklistbox p {
            font-size: 11px;
            margin: 0;
            line-height: 15px;
            }
            .WebDevelopmentChecklist {
            background: #e3e3e2;
            width: 100%;
            height: auto;
            position: relative;
            display: block;
            padding: 20% 0;
            }
            .GraphicTop .DigitalDeveText small {
            bottom: 43px;
            font-size: 35px;
            letter-spacing: 1px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 35px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 19px;
            bottom: 34px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            }
            .servicesOffer.AnimationJs.DigitalMarketing {
            height: auto;
            margin-top: 10px;
            }
            .servicesOffer span {
            font-size: 16px;
            line-height: 14px;
            margin: 0 0 5px 0;
            }
            .servicesOffer p {
            color: #e3e3e2;
            width: 100%;
            font-size: 13px;
            line-height: 18px;
            display: block;
            margin: 0;
            }
            .designinglisticonTextImg ul li img {
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            margin: 20px 0 10px 0;
            display: block;
            text-align: center;
            margin: 10px auto;
            }
            .designinglisticonTextImg ul li small {
            font-size: 12px;
            margin: 10px 0 0 0;
            font-weight: 500;
            }
            .GraphicTop .MobileApp .webDeveText span {
            bottom: 10px;
            left: 0;
            font-size: 30px;
            letter-spacing: -1px;
            }
            .GraphicTop .MobileApp .webDeveText small {
            font-size: 20px;
            letter-spacing: 0px;
            bottom: 35px;
            left: 0;
            text-align: center;
            }
            .processbox span {
            font-size: 12px;
            margin: 30px 0 5px 0;
            }
            .processbox p {
            font-size: 10px;
            margin: 0;
            line-height: 15px;
            }
            .processheading span {
            font-size: 14px;
            letter-spacing: 0px;
            margin-bottom: 10px;
            margin: 0;
            }
            .processicons {
            margin-top: 0;
            }
            .proicons span {
            font-size: 13px;
            margin: 5px 0 5px 0;
            }
            .processicons ul{
            text-align: center;
            }
            .processicons ul li {
            display: inline-block;
            margin-right: 2px;
            }
            .mobileset {
            width: 30%;
            float: none;
            margin: 0px auto;
            }
            .processheading {
            margin-top: 3%;
            }
            .processheading p{
            font-size: 11px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 20px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 0;
            bottom: 23px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 30px;
            letter-spacing: 0px;
            display: block;
            text-align: center;
            position: inherit;
            }
            .servicesOffer.AnimationJs.BlockChainContent span {
            margin: 0 0 5px 0;
            font-size: 18px;
            line-height: 20px;
            }
            .servicesOffer.AnimationJs.BlockChainContent p {
            margin: 0;
            font-size: 12px;
            line-height: 15px;
            }
            .forscrollonmobile {
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            }
            .CenterHeading.lerp-wrap {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100vh;
                flex-direction: column;
            }
            .moving-item{
            display: none;
            }
            .BlogTopbtn ul li {
            display: inline-block;
            margin-right: 10px;
            width: 100%;
            margin-bottom: 10px;    
            }
            .SearchBar .form-control {
            width: 80%;
            }

    .BannerHeading span {
    font-size: 40px;
    }    
    .UsedTags ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 10px;
    }    
    .BlogTag ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 10px;
    }    
    .BlogBanner {
    height: auto;
    padding: 35% 0 5% 0;
    }    
    .BannerHeading p {
    width: 100%;
    }    
    .aboutvideo video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }
    .aboutvideo {
    width: 100%;
    height: 100%;
    background: #040404;
    }
    button#playPauseButton {
    top: 47%;
    left: 40%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    }        
    
    .bottomfoot {
    background: #efefee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 20px;
    }
    .AboutProject p {
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading span {
    font-size: 40px;
    letter-spacing: 0px;
    margin-top: 60px;
    }
    .CaseHeading p {
    width: 90%;
    margin: 20px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading img {
    top: 0;
    }
    .ClientLogoCenter img {
    display: table;
    margin: 10px auto 30px auto;
    width: 40%;
    }
    .colorSec span {
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    }
    .colorRadius ul li small {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    }
    .colorRadius ul li span {
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: center;
    display: block;
    font-weight: 600;
    }
    .colorRadius ul li p {
    font-size: 12px;
    text-align: center;
    margin: 0 0 16px 0;
    }
    .colorRadius ul {
    margin: 20px 0 0 0;
    text-align: center;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 0;
    width: 45%;
    }
    .OurRole span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin: 20px 0 0 0;
    }
    .ruleListing ul li {
    font-size: 14px;
    margin: 7px 0 0 0;
    }
    .timeduration span {
    padding: 15px 10px;
    font-size: 14px;
    } 
    .timedurationDis span {
    display: inline-block;
    color: #d3202e;
    font-size: 40px;
    font-weight: 600;
    }
    .timedurationDis {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 25px;
    }
    .timedurationDis span small {
    font-size: 14px;
    }
    .AboutProject span {
    padding: 13px 22px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 14px;
    }
    .AboutProject img {
    width: 70%;
    margin: 0px auto 20px auto;
    display: table;
    }
    .ToolsUsed span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 40px;
    }
    .ToolsUsed ul{
    text-align: center;
    }    
    .ToolsUsed ul li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 11px;
    }
    .ToolsUsed ul li img {
    width: 53px;
    height: 30px;
    }
    .ToolsUsed ul li small {
    font-size: 12px;
    margin: 10px 0 0 0;
    }
    .ProblumIstatwement {
    padding: 30px 0 0 0;
    }
    .MobileImg img {
    width: 70%;
    margin: 0px auto;
    display: table;
    }
    .AboutProjectMain2 .AboutProject span {
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 20px;
    }
    .boxshaowBG {
    height: auto;
    }
    .caseheadingcenter p {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseStudlyFirst {
    background: #e3e3e2;
    padding: 60px 20px;
    width: 100%;
    height: 100vh;
    }
    .caseheadingcenter span {
    font-size: 40px;
    letter-spacing: 0px;
    }
    .caseheadingcenter img {
    width: 90%;
    }
    .section.NewCaseStudy {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    }
    .CaseStudyLeftBox {
    margin-bottom: 10px;
    }
    .CaseStudyRightBox small {
    font-size: 18px;
    }    
    .CaseStudyRightBox span {
    display: block;
    font-family: 'Athene';
    font-size: 16px;
    margin: 20px 0 10px 0;
    }
    .CaseStudyRightBox p {
    font-family: 'Acumin Pro';
    font-weight: 500;
    color: #272827;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    }
    .CaseStudyRightBox a {
    font-size: 14px;
    padding: 10px;
    position: relative;
    bottom: 0;
    margin-bottom: 20px;
    }
    .backtop button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    }
    .fortwiceRow {
    display: flex;
    flex-direction: column-reverse;
    }
    .ruleListing {
    margin-bottom: 32px;
    }
    .ruleListing ul {
    display: block;
    margin: 16px 0 0px 0;
    margin-right: 0;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .bottombtn a {
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    background: #d3202e;
    color: #e3e3e2;
    border-radius: 3px;
    font-size: 12px;
    }
    .servicesMain4 {
    display: block;
    height: 100%;
    padding: 18% 0;
    }
    #moving-item{
    display: none !important;
    } 
    #moving-item img{
    display: none !important;
    }
    .CareerLeft1 span {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -4px;
    }
    .GetInTouchMain {
    margin-top: 0px;
    }           
    .FallingTelePhone img {
    left: 20%;
    width: 15%;
    }
    .ContactBg {
        background-position: right;
    }    
    .GetInTouchMain span {
    font-size: 14px;
    padding: 3% 0 0 5%;
    }
    .getinBox small i {
    font-size: 14px;
    }
    .getinBox p {
    font-size: 12px;
    margin: 0;
    }
    .getinBox a {
    font-size: 14px;
    margin: 3px 0 3px 0;
    }
    .getinBox small {
    font-size: 14px;
    margin: 3px 0 3px 0;
    }
    .getinBox {
    border-bottom: 1px solid #464646;
    padding: 1% 5% 1% 5%;
    }
    .applyText span {
    font-size: 14px;
    margin: 15px 0 15px 0;
    letter-spacing: 2px;
    text-align: center;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    font-size: 10px;
    padding: 10px;
    }
    .ApplyFormMain .LeaveForm .form-group {
    position: relative;
    margin-bottom: 5px;
    }
    .getinSocial ul li {
    display: inline-block;
    margin-right: 10px;
    }
    .getinSocial ul li a {
    font-size: 18px;
    color: #e3e3e2;
    }                                                                                         
    .applyText span img{
    display: none;
    }
    .CareerFormBg {
    width: 100%;
    height: 100%;
    display: block;
    align-items: center;
    justify-content: center;
    padding: 13% 0;
    }        
    .CaseHeadingtop span {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    p {
        font-size: 12px;
        line-height: 15px;
    }
    .CaseStudyLeftBox img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
    .CaseHeadingtop {
        margin-bottom: 10px;
    }
    .caseheadingcenter.is-inview {
        padding: 50% 0 0% 0;
        overflow: hidden;
        width: 100%;
        height: 100vh;
    }
    #navigationWrap .connectsocial2 ul li img {
		width: 45px;
		height: 40px;
    }                    
    #navigationWrap .connectsocial2 ul li a {
        font-size: 14px;
        color: #fff;
        margin-right: 0;
    }
    #navigationWrap .connectsocial2 ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0px 12px;
    }
    #navigationWrap .TestimonialIcons li:first-child{
display: inline-block;
    margin-right: 10px;
    padding: 8px 10px;
    top: 0px;
    }
    .circle {
        display: none;
    }
    
    .circle-follow {
        display: none;
    }
    .GraphicRight ul {
        text-align: center;
        display: block;
    }
    .GraphicRight ul li a img {
        width: 50px;
        height: 46px;
        top: 0;
    }
    .GraphicRight li:first-child {
        overflow: hidden;
        padding: 0;
        width: 80px;
        position: relative;
        top: 8px;
        right: 0;
        margin-right: 0;
    }
    .TestimonailLeftMainInner .Testimonialleft span {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .Testimonialleft span {
        font-size: 18px;
        display: block;
        margin: 10px 0 10px 0;
    }
    .Seprator2 {
        padding: 0;
        display: none;
    }
    .TestimonialIcons img {
        width: 50px;
        height: 30px;
        margin: 0;
    }
    .arrowcursor {
        display: none;
    }
    .VideoBox img {
        height: 100px;
        width: 100%;
        object-fit: cover;
        margin: 10px 0 0 0;
    }
    .TestimonialIcons .trustpilot-widget {
		width: 280px;
		margin-left: -202px;
    }
    .teamimg span {
        font-weight: 500;
        font-size: 13px;
        line-height: 25px;
    }
    .btn1 {
        padding: 10px 20px;
        border-radius: 5px;
        display: inline-block;
        background: #d3202e;
        color: #e3e3e2;
        border-radius: 3px;
        font-size: 14px;
        margin-right: 0;
    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        justify-content: flex-start;
    }
    .servicesOffer {
        display: block;
        width: 100%;
        height: auto;

    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
    }
    .servicesOffer span {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 5px 0;
    }
    .servicesMain {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    .Seprator{
        display: none;
    }
    .QoteForm input[type="submit"] {
        font-size: 18px;
        line-height: 30px;
        margin: 0;
    }
    .QoteForm .form-control {
        width: 100%;
        height: 40px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .QoteForm select {
        height: 40px;
        border-radius: 0;
        margin-bottom: 0px;
        font-size: 12px;
    }
    .RightForm .form-group {
        margin-bottom: 5px;
    }
    .TestimonialSlider {
        padding: 0;
    }
    .TestimonialLeftSlider .slick-dots button {
        width: 11px;
        height: 11px;
    }
    .VideoBox i {
        top: 30%;
        font-size: 35px;
    }    
    .TestimonailLeftMainInner .TestimonialSlider p {
        text-transform: inherit;
        color: #272827;
        font-size: 12px;
        margin: 0;
    }
    .redSeprator{
        display: none;
    }
    .RankLogos ul li:first-child {
        margin-right: -20px;
        padding-left: 0;
    }
    .RankLogos ul li:nth-child(2) {
        margin-right: 0;
        padding-left: 0;
    }
    .footerreviews ul li:first-child {
        padding-left: 0;
        padding: 5px 0px 5px 0px;
        top: 15px;
    }
    .BrandingMain1 {
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }                
    .BrandingMain2{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain3{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain4{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain5{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain6{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }
    .designinglisticon ul li {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .designinglisticon ul li img {
        width: 30px;
        height: 20px;
        object-fit: scale-down;
    }
    .designinglisticon{
        display:none;
    }
    .paddinganimation{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;  
    }   
    .AnimationRight .planing ul{
        display: inline-block;
        margin-right: 0;      
        margin: 0px 0 0 0;        
    }
    .AnimationRight .planing ul li small{
        font-size: 12px;
        letter-spacing: 0px;
        margin: 0;
        padding: 12px 10px;
    }
    .AnimationRight .planing ul li {
        display: inline-block;
        margin-right: 0;
        top: 18px;
        width: auto;
        padding: 0px 5px;
    }
    .teamimg img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
    }
    .PrivacyPolicy {
        padding: 0% 0 5% 0;
        background: #e3e3e2;
        display: block;
        width: 100%;
        height: auto;
    }
    .PrivacyPolicyBg {
        background-position: left bottom;
        height: auto;
        padding: 20% 0;
    }
    .PrivacyPolicyBg h1 {
        padding: 10% 0;
        font-size: 25px;
    }
    .CareerLeft1 {
        height: 163px;
        background-size: contain;
        background-position: center;
    }
    .ChooseFile .file-chooser {
        margin: 0;
    }
    .file-chooser:after {
        height: 37px;
        line-height: 37px;
        font-size: 10px;
        width: 50px;
    }
    .CareerRight .faqscollapse {
        width: 100%;
        height: auto;
        padding: 0% 0;
    }
    .TextBox{
        width: 90%;
        margin: 0px auto;
        display: block;
        text-align: center;
        background: rgb(0 0 0 / 46%);
        color: #fff;
        padding: 10px;
        margin-top: 20px;        
    }
    .VideoExpleiner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50vh;
    }
    .play-icon {
        top: 52%;
        left: 51%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }        
    .play-icon i {
        font-size: 15px;
        text-align: center;
        line-height: 50px;
        display: block;
    }    
    .play-icon.playcenter1 {
        top: 58%;
        left: 50%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .pright5{
        padding-right:3;
    }
    .pleft5{
        padding-left:3;
    }        
    }    
    @media (min-width: 576px) and (max-width: 767.98px) {
        .container1 {
            max-width: 1024px;
            box-sizing: border-box;
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: auto;
            margin-right: auto;
            }            
            header {
            padding: 20px 15px;
            z-index: 99999;
            }
            .clouseText {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 70px 0 0 0;
            }
            .clouseRightImg img {
                margin: 0px auto;
                display: table;
                position: relative;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: hidden;
            }
            .clouseText small {
            font-size: 40px;
            letter-spacing: -2px;
            right: -11px;
            top: 6px;
            }
            .clouseText span {
            font-size: 50px;
            letter-spacing: -2px;
            margin-bottom: 10px;
            }
            #navigationWrap {
            padding: 10px 0;
            overflow-y: scroll;
            z-index: 9999;
            }
            .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .main_nav_Box {
            width: 100%;
            height: auto;
            display: block;
            align-items: center;
            justify-content: center;
            }
            .menu {
            padding: 37px 10px;
            }
            .container2 {
            box-sizing: border-box;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            margin-left: auto;
            margin-right: auto;
            }
            .connectsocial2 ul li {
                padding: 3px 9px;
                margin-right: 0;
            }    
            .connectsocial2 ul li img {
                width: 42px;
                height: 30px;
            }
            .connectsocial2 ul li a {
            font-size: 13px;
            color: #fff;
            margin-right: 0;
            }
            .connectsocial2 span {
            margin: 0px 0 10px 0;
            font-size: 12px;
            }
            .getaQuoteMain span {
            font-size: 14px;
            margin: 10px 0 10px 0;
            }
            .mobilejumdown {
            position: relative;
            height: 100vh;
            }
            .mobilejumdown img {
            width: 65%;
            margin: 0px auto;
            display: table;
            }
            .bgBlack {
            background: #272827;
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: inherit;
            }
            .section{
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.9s ease;
            }
            .Mobilefocustext small{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 24px;
            font-weight: 400;
            display: block;
            text-align: center;
            line-height: 20px;
            }
            .Mobilefocustext span{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 30px;
            font-weight: 400;
            text-align: center;
            display: block;
            margin: 0 0 10px 0;
            }
            .Mobilefocustext p{
            color: #e3e3e2c2;
            width: 100%;
            text-align: center;
            font-size: 12px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            width: 80%;
            margin: 0px auto;
            }
            .geekscopyright {
            left: -108px;
            z-index: 2;
            }
            .MobileMainSection2{
            height: 100vh;
            display: block;
            width: 100%;
            background-image: url(../images/mobileMask.html);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            }
            .MobileMainSection2:after {
            content:'';
            background: #676867;
            height: 100vh;
            width: 1px;
            position: absolute;
            left: 50%;
            right: 50%;
            top: 0;
            z-index: 0;
            }
            .Mobile_Mask_Center .Peraslider{
            color: #e3e3e2c2;
            width: 80%;
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            margin: 20px auto;
            }
            .jumpimg {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .jumpimg img {
            height: 75%;
            }
            .Peraslider {
            position: absolute;
            top: 66%;
            bottom: 34%;
            width: 20%;
            left: 0;
            right: 0;
            height: 70px;
            }
            .Peraslider p{
            font-size: 12px;
            line-height: 18px;
            text-align: center;
            }
            .diveimgBox img {
            width: 50%;
            margin: 50px auto;
            display: table;
            }
            .moveimgdown1 img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 50%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 35%;
            bottom: 76%;
            left: 0;
            right: 0;
            }
            .MobileletsdivText small{
            font-family: 'Athene';
            color: #272827;
            font-size: 25px;
            letter-spacing: 0px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 50px;
            position: relative;
            top: 25px;
            }
            .MobileletsdivText span{
            font-family: 'Athene';
            color: #272827;
            font-size: 40px;
            letter-spacing: -2px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 60px;
            }
            .MobileletsdivText p{
            text-align: center;
            font-size: 11px;
            color: #272827;
            font-weight: 500;
            width: 80%;
            line-height: 15px;
            margin: 0px auto;
            }
            .javaimg img {
            width: 50%;
            margin: 40px auto;
            display: table;
            }
            .WebTextDeve small{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 30px;
            font-weight: 500;
            display: block;
            line-height: 20px;
            letter-spacing: -1px;
            position: relative;
            right: auto;
            bottom: 0;
            text-align: left;
            left: 0;
            text-align: center;
            }
            .WebTextDeve span{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 40px;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -1px;
            margin-bottom: 10px;
            }
            .WebTextDeve p{
            text-align: center;
            font-size: 11px;
            color: #e3e3e2c2;
            font-weight: 500;
            display: block;
            width: 80%;
            position: relative;
            line-height: 15px;
            margin: 0px auto;
            }
            .MobileSeoText{
            position: absolute;
            z-index: -1;
            display: flex;
            align-items: baseline;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileSeoText small {
            color: #242424;
            font-size: 13rem;
            display: inline-block;
            font-family: 'Athene';
            letter-spacing: 0;
            }
            .MobileSeoMain {
            position: relative;
            }
            .AppIOS .small{
            top: 0;
            }
            .MobileSeoText.Ios {
            position: absolute;
            top: 15%;
            bottom: 85px;
            z-index: -1;
            left: 0;
            right: 0;
            text-align: center;
            }
            .MobileSeoText.Ios small{
            letter-spacing: -15px 
            }
            .AppIOS small {
            top: 0;
            left: 0;
            text-align: center;
            }
            .Mobile2d3d span{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-size: 55px;
            line-height: 80px;
            }
            .Mobile2d3d span small{
            font-size: 35px;
            line-height: 40px;
            }
            .vector2d3d img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 60%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 20%;
            bottom: 80%;
            left: 0;
            right: 0;
            }
            #section8 .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .circleTestimonial{
            display: none;
            }
            .TestimonialSlider p {
            margin-bottom: 5px;
            min-height: auto;
            line-height: 15px;
            }
            .navbar {
            top: 26px;
            right: 10px;
            }
            ;
            .VideoBox img {
            height: auto;
            }
            .TestimonialLeftSlider .slick-dots button {
            width: 10px;
            height: 10px;
            }
            .clouseText p {
            font-size: 13px;
            line-height: 18px;
            margin-right: 0px;
            margin: 0;
            }
            .Testimonialleft span {
            font-size: 18px;
            text-align: center;
            margin: 21px 0 20px 0;
            }
            .Testimonialleft small {
            font-size: 11px;
            text-align: center;
            margin: 0;
            }
            .navbar {
            top: 26px;
            right: 15px;
            position: absolute;
            }
            .TestimonialIcons {
            float: none;
            display: block;
            margin: 0px auto;
            text-align: center;
            }
            .custom_widget {
            margin-left: 0;
            top: 0;
            }
            .TestimonialIcons li a {
            font-size: 14px;
            color: #fff;
            margin-right: 0;
            }
            .TestimonialIcons li {
                display: inline-block;
                background: #fff;
                padding: 4px 10px;
                margin-right: 0;
                width: 24%;
                margin-bottom: 4px;
            }
            .TestimonialIcons li:first-child {
                padding: 7px 0;
                top: 0px;
            }        
            .TestimonialIcons img {
                width: 35px;
                height: 35px;
                margin: 0;
            }
            .Mobile_Mask_Center .formobilecircle{
            width: 35px;
            height: 35px;
            margin: 0px auto;
            position: absolute;
            top: 40%;
            bottom: 39%;
            left: 44.3%;
            right: 44.3%;
            z-index: 1;
            }
            .MobileMainSection1 {
            width: 100%;
            height: 100vh;
            position: relative;
            }
            .Mobilefocustext.MobilefocustextJS {
            position: absolute;
            bottom: 100px;
            }
            .Mobile_Mask_Center {
            width: 100%;
            height: 100vh;
            }
            .HomeMenText small{
            font-family: 'Athene';
            font-size: 40px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -5px;
            right: -17px;
            top: 8px;
            }
            .HomeMenText span{
            font-family: 'Athene';
            font-size: 50px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            letter-spacing: -2px;
            margin-bottom: 20px;
            }
            .HomeMenText p{
            text-align: center;
            font-size: 13px;
            color: #272827;
            font-weight: 500;
            margin: 0;
            line-height: 17px;
            }
            .MobileMainSection3 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileMainSection4 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            div#section8 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .Mobile2d3dJs small {
            position: inherit;
            top: inherit;
            }
            .connectsocial2 ul {
            text-align: left;
            padding-left: 0;
            }
            .sectionmain1 {
            width: 100%;
            height: 100vh;
            display: grid;
            margin: 0px auto;
            padding: 10% 0 0 0;
            }
            .HomeMenText {
            text-align: center;
            position: absolute;
            top: 10%;
            left: 0;
            right: 0;
            }
            .men22 {
            text-align: center;
            width: 70%;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0px auto;
            }
            .loader-inner img {
            width: 72px;
            height: 88px;
            object-fit: contain;
            }
            /* ==================================== About Us ============================== */
            .AboutHeading span {
            font-size: 40px;
            letter-spacing: 0;
            text-align: left;
            display: inline-block;
            }
            .AboutHeading small {
            font-size: 30px;
            bottom: inherit;
            left: inherit;
            right: inherit;
            position: inherit;
            text-align: left;
            display: inline-block;
            }
            .clintheading {
            padding-left: 0;
            }
            .logos-slider img {
            width: 90px;
            height: 60px;
            padding: 12px;
            }
            .centercircle3 {
            position: absolute;
            left: auto;
            top: 37%;
            bottom: 66%;
            right: 44px;
            width: 25px;
            height: 25px;
            display: none;
            }
            .footerreviews img {
            width: 35px;
            height: 35px;
            }
            .column1 span {
            font-size: 14px;
            margin: 20px 0 20px 0;
            }
            .column1 p {
            font-size: 13px;
            line-height: 15px;
            margin-bottom: 20px;
            }
            .column1 small {
            font-size: 10px;
            font-weight: 600;
            margin: 10px 0 0 0;
            line-height: 18px;
            }
            .column2 span {
            font-size: 12px;
            margin: 0 0 10px 0;
            }
            .quicklinks ul li a {
            font-size: 14px;
            line-height: 12px;
            }
            .quicklinks ul li {
            margin-bottom: 10px;
            }
            .locations small {
            font-size: 16px;
            line-height: 15px;
            margin: 0 0 7px 0;
            }
            .column4 p {
            font-size: 14px;
            margin-bottom: 5px;
            }
            .footersocial ul li {
            display: inline-block;
            margin-right: 10px;
            }
            .footersocial ul li a {
            font-size: 20px;
            color: #5c5e5b;
            }
            .emailinfo a {
            font-size: 16px;
            }
            .footerreviews ul li a {
            font-size: 13px;
            }
            .locations a {
            font-size: 15px;
            margin: 10px 0 10px 0;
            display: block;
            }
            .locations {
            margin-bottom: 11px;
            }
            .sociallistmain {
            padding: 0;
            }
            .footerreviews ul li {
            padding-right: 9px;
            padding-left: 9px;
            }
            .counter span {
            font-size: 23px;
            line-height: 22px;
            margin: 20px 0 10px 0;
            }
            .AboutPeraText small {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 30px;
            margin-top: 10px;
            }
            .AboutPeraText p {
            font-size: 12px;
            line-height: 17px;
            margin-bottom: 10px;
            text-align: center;
            }
            .counter small {
            font-size: 13px;
            line-height: 17px;
            }
            .loader-inner img {
            width: 68px;
            height: 68px;
            object-fit: contain;
            }
            .collapseheading span {
            font-size: 12px;
            line-height: 25px;
            }
            .RankLogos .custom_widget {
            top: 10px;
            margin-left: 1px;
            }
            .RankLogos ul li a img {
            width: 47px;
            height: 46px;
            margin: 0;
            margin-right: 7px;
            top: 13px;
            }
            .RankLogos ul li a {
            font-size: 12px;
            }
            .clintheading span {
            font-size: 18px;
            }
            .clintheading small {
            font-size: 17px;
            }
            .sociallistmain {
            bottom: 3%;
            position: inherit;
            }
            .footerreviews .custom_widget {
            margin-left: 0;
            }
            .footerreviews {
                margin: 20px 0 0 0;
                padding: 0px 0 10px 0;
                text-align: center;
                display: block;
            }
            .copyrightText {
            text-align: center;
            margin-top: 13px;
            }
            .copyrightText p {
            color: #272827;
            font-size: 14px;
            text-align: left;
            }
            .namecircle {
            left: 10px;
            top: 68%;
            width: 110px;
            height: 110px;
            }
            .teamimg small {
            font-size: 12px;
            }
            .emailinfo p {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #686968;
            font-size: 16px;
            margin: 10px 0 10px 0;
            display: block;
            }
            .footersocial {
            float: none;
            }
            .footersocial ul {
            margin: 0;
            text-align: left;
            }
            .emailinfo img {
            margin-right: 6px;
            width: 20px;
            height: 20px;
            display: none;
            }
            .collapsecontent p {
            font-size: 12px;
            line-height: 19px;
            }
            .CareerRight .collapsecontent p {
            width: 100%;
            padding: 0px 0 0px 0;
            font-size: 12px;
            line-height: 15px;
            }
            .CareerMiddle{
            height: 100vh;
            display: flex;
            align-items: center;   
            justify-content: center;
            }
            .CareerFormBg {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .ChooseFile {
            background: #181818;
            width: 100%;
            padding: 1% 2px 1% 2px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
            margin-bottom: 0;
            }
            .file-chooser .file-chooser-input {
                background: #181818;
                border: 1px solid #181818;
                border-right: none;
                border-radius: 2px;
                padding: 0px 5px;
                cursor: default;
                padding-right: 0;
                white-space: pre;
                text-overflow: ellipsis;
                width: 100%;
                height: 37px;
                font-size: 10px;
            }          
            .applyText span img {
            width: 25px;
            height: 25px;
            position: relative;
            bottom: 0px;
            }
            .applyText span {
            font-size: 15px;
            margin: 0 0 10px 0;
            letter-spacing: 0px;
            }
            .LeaveForm textarea {
            height: 90px;
            padding: 15px;
            font-size: 10px;
            }
            .ApplyFormMain .LeaveForm .btn-primary {
            font-size: 20px;
            line-height: 30px;
            padding: 0px 0px;
            border: none;
            }
            /* .CareerFormBg .RankLogos ul li a img {
            margin-right: 4px;
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            display: inline-block;
            position: relative;
            top: 0;
            filter: opacity(50%);
            } */
            .LeaveForm input.form-control {
            width: 100%;
            height: 35px;
            margin-bottom: 10px;
            font-size: 12px;
            padding: 10px;
            }
            .CareerRight .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 5px 0;
            margin-bottom: 5px;
            }
            .borderbottom.borderbottom2:after {
            height: 3px;
            }
            .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 10px 0 10px 0;
            width: 100%;
            }
            .expandable:before {
            display: block;
            content: '';
            width: 60px;
            height: 4px;
            background: #d3202e;
            position: absolute;
            bottom: -10px;
            }
            .ChooseUsHeadingd small {
            font-size: 18px;
            }
            .ChooseUsHeadingd span {
            font-size: 27px;
            font-weight: 500;
            line-height: 24px;
            width: 100%;
            }
            .rankText span {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #272827;
            display: block;
            font-size: 18px;
            margin-bottom: 5px;
            }
            .quicklinks span {
            margin: 15px 0;
            display: block;
            font-size: 14px;
            font-weight: 600;
            }
            .column4 span {
            font-size: 13px;
            margin: 0 0 12px 0;
            }
            .AboutHeading {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            text-align: center;
            }
            .AboutPeraText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            }
            .faqscollapse {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin-top: 0px;
            }
            .ChooseUsHeadingd {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin: 70px 0 0 0;
            }
            .RankLogos {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            }
            .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            height: 100%;
            padding: 20px 0 0 0;
            }
            .CareerFormBg .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: auto;
            position: absolute;
            bottom: 0;
            padding: 5px 0 0 0;
            }
            .rankText p {
            font-size: 12px;
            line-height: 10px;
            margin: 0;
            }
            .rankText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            width: 100%;
            height: auto;
            }
            .FaqsMain {
            background: #e3e3e2;
            position: relative;
            display: block !important;
            padding: 18% 0;
            }
            .RankLogos ul li:first-child {
            margin-right: 4px;
            padding-left: 0;
            }
            .BigClientMain{
            display: block;
            height: auto;
            }
            .ourLogos img {
            width: 220px;
            height: 160px;
            object-fit: scale-down;
            margin: 0px auto;
            display: table;
            filter: grayscale(100%);
            transition: all 0.3s ease-in-out;
            object-fit: scale-down;
            margin: 0;
            border: 2px solid rgb(0 0 0 / 16%);
            padding: 20px;
            }
            .ourLogos {
            display: table;
            margin: 0px auto;
            }
            footer {
            background: #e3e3e2;
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            padding: 25% 0 5% 0;
            }
            .Mobileclintheading span {
            color: #272827;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Athene';
            letter-spacing: 1px;
            display: block;
            text-align: center;
            }
            .Mobileclintheading small {
            color: #d4202f;
            font-size: 25px;
            display: block;
            text-align: center;
            margin: 0 0 10px 0;
            }
            .getquotebuttons {
                position: fixed;
                right: 0;
                top: 85%;
                z-index: 9;
            }
            /* =================================== Graphics Design Mobile  ============================*/
            
            .AboutPeraText small {
            font-size: 18px;
            line-height: 25px;
            margin-bottom: 10px;
            margin-top: 10px;
            text-align: center;
            }
            .GraphicLeft small {top: inherit;font-size: 40px;left: inherit;letter-spacing: 0px;position: inherit;display: block;margin: 0;position: relative;left: 0;top: 0;text-align: center;}
            .GraphicLeft span {top: inherit;left: inherit;font-size: 50px;letter-spacing: 0px;display: block;margin: 0;text-align: center;}
            .GraphicLeft {
            height: 100%;
            z-index: inherit;
            left: inherit;
            right: inherit;
            top: inherit;
            bottom: inherit;
            width: 100%;
            display: block;
            margin: 0;
            opacity: inherit;
            background: none;
            }
            .GraphicDesignInner {width: 100%;height: 100vh;padding: 0;display: flex;align-items: center;justify-content: center;}
            .ServicesLinks ul li a {
            font-size: 16px;
            line-height: 25px;
            padding-left: 0;
            }
            .ServicesImgLinks ul li {
            display: block;
            margin-right: 0;
            float: left;
            width: 50%;
            }
            .ServicesImgLinks small {
            font-size: 60px;
            bottom: 10px;
            letter-spacing: -1px;
            }
            .ServicesImgLinks ul li img {
            width: 130px;
            height: 50px;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 50px;
            height: 60px;
            }
            .ServicesImgLinks ul li:last-child {
            margin-right: 0px;
            width: 100%;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 70px;
            height: 40px;
            }
            .myElement {
            width: 20px;
            height: 20px;
            top: 0px;
            } 
            .GraphicRight ul li a {
            font-size: 18px;
            color: grey;
            font-weight: 500;
            }
            .GraphicRight ul li {
            display: inline-block;
            margin-right: 0;
            }
            .GraphicRight ul li a img {width: 35px;height: 36px;top: 0;}
            .BrandingMain1 .GraphicDesignInner{
            padding: 0;
            }
            .CenterHeading span {
            font-size: 30px;
            display: inline-block;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            display: inline-block;
            letter-spacing: -3px;
            display: contents;            
            }
            .PortfolioSlider svg {
            width: 100px;
            height: auto;
            margin: 40px auto;
            cursor: pointer;
            overflow: visible;
            background: #000000ad;
            padding: 10px;
            border-radius: 0px;
            }
            .portfolioLinks p {
                width: 100%;
                font-size: 12px;
                letter-spacing: 0px;
                margin-bottom: 10px;
                line-height: 15px;
                margin-top: 0px;
            }
            .LeftPortfolioMain {
            height: 50vh;
            overflow: inherit;
            display: block;
            }  
            .RightPortfolioMain {
                width: 100%;
                height: 50vh;
                padding: 10px 25px;
                display: block;
                align-items: center;
                justify-content: center;
            
            }
            .portfolioLinks {
            width: 100%;
            height: 50vh;
            display: block;
            }
            .PortfolioItems img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            }  
            .sociallistmain .col-12{
            padding: 0;
            }
            .portfolioLinks ul li a {
            font-size: 13px;
            }
            .portfolioLinks span {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 15px 0 5px 0;
            }
            .AnimationRight .planing ul li small {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 20px 0 0 0;
            }
            .AnimationRight .planing span {
            font-size: 13px;
            line-height: 15px;
            text-align: center;
            display: block;
            width: 100%;
            }
            .GraphicTop .FontResize span {
            font-size: 70px;
            }
            .GraphicTop.GraphicLeftJs {
            display: block;
            text-align: center;
            margin: 0px auto;
            }
            .FontResize .btnDiv .btn1 {
            padding: 11px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 0px auto;
            display: table;
            }
            .GraphicLeftJs .btnDiv {
            left: 0;
            bottom: 30px;
            position: inherit;
            width: 100%;
            margin: 0px auto;
            display: table;    
            }
            .FontResize .Vectorimg {
            display: none;
            }
            .GraphicLeftJs .btnDiv .btn1 {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 20px 0 10px 0;
            }
            .chooseuscontente ul li small {
            font-size: 14px;
            display: block;
            margin: 0;
            line-height: 15px;
            }
            .btnDiv3Js2 .btn1
            {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            }
            .btnDiv3 small {
            font-size: 14px;
            margin: 0 0 10px 0;
            font-weight: 600;
            }
            .chooseuscontente p {
            font-size: 14px;
            margin: 0 0 10px 0;
            width: 90%;
            line-height: 15px;
            }
            .GraphicTop .webDeveText small {
            font-size: 35px;
            letter-spacing: -4px;
            bottom: 40px;
            left: 0;
            right: 0;
            text-align: center;
            position: relative;
            }
            .Left2d3dText .webDeveText span {
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            position: relative;
            bottom: 0;
            margin: 0 0 20px 0;
            }
            .GraphicDesignInner {
            width: 100%;
            height: 100%;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .checklistheading span {
            font-size: 18px;
            width: 100%;
            line-height: 22px;
            display: block;
            text-align: left;
            }
            .checklistheading p {
            font-size: 10px;
            bottom: 16px;
            line-height: 13px;
            width: 100%;
            text-align: left;
            position: inherit;
            margin: 4px 0;
            }
            .checklistbox p {
            font-size: 12px;
            margin: 3px 0 0 0;
            line-height: 15px;
            }
            .checklistbox span {
            font-size: 14px;
            display: block;
            margin: 5px 0 5px 0;
            font-weight: 600;
            }
            .checklistright{
            display: none;
            }
            .hiddenonmobile{
            display: none;
            }
            .checklistbox {
            margin-top: 0;
            }
            .checklistbox span {
            font-size: 12px;
            display: block;
            margin: 5px 0 5px 0;
            font-weight: 600;
            }
            .checklistbox p {
            font-size: 11px;
            margin: 0;
            line-height: 15px;
            }
            .WebDevelopmentChecklist {
            background: #e3e3e2;
            width: 100%;
            height: auto;
            position: relative;
            display: block;
            padding: 20% 0;
            }
            .GraphicTop .DigitalDeveText small {
            bottom: 43px;
            font-size: 35px;
            letter-spacing: 1px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 35px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 19px;
            bottom: 34px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            }
            .servicesOffer.AnimationJs.DigitalMarketing {
            height: auto;
            margin-top: 10px;
            }
            .servicesOffer span {
            font-size: 16px;
            line-height: 14px;
            margin: 0 0 5px 0;
            }
            .servicesOffer p {
            color: #e3e3e2;
            width: 100%;
            font-size: 13px;
            line-height: 18px;
            display: block;
            margin: 0;
            }
            .designinglisticonTextImg ul li img {
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            margin: 20px 0 10px 0;
            display: block;
            text-align: center;
            margin: 10px auto;
            }
            .designinglisticonTextImg ul li small {
            font-size: 12px;
            margin: 10px 0 0 0;
            font-weight: 500;
            }
            .GraphicTop .MobileApp .webDeveText span {
            bottom: 10px;
            left: 0;
            font-size: 30px;
            letter-spacing: -1px;
            }
            .GraphicTop .MobileApp .webDeveText small {
            font-size: 20px;
            letter-spacing: 0px;
            bottom: 35px;
            left: 0;
            text-align: center;
            }
            .processbox span {
            font-size: 12px;
            margin: 30px 0 5px 0;
            }
            .processbox p {
            font-size: 10px;
            margin: 0;
            line-height: 15px;
            }
            .processheading span {
            font-size: 14px;
            letter-spacing: 0px;
            margin-bottom: 10px;
            margin: 0;
            }
            .processicons {
            margin-top: 0;
            }
            .proicons span {
            font-size: 13px;
            margin: 5px 0 5px 0;
            }
            .processicons ul{
            text-align: center;
            }
            .processicons ul li {
            display: inline-block;
            margin-right: 2px;
            }
            .mobileset {
            width: 30%;
            float: none;
            margin: 0px auto;
            }
            .processheading {
            margin-top: 3%;
            }
            .processheading p{
            font-size: 11px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 20px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 0;
            bottom: 23px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 30px;
            letter-spacing: 0px;
            display: block;
            text-align: center;
            position: inherit;
            }
            .servicesOffer.AnimationJs.BlockChainContent span {
            margin: 0 0 5px 0;
            font-size: 18px;
            line-height: 20px;
            }
            .servicesOffer.AnimationJs.BlockChainContent p {
            margin: 0;
            font-size: 12px;
            line-height: 15px;
            }
            .forscrollonmobile {
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            }
            .CenterHeading.lerp-wrap {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100vh;
                flex-direction: column;
            }
            .moving-item{
            display: none;
            }
            .BlogTopbtn ul li {
            display: inline-block;
            margin-right: 10px;
            width: 100%;
            margin-bottom: 10px;    
            }
            .SearchBar .form-control {
            width: 80%;
            }

    .BannerHeading span {
    font-size: 40px;
    }    
    .UsedTags ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 10px;
    }    
    .BlogTag ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 10px;
    }    
    .BlogBanner {
    height: auto;
    padding: 35% 0 5% 0;
    }    
    .BannerHeading p {
    width: 100%;
    }    
    .aboutvideo video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }
    .aboutvideo {
    width: 100%;
    height: 100%;
    background: #040404;
    }
    button#playPauseButton {
    top: 47%;
    left: 40%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    }        
    
    .bottomfoot {
    background: #efefee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 20px;
    }
    .AboutProject p {
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading span {
    font-size: 40px;
    letter-spacing: 0px;
    margin-top: 60px;
    }
    .CaseHeading p {
    width: 90%;
    margin: 20px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading img {
    top: 0;
    }
    .ClientLogoCenter img {
    display: table;
    margin: 10px auto 30px auto;
    width: 40%;
    }
    .colorSec span {
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    }
    .colorRadius ul li small {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    }
    .colorRadius ul li span {
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: center;
    display: block;
    font-weight: 600;
    }
    .colorRadius ul li p {
    font-size: 12px;
    text-align: center;
    margin: 0 0 16px 0;
    }
    .colorRadius ul {
    margin: 20px 0 0 0;
    text-align: center;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 0;
    width: 45%;
    }
    .OurRole span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin: 20px 0 0 0;
    }
    .ruleListing ul li {
    font-size: 14px;
    margin: 7px 0 0 0;
    }
    .timeduration span {
    padding: 15px 10px;
    font-size: 14px;
    } 
    .timedurationDis span {
    display: inline-block;
    color: #d3202e;
    font-size: 40px;
    font-weight: 600;
    }
    .timedurationDis {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 25px;
    }
    .timedurationDis span small {
    font-size: 14px;
    }
    .AboutProject span {
    padding: 13px 22px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 14px;
    }
    .AboutProject img {
    width: 70%;
    margin: 0px auto 20px auto;
    display: table;
    }
    .ToolsUsed span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 40px;
    }
    .ToolsUsed ul{
    text-align: center;
    }    
    .ToolsUsed ul li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 11px;
    }
    .ToolsUsed ul li img {
    width: 53px;
    height: 30px;
    }
    .ToolsUsed ul li small {
    font-size: 12px;
    margin: 10px 0 0 0;
    }
    .ProblumIstatwement {
    padding: 30px 0 0 0;
    }
    .MobileImg img {
    width: 70%;
    margin: 0px auto;
    display: table;
    }
    .AboutProjectMain2 .AboutProject span {
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 20px;
    }
    .boxshaowBG {
    height: auto;
    }
    .caseheadingcenter p {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseStudlyFirst {
    background: #e3e3e2;
    padding: 60px 20px;
    width: 100%;
    height: 100vh;
    }
    .caseheadingcenter span {
    font-size: 40px;
    letter-spacing: 0px;
    }
    .caseheadingcenter img {
    width: 90%;
    }
    .section.NewCaseStudy {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    }
    .CaseStudyLeftBox {
    margin-bottom: 10px;
    }
    .CaseStudyRightBox small {
    font-size: 18px;
    }    
    .CaseStudyRightBox span {
    display: block;
    font-family: 'Athene';
    font-size: 16px;
    margin: 20px 0 10px 0;
    }
    .CaseStudyRightBox p {
    font-family: 'Acumin Pro';
    font-weight: 500;
    color: #272827;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    }
    .CaseStudyRightBox a {
    font-size: 14px;
    padding: 10px;
    position: relative;
    bottom: 0;
    margin-bottom: 20px;
    }
    .backtop button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    }
    .fortwiceRow {
    display: flex;
    flex-direction: column-reverse;
    }
    .ruleListing {
    margin-bottom: 32px;
    }
    .ruleListing ul {
    display: block;
    margin: 16px 0 0px 0;
    margin-right: 0;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .bottombtn a {
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    background: #d3202e;
    color: #e3e3e2;
    border-radius: 3px;
    font-size: 12px;
    }
    .servicesMain4 {
    display: block;
    height: 100%;
    padding: 18% 0;
    }
    #moving-item{
    display: none !important;
    } 
    #moving-item img{
    display: none !important;
    }
    .CareerLeft1 span {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -4px;
    }
    .GetInTouchMain {
    margin-top: 0px;
    }           
    .FallingTelePhone img {
    left: 20%;
    width: 15%;
    }
    .ContactBg {
        background-position: right;
    }    
    .GetInTouchMain span {
    font-size: 14px;
    padding: 3% 0 0 5%;
    }
    .getinBox small i {
    font-size: 14px;
    }
    .getinBox p {
    font-size: 12px;
    margin: 0;
    }
    .getinBox a {
    font-size: 14px;
    margin: 3px 0 3px 0;
    }
    .getinBox small {
    font-size: 14px;
    margin: 3px 0 3px 0;
    }
    .getinBox {
    border-bottom: 1px solid #464646;
    padding: 1% 5% 1% 5%;
    }
    .applyText span {
    font-size: 14px;
    margin: 15px 0 15px 0;
    letter-spacing: 2px;
    text-align: center;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    font-size: 10px;
    padding: 10px;
    }
    .ApplyFormMain .LeaveForm .form-group {
    position: relative;
    margin-bottom: 5px;
    }
    .getinSocial ul li {
    display: inline-block;
    margin-right: 10px;
    }
    .getinSocial ul li a {
    font-size: 18px;
    color: #e3e3e2;
    }                                                                                         
    .applyText span img{
    display: none;
    }
    .CareerFormBg {
    width: 100%;
    height: 100%;
    display: block;
    align-items: center;
    justify-content: center;
    padding: 13% 0;
    }        
    .CaseHeadingtop span {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    p {
        font-size: 12px;
        line-height: 15px;
    }
    .CaseStudyLeftBox img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
    .CaseHeadingtop {
        margin-bottom: 10px;
    }
    .caseheadingcenter.is-inview {
        padding: 50% 0 0% 0;
        overflow: hidden;
        width: 100%;
        height: 100vh;
    }
    #navigationWrap .connectsocial2 ul li img {
        width: 60px;
        height: 40px;
    }                    
    #navigationWrap .connectsocial2 ul li a {
        font-size: 14px;
        color: #fff;
        margin-right: 0;
    }
    #navigationWrap .connectsocial2 ul li {
        display: inline-block;
        margin-right: 0;
        padding: 0px 8px;
    }
    #navigationWrap .TestimonialIcons li:first-child{
        display: inline-block;
        margin-right: 0;
        padding: 8px 10px;
        top: 0px;
    }
    .circle {
        display: none;
    }
    
    .circle-follow {
        display: none;
    }
    .GraphicRight ul {
        text-align: center;
        display: block;
    }
    .GraphicRight ul li a img {
        width: 50px;
        height: 46px;
        top: 0;
    }
    .GraphicRight li:first-child {
        overflow: hidden;
        padding: 0;
        width: 80px;
        position: relative;
        top: 8px;
        right: 0;
        margin-right: 0;
    }
    .TestimonailLeftMainInner .Testimonialleft span {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .Testimonialleft span {
        font-size: 18px;
        display: block;
        margin: 10px 0 10px 0;
    }
    .Seprator2 {
        padding: 0;
        display: none;
    }
    .TestimonialIcons img {
        width: 50px;
        height: 30px;
        margin: 0;
    }
    .arrowcursor {
        display: none;
    }
    .VideoBox img {
        height: 100px;
        width: 100%;
        object-fit: cover;
        margin: 10px 0 0 0;
    }
    .trustpilot-widget {
        width: 280px;
        margin-left: -177px;
    }
    .teamimg span {
        font-weight: 500;
        font-size: 13px;
        line-height: 25px;
    }
    .btn1 {
        padding: 10px 20px;
        border-radius: 5px;
        display: inline-block;
        background: #d3202e;
        color: #e3e3e2;
        border-radius: 3px;
        font-size: 14px;
        margin-right: 0;
    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        justify-content: flex-start;
    }
    .servicesOffer {
        display: block;
        width: 100%;
        height: auto;

    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
    }
    .servicesOffer span {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 5px 0;
    }
    .servicesMain {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    .Seprator{
        display: none;
    }
    .QoteForm input[type="submit"] {
        font-size: 18px;
        line-height: 30px;
        margin: 0;
    }
    .QoteForm .form-control {
        width: 100%;
        height: 40px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .QoteForm select {
        height: 40px;
        border-radius: 0;
        margin-bottom: 0px;
        font-size: 12px;
    }
    .RightForm .form-group {
        margin-bottom: 5px;
    }
    .TestimonialSlider {
        padding: 0;
    }
    .TestimonialLeftSlider .slick-dots button {
        width: 15px;
        height: 15px;
    }
    .TestimonailLeftMainInner .TestimonialSlider p {
        text-transform: inherit;
        color: #272827;
        font-size: 12px;
        margin: 0;
    }
    .redSeprator{
        display: none;
    }
    .RankLogos ul li:first-child {
        margin-right: -20px;
        padding-left: 0;
    }
    .RankLogos ul li:nth-child(2) {
        margin-right: 0;
        padding-left: 0;
    }
    .footerreviews ul li:first-child {
        padding-left: 0;
        padding: 5px 0px 5px 0px;
        top: 15px;
    }
    .BrandingMain1 {
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }                
    .BrandingMain2{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain3{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain4{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain5{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain6{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }
    .designinglisticon ul li {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .designinglisticon ul li img {
        width: 30px;
        height: 20px;
        object-fit: scale-down;
    }
    .paddinganimation{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;  
    }   
    .AnimationRight .planing ul{
        display: inline-block;
        margin-right: 0;      
        margin: 0px 0 0 0;        
    }
    .AnimationRight .planing ul li small{
        font-size: 12px;
        letter-spacing: 0px;
        margin: 0;
        padding: 12px 10px;
    }
    .AnimationRight .planing ul li {
        display: inline-block;
        margin-right: 0;
        top: 18px;
        width: auto;
        padding: 0px 5px;
    }
    .teamimg img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
    }
    .PrivacyPolicy {
        padding: 0% 0 5% 0;
        background: #e3e3e2;
        display: block;
        width: 100%;
        height: auto;
    }
    .PrivacyPolicyBg {
        background-position: left bottom;
        height: auto;
        padding: 20% 0;
    }
    .PrivacyPolicyBg h1 {
        padding: 10% 0;
        font-size: 25px;
    }
    .CareerLeft1 {
        height: 163px;
        background-size: contain;
        background-position: center;
    }
    .ChooseFile .file-chooser {
        margin: 0;
    }
    .file-chooser:after {
        height: 37px;
        line-height: 37px;
        font-size: 10px;
        width: 50px;
    }
    .CareerRight .faqscollapse {
        width: 100%;
        height: auto;
        padding: 0% 0;
    }
    .TextBox{
        width: 90%;
        margin: 0px auto;
        display: block;
        text-align: center;
        background: rgb(0 0 0 / 46%);
        color: #fff;
        padding: 10px;
        margin-top: 20px;        
    }
    .VideoExpleiner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50vh;
    }
    .play-icon {
        top: 52%;
        left: 51%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }        
    .play-icon i {
        font-size: 15px;
        text-align: center;
        line-height: 50px;
        display: block;
    }    
    .play-icon.playcenter1 {
        top: 58%;
        left: 50%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }                        
    }
    @media (min-width: 768px) and (max-width: 991.98px) {
        .container1 {
            max-width: 1024px;
            box-sizing: border-box;
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: auto;
            margin-right: auto;
            }            
            header {
            padding: 20px 15px;
            z-index: 99999;
            }
            .clouseText {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 70px 0 0 0;
            }
            .clouseRightImg img {
                margin: 0px auto;
                display: table;
                position: relative;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: hidden;
            }
            .clouseText small {
            font-size: 40px;
            letter-spacing: -2px;
            right: -11px;
            top: 6px;
            }
            .clouseText span {
            font-size: 50px;
            letter-spacing: -2px;
            margin-bottom: 10px;
            }
            #navigationWrap {
            padding: 10px 0;
            overflow-y: scroll;
            z-index: 9999;
    		position: fixed;				
            }
            .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .main_nav_Box {
            width: 100%;
            height: auto;
            display: block;
            align-items: center;
            justify-content: center;
            }
            .menu {
            padding: 37px 10px;
            }
            .container2 {
            box-sizing: border-box;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            margin-left: auto;
            margin-right: auto;
            }
            .connectsocial2 ul li {
                padding: 3px 9px;
                margin-right: 0;
            }    
            .connectsocial2 ul li img {
                width: 42px;
                height: 30px;
            }
            .connectsocial2 ul li a {
            font-size: 13px;
            color: #fff;
            margin-right: 0;
            }
            .connectsocial2 span {
            margin: 0px 0 10px 0;
            font-size: 12px;
            }
            .getaQuoteMain span {
            font-size: 14px;
            margin: 10px 0 10px 0;
            }
            .mobilejumdown {
            position: relative;
            height: 100vh;
            }
            .mobilejumdown img {
            width: 35%;
            margin: 0px auto;
            display: table;
            }
            .bgBlack {
            background: #272827;
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: inherit;
            }
            .section{
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.9s ease;
            }
            .Mobilefocustext small{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 30px;
            font-weight: 400;
            display: block;
            text-align: center;
            line-height: 30px;
            }
            .Mobilefocustext span{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 40px;
            font-weight: 400;
            text-align: center;
            display: block;
            margin: 0 0 10px 0;
            }
            .Mobilefocustext p{
            color: #e3e3e2c2;
            width: 100%;
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            width: 70%;
            margin: 0px auto;
            }
            .geekscopyright {
            left: -130px;
            z-index: 2;
            }
            .MobileMainSection2{
            height: 100vh;
            display: block;
            width: 100%;
            background-image: url(../images/mobileMask.html);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            }
            .MobileMainSection2:after {
            content:'';
            background: #676867;
            height: 100vh;
            width: 1px;
            position: absolute;
            left: 50%;
            right: 50%;
            top: 0;
            z-index: 0;
            }
            .Mobile_Mask_Center .Peraslider{
            color: #e3e3e2c2;
            width: 80%;
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            margin: 20px auto;
            }
            .jumpimg {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .jumpimg img {
            height: 75%;
            }
            .Peraslider {
            position: absolute;
            top: 66%;
            bottom: 34%;
            width: 20%;
            left: 0;
            right: 0;
            height: 70px;
            }
            .Peraslider p{
            font-size: 13px;
            line-height: 30px;
            text-align: center;
            }
            .diveimgBox img {
            width: 30%;
            margin: 50px auto;
            display: table;
            }
            .moveimgdown1 img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 30%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 35%;
            bottom: 76%;
            left: 0;
            right: 0;
            }
            .MobileletsdivText small{
            font-family: 'Athene';
            color: #272827;
            font-size: 25px;
            letter-spacing: 0px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 50px;
            position: relative;
            top: 25px;
            }
            .MobileletsdivText span{
            font-family: 'Athene';
            color: #272827;
            font-size: 60px;
            letter-spacing: -2px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 90px;
            }
            .MobileletsdivText p{
            text-align: center;
            font-size: 13px;
            color: #272827;
            font-weight: 500;
            width: 50%;
            line-height: 20px;
            margin: 0px auto;
            }
            .javaimg img {
            width: 30%;
            margin: 50px auto;
            display: table;
            }
            .WebTextDeve small{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 40px;
            font-weight: 500;
            display: block;
            line-height: 20px;
            letter-spacing: -1px;
            position: relative;
            right: auto;
            bottom: 0;
            text-align: left;
            left: 0;
            text-align: center;
            }
            .WebTextDeve span{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 50px;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -1px;
            margin-bottom: 20px;
            }
            .WebTextDeve p{
            text-align: center;
            font-size: 13px;
            color: #e3e3e2c2;
            font-weight: 500;
            display: block;
            width: 50%;
            position: relative;
            line-height: 20px;
            margin: 0px auto;
            }
            .MobileSeoText{
            position: absolute;
            z-index: -1;
            display: flex;
            align-items: baseline;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileSeoText small {
            color: #242424;
            font-size: 18rem;
            display: inline-block;
            font-family: 'Athene';
            letter-spacing: 0;
            }
            .MobileSeoMain {
            position: relative;
            }
            .AppIOS .small{
            top: 0;
            }
            .MobileSeoText.Ios {
            position: absolute;
            top: 15%;
            bottom: 85px;
            z-index: -1;
            left: 0;
            right: 0;
            text-align: center;
            }
            .MobileSeoText.Ios small{
            letter-spacing: -15px 
            }
            .AppIOS small {
            top: 0;
            left: 0;
            text-align: center;
            }
            .Mobile2d3d span{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-size: 65px;
            line-height: 90px;
            }
            .Mobile2d3d span small{
            font-size: 45px;
            line-height: 50px;
            }
            .vector2d3d img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 30%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 10%;
            bottom: 90%;
            left: 0;
            right: 0;
            }
            #section8 .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .circleTestimonial{
            display: block;
            margin-top: 27px;
            }
            .circleTestimonial img {
                width: 15px;
                height: 15px;
                position: relative;
                top: 2px;
                display: inline-block;
                left: 12px;
            }
            .satisfied small {
                font-size: 17px;
                padding-left: 10px;
            }                        
            .TestimonialSlider p {
            margin-bottom: 5px;
            min-height: auto;
            line-height: 15px;
            }
            .navbar {
            top: 26px;
            right: 10px;
            }
            ;
            .VideoBox img {
            height: auto;
            }
            .TestimonialLeftSlider .slick-dots button {
            width: 10px;
            height: 10px;
            }
            .clouseText p {
            font-size: 13px;
            line-height: 18px;
            margin-right: 0px;
            margin: 0;
            }
            .Testimonialleft span {
            font-size: 18px;
            text-align: center;
            margin: 21px 0 20px 0;
            }
            .Testimonialleft small {
            font-size: 11px;
            text-align: center;
            margin: 0;
            }
            .navbar {
            top: 26px;
            right: 15px;
            position: absolute;
            }
            .TestimonialIcons {
            float: none;
            display: block;
            margin: 0px auto;
            text-align: center;
            }
            .custom_widget {
            margin-left: 0;
            top: 0;
            }
            .TestimonialIcons li a {
            font-size: 14px;
            color: #fff;
            margin-right: 0;
            }
            .TestimonialIcons li {
                display: inline-block;
                background: #fff;
                padding: 4px 2px;
                margin-right: 0;
                width: 16%;
                margin-bottom: 4px;
            }
            .TestimonialIcons li:first-child {
                padding: 7px 0;
                top: 0px;
            }        
            .TestimonialIcons img {
                width: 35px;
                height: 35px;
                margin: 0;
            }
            .Mobile_Mask_Center .formobilecircle{
            width: 35px;
            height: 35px;
            margin: 0px auto;
            position: absolute;
            top: 40%;
            bottom: 39%;
            left: 44.3%;
            right: 44.3%;
            z-index: 1;
            }
            .MobileMainSection1 {
            width: 100%;
            height: 100vh;
            position: relative;
            }
            .Mobilefocustext.MobilefocustextJS {
            position: absolute;
            bottom: 100px;
            }
            .Mobile_Mask_Center {
            width: 100%;
            height: 100vh;
            }
            .HomeMenText small{
            font-family: 'Athene';
            font-size: 60px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -5px;
            right: -17px;
            top: 8px;
            }
            .HomeMenText span{
            font-family: 'Athene';
            font-size: 70px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            letter-spacing: -2px;
            margin-bottom: 20px;
            }
            .HomeMenText p{
            text-align: center;
            font-size: 13px;
            color: #272827;
            font-weight: 500;
            margin: 0;
            line-height: 17px;
            }
            .MobileMainSection3 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileMainSection4 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            div#section8 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .Mobile2d3dJs small {
            position: inherit;
            top: inherit;
            }
            .connectsocial2 ul {
            text-align: left;
            padding-left: 0;
            }
            .sectionmain1 {
            width: 100%;
            height: 100vh;
            display: grid;
            margin: 0px auto;
            padding: 10% 0 0 0;
            }
            .HomeMenText {
            text-align: center;
            position: absolute;
            top: 6%;
            left: 0;
            right: 0;
            }
            .men22 {
            text-align: center;
            width: 50%;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0px auto;
            }
            .loader-inner img {
            width: 72px;
            height: 88px;
            object-fit: contain;
            }
            /* ==================================== About Us ============================== */
            .AboutHeading span {
            font-size: 60px;
            letter-spacing: 0;
            text-align: left;
            display: inline-block;
            }
            .AboutHeading small {
            font-size: 60px;
            bottom: inherit;
            left: inherit;
            right: inherit;
            position: inherit;
            text-align: left;
            display: inline-block;
            }
            .clintheading {
            padding-left: 0;
            }
            .logos-slider img {
            width: 90px;
            height: 60px;
            padding: 12px;
            }
            .centercircle3 {
            position: absolute;
            left: auto;
            top: 37%;
            bottom: 66%;
            right: 44px;
            width: 25px;
            height: 25px;
            display: none;
            }
            .footerreviews img {
            width: 45px;
            height: 45px;
            }
            .column1 span {
            font-size: 12px;
            margin: 0 0 10px 0;
            }
            .column1 p {
            font-size: 13px;
            line-height: 15px;
            margin-bottom: 20px;
            }
            .column1 small {
            font-size: 10px;
            font-weight: 600;
            margin: 10px 0 0 0;
            line-height: 18px;
            }
            .column2 span {
            font-size: 12px;
            margin: 0 0 10px 0;
            }
            .quicklinks ul li a {
            font-size: 11px;
            line-height: 12px;
            }
            .quicklinks ul li {
            margin-bottom: 10px;
            }
            .locations small {
            font-size: 13px;
            line-height: 15px;
            margin: 0 0 10px 0;
            }
            .column4 p {
            font-size: 11px;
            margin-bottom: 0;
            }
            .footersocial ul li {
            display: inline-block;
            margin-right: 10px;
            }
            .footersocial ul li a {
            font-size: 16px;
            color: #5c5e5b;
            }
            .emailinfo a {
            font-size: 14px;
            }
            .footerreviews ul li a {
            font-size: 13px;
            }
            .locations a {
            font-size: 11px;
            margin: 0 0 10px 0;
            display: block;
            }
            .locations {
            margin-bottom: 11px;
            }
            .sociallistmain {
            padding: 0;
            }
            .footerreviews ul li {
            padding-right: 9px;
            padding-left: 9px;
            }
            .counter span {
            font-size: 30px;
            line-height: 22px;
            margin: 20px 0 10px 0;
            }
            .AboutPeraText small {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 30px;
            margin-top: 10px;
            }
            .AboutPeraText p {
            font-size: 13px;
            line-height: 20px;
            margin-bottom: 10px;
            text-align: left;
            }
            .counter small {
            font-size: 16px;
            line-height: 17px;
            }
            .loader-inner img {
            width: 68px;
            height: 68px;
            object-fit: contain;
            }
            .collapseheading span {
            font-size: 20px;
            line-height: 40px;
            }
            .RankLogos .custom_widget {
            top: 10px;
            margin-left: 1px;
            }
            .RankLogos ul li a img {
            width: 47px;
            height: 46px;
            margin: 0;
            margin-right: 7px;
            top: 13px;
            }
            .RankLogos ul li a {
            font-size: 12px;
            }
            .clintheading span {
            font-size: 18px;
            }
            .clintheading small {
            font-size: 17px;
            }
            .sociallistmain {
            bottom: 3%;
            position: inherit;
            }
            .footerreviews .custom_widget {
            margin-left: 0;
            }
            .footerreviews {
                margin: 20px 0 0 0;
                padding: 0px 0 10px 0;
                text-align: center;
                display: block;
            }
            .copyrightText {
            text-align: center;
            margin-top: 13px;
            }
            .copyrightText p {
            color: #272827;
            font-size: 11px;
            text-align: center;
            margin: 0;
            line-height: 20px;
            }
            .namecircle {
            left: 10px;
            top: 68%;
            width: 110px;
            height: 110px;
            }
            .teamimg small {
            font-size: 12px;
            }
            .emailinfo p {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #686968;
            font-size: 16px;
            margin: 10px 0 5px 0;
            display: block;
            }
            .footersocial {
            float: right;
            margin: 20px 0 0 0;
            }
            .footersocial ul {
            margin: 0;
            text-align: left;
            }
            .emailinfo img {
            margin-right: 6px;
            width: 20px;
            height: 20px;
            display: none;
            }
            .collapsecontent p {
            font-size: 12px;
            line-height: 19px;
            }
            .CareerRight .collapsecontent p {
            width: 100%;
            padding: 0px 0 0px 0;
            font-size: 13px;
            line-height: 20px;
            }
            .CareerMiddle{
            height: 100vh;
            display: flex;
            align-items: center;   
            justify-content: center;
            }
            .CareerFormBg {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .ChooseFile {
            background: #181818;
            width: 100%;
            padding: 1% 2px 1% 2px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
            margin-bottom: 0;
            }
            .file-chooser .file-chooser-input {
                background: #181818;
                border: 1px solid #181818;
                border-right: none;
                border-radius: 2px;
                padding: 0px 5px;
                cursor: default;
                padding-right: 0;
                white-space: pre;
                text-overflow: ellipsis;
                width: 100%;
                height: 37px;
                font-size: 10px;
            }          
            .applyText span img {
            width: 25px;
            height: 25px;
            position: relative;
            bottom: 0px;
            }
            .applyText span {
            font-size: 15px;
            margin: 0 0 10px 0;
            letter-spacing: 0px;
            }
            .LeaveForm textarea {
            height: 90px;
            padding: 15px;
            font-size: 10px;
            }
            .ApplyFormMain .LeaveForm .btn-primary {
            font-size: 20px;
            line-height: 30px;
            padding: 0px 0px;
            border: none;
            }
            /* .CareerFormBg .RankLogos ul li a img {
            margin-right: 4px;
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            display: inline-block;
            position: relative;
            top: 0;
            filter: opacity(50%);
            } */
            .LeaveForm input.form-control {
            width: 100%;
            height: 35px;
            margin-bottom: 10px;
            font-size: 12px;
            padding: 10px;
            }
            .CareerRight .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 5px 0;
            margin-bottom: 5px;
            }
            .borderbottom.borderbottom2:after {
            height: 3px;
            }
            .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 10px 0 10px 0;
            width: 100%;
            }
            .expandable:before {
            display: block;
            content: '';
            width: 60px;
            height: 4px;
            background: #d3202e;
            position: absolute;
            bottom: -10px;
            }
            .ChooseUsHeadingd small {
            font-size: 18px;
            }
            .ChooseUsHeadingd span {
            font-size: 27px;
            font-weight: 500;
            line-height: 24px;
            width: 100%;
            }
            .rankText span {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #272827;
            display: block;
            font-size: 18px;
            margin-bottom: 5px;
            }
            .quicklinks span {
            margin: 15px 0;
            display: block;
            font-size: 12px;
            font-weight: 600;
            margin: 0 0 10px 0;
            }
            .column4 span {
            font-size: 13px;
            margin: 0 0 12px 0;
            }
            .AboutHeading {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            text-align: center;
            }
            .AboutPeraText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            }
            .faqscollapse {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin-top: 0px;
            }
            .ChooseUsHeadingd {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin: 70px 0 0 0;
            }
            .RankLogos {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            }
            .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            height: 100%;
            padding: 20px 0 0 0;
            }
            .CareerFormBg .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: auto;
            position: absolute;
            bottom: 0;
            padding: 5px 0 0 0;
            }
            .rankText p {
            font-size: 12px;
            line-height: 10px;
            margin: 0;
            }
            .rankText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            width: 100%;
            height: auto;
            }
            .FaqsMain {
            background: #e3e3e2;
            position: relative;
            display: block !important;
            padding: 18% 0;
            }
            .RankLogos ul li:first-child {
            margin-right: 4px;
            padding-left: 0;
            }
            .BigClientMain{
            display: block;
            height: auto;
            }
            .ourLogos img {
            width: 220px;
            height: 160px;
            object-fit: scale-down;
            margin: 0px auto;
            display: table;
            filter: grayscale(100%);
            transition: all 0.3s ease-in-out;
            object-fit: scale-down;
            margin: 0;
            border: 2px solid rgb(0 0 0 / 16%);
            padding: 20px;
            }
            .ourLogos {
            display: table;
            margin: 0px auto;
            }
            footer {
            background: #e3e3e2;
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            padding: 25% 0 5% 0;
            }
            .Mobileclintheading span {
            color: #272827;
            font-size: 30px;
            font-weight: 600;
            font-family: 'Athene';
            letter-spacing: 1px;
            display: block;
            text-align: center;
            }
            .Mobileclintheading small {
            color: #d4202f;
            font-size: 30px;
            display: block;
            text-align: center;
            margin: 10px 0  10px 0;
            }
            .getquotebuttons {
                position: fixed;
                right: 0;
                top: 50%;
                z-index: 9;
            }
            /* =================================== Graphics Design Mobile  ============================*/
            
            .AboutPeraText small {
            font-size: 24px;
            line-height: 35px;
            margin-bottom: 10px;
            margin-top: 10px;
            text-align: left;
            }
            .GraphicLeft small {top: inherit;font-size: 40px;left: inherit;letter-spacing: 0px;position: inherit;display: block;margin: 0;position: relative;left: 0;top: 0;text-align: center;}
            .GraphicLeft span {top: inherit;left: inherit;font-size: 50px;letter-spacing: 0px;display: block;margin: 0;text-align: center;}
            .GraphicLeft {
            height: 100%;
            z-index: inherit;
            left: inherit;
            right: inherit;
            top: inherit;
            bottom: inherit;
            width: 100%;
            display: block;
            margin: 0;
            opacity: inherit;
            background: none;
            }
            .GraphicDesignInner {width: 100%;height: 100vh;padding: 0;display: flex;align-items: center;justify-content: center;}
            .ServicesLinks ul li a {
            font-size: 25px;
            line-height: 40px;
            padding-left: 0;
            }
            .ServicesImgLinks ul li {
            display: block;
            margin-right: 0;
            float: left;
            width: 50%;
            }
            .ServicesImgLinks small {
            font-size: 60px;
            bottom: 10px;
            letter-spacing: -1px;
            }
            .ServicesImgLinks ul li img {
            width: 130px;
            height: 50px;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 50px;
            height: 60px;
            }
            .ServicesImgLinks ul li:last-child {
            margin-right: 0px;
            width: 100%;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 70px;
            height: 40px;
            }
            .myElement {
            width: 20px;
            height: 20px;
            top: 0px;
            } 
            .GraphicRight ul li a {
            font-size: 18px;
            color: grey;
            font-weight: 500;
            }
            .GraphicRight ul li {
            display: inline-block;
            margin-right: 10px;
            }
            .GraphicRight ul li a img {width: 35px;height: 36px;top: 0;}
            .BrandingMain1 .GraphicDesignInner{
            padding: 0;
            }
            .CenterHeading span {
            font-size: 50px;
            display: inline-block;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            display: inline-block;
            letter-spacing: -6px;
            display: contents;
            }
            .PortfolioSlider svg {
            width: 100px;
            height: auto;
            margin: 40px auto;
            cursor: pointer;
            overflow: visible;
            background: #000000ad;
            padding: 10px;
            border-radius: 0px;
            }
            .portfolioLinks p {
                width: 100%;
                font-size: 12px;
                letter-spacing: 0px;
                margin-bottom: 10px;
                line-height: 15px;
                margin-top: 0px;
            }
            .LeftPortfolioMain {
            height: 100vh;
            overflow: inherit;
            display: flex;
            }  
            .RightPortfolioMain {
                width: 100%;
                height: 100vh;
                padding: 10px 25px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .portfolioLinks {
            width: 100%;
            height: 50vh;
            display: block;
            }
            .PortfolioItems img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            }  
            .sociallistmain .col-12{
            padding: 0;
            }
            .portfolioLinks ul li a {
            font-size: 13px;
            }
            .portfolioLinks span {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 15px 0 5px 0;
            }
            .AnimationRight .planing ul li small {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 20px 0 0 0;
            }
            .AnimationRight .planing span {
            font-size: 13px;
            line-height: 15px;
            text-align: left;
            display: block;
            width: 100%;
            }
            .GraphicTop .FontResize span {
                font-size: 100px;
            }
            .GraphicTop.GraphicLeftJs {
            display: block;
            text-align: center;
            margin: 0px auto;
            }
            .FontResize .btnDiv .btn1 {
            padding: 11px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 0px auto;
            display: table;
            }
            .GraphicLeftJs .btnDiv {
            left: 0;
            bottom: 30px;
            position: inherit;
            width: 100%;
            margin: 0px auto;
            display: table;    
            }
            .FontResize .Vectorimg {
            display: none;
            }
            .GraphicLeftJs .btnDiv .btn1 {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 20px 0 10px 0;
            }
            .chooseuscontente ul li small {
            font-size: 14px;
            display: block;
            margin: 0;
            line-height: 15px;
            }
            .btnDiv3Js2 .btn1
            {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            }
            .btnDiv3 small {
            font-size: 14px;
            margin: 0 0 10px 0;
            font-weight: 600;
            }
            .chooseuscontente p {
            font-size: 14px;
            margin: 0 0 10px 0;
            width: 90%;
            line-height: 15px;
            }
            .GraphicTop .webDeveText small {
            font-size: 35px;
            letter-spacing: -4px;
            bottom: 40px;
            left: 0;
            right: 0;
            text-align: center;
            position: relative;
            }
            .Left2d3dText .webDeveText span {
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            position: relative;
            bottom: 0;
            margin: 0 0 20px 0;
            }
            .GraphicDesignInner {
            width: 100%;
            height: 100%;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .checklistheading span {
            font-size: 28px;
            width: 100%;
            line-height: 42px;
            display: block;
            text-align: left;
            }
            .checklistheading p {
            font-size: 13px;
            bottom: 16px;
            line-height: 23px;
            width: 100%;
            text-align: left;
            position: inherit;
            margin: 4px 0;
            }
            .checklistbox p {
            font-size: 12px;
            margin: 3px 0 0 0;
            line-height: 15px;
            }
            .checklistbox span {
            font-size: 14px;
            display: block;
            margin: 5px 0 5px 0;
            font-weight: 600;
            }
            .checklistright{
            display: none;
            }
            .hiddenonmobile{
            display: none;
            }
            .checklistbox {
            margin-top: 0;
            }
            .checklistbox span {
            font-size: 12px;
            display: block;
            margin: 20px 0 20px 0;
            font-weight: 600;
            }
            .checklistbox p {
            font-size: 13px;
            margin: 0;
            line-height: 20px;
            }
            .WebDevelopmentChecklist {
            background: #e3e3e2;
            width: 100%;
            height: 100vh;
            position: relative;
            display: flex;
            padding: 0;
            }
            .GraphicTop .DigitalDeveText small {
            bottom: 43px;
            font-size: 35px;
            letter-spacing: 1px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 35px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 19px;
            bottom: 34px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            }
            .servicesOffer.AnimationJs.DigitalMarketing {
            height: auto;
            margin-top: 10px;
            }
            .servicesOffer span {
            font-size: 16px;
            line-height: 14px;
            margin: 0 0 5px 0;
            }
            .servicesOffer p {
            color: #e3e3e2;
            width: 100%;
            font-size: 13px;
            line-height: 18px;
            display: block;
            margin: 0;
            }
            .designinglisticonTextImg ul li img {
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            margin: 20px 0 10px 0;
            display: block;
            text-align: center;
            margin: 10px auto;
            }
            .designinglisticonTextImg ul li small {
            font-size: 14px;
            margin: 10px 0 0 0;
            font-weight: 500;
            }
            .GraphicTop .MobileApp .webDeveText span {
            bottom: 0px;
            left: 0;
            font-size: 50px;
            letter-spacing: -1px;
            }
            .GraphicTop .MobileApp .webDeveText small {
            font-size: 30px;
            letter-spacing: 0px;
            bottom: 35px;
            left: 0;
            text-align: center;
            }
            .processbox span {
            font-size: 12px;
            margin: 30px 0 5px 0;
            }
            .processbox p {
            font-size: 10px;
            margin: 0;
            line-height: 15px;
            }
            .processheading span {
            font-size: 14px;
            letter-spacing: 0px;
            margin-bottom: 10px;
            margin: 0;
            }
            .processicons {
            margin-top: 0;
            }
            .proicons span {
            font-size: 13px;
            margin: 5px 0 5px 0;
            }
            .processicons ul{
            text-align: center;
            }
            .processicons ul li {
            display: inline-block;
            margin-right: 2px;
            }
            .mobileset {
            width: 30%;
            float: none;
            margin: 0px auto;
            }
            .processheading {
            margin-top: 3%;
            }
            .processheading p{
            font-size: 11px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 30px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 0;
            bottom: 23px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 50px;
            letter-spacing: 0px;
            display: block;
            text-align: center;
            position: inherit;
            line-height: 40px;
            }
            .servicesOffer.AnimationJs.BlockChainContent span {
            margin: 20px 0 20px 0;
            font-size: 28px;
            line-height: 20px;
            }
            .servicesOffer.AnimationJs.BlockChainContent p {
            margin: 0;
            font-size: 12px;
            line-height: 15px;
            }
            .forscrollonmobile {
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            }
            .CenterHeading.lerp-wrap {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100vh;
                flex-direction: column;
            }
            .moving-item{
            display: none;
            }
            .BlogTopbtn ul li {
            display: inline-block;
            margin-right: 10px;
            width: 100%;
            margin-bottom: 10px;    
            }
            .SearchBar .form-control {
            width: 80%;
            }

    .BannerHeading span {
    font-size: 40px;
    }    
    .UsedTags ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 10px;
    }    
    .BlogTag ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 10px;
    }    
    .BlogBanner {
    height: auto;
    padding: 35% 0 5% 0;
    }    
    .BannerHeading p {
    width: 100%;
    }    
    .aboutvideo video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }
    .aboutvideo {
    width: 100%;
    height: 100%;
    background: #040404;
    }
    button#playPauseButton {
    top: 47%;
    left: 40%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    }        
    
    .bottomfoot {
    background: #efefee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 20px;
    }
    .AboutProject p {
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading span {
    font-size: 40px;
    letter-spacing: 0px;
    margin-top: 60px;
    }
    .CaseHeading p {
    width: 90%;
    margin: 20px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading img {
    top: 0;
    }
    .ClientLogoCenter img {
    display: table;
    margin: 10px auto 30px auto;
    width: 40%;
    }
    .colorSec span {
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    }
    .colorRadius ul li small {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    }
    .colorRadius ul li span {
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: center;
    display: block;
    font-weight: 600;
    }
    .colorRadius ul li p {
    font-size: 12px;
    text-align: center;
    margin: 0 0 16px 0;
    }
    .colorRadius ul {
    margin: 20px 0 0 0;
    text-align: center;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 0;
    width: 45%;
    }
    .OurRole span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin: 20px 0 0 0;
    }
    .ruleListing ul li {
    font-size: 11px;
    margin: 0;
    }
    .timeduration span {
    padding: 15px 10px;
    font-size: 14px;
    } 
    .timedurationDis span {
    display: inline-block;
    color: #d3202e;
    font-size: 20px;
    font-weight: 600;
    margin-right: 0px;
    }
    .timedurationDis {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 25px;
    display: inline-block;
    }
    .timedurationDis span small {
    font-size: 14px;
    }
    .AboutProject span {
    padding: 13px 22px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 14px;
    }
    .AboutProject img {
    width: 70%;
    margin: 0px auto 20px auto;
    display: table;
    }
    .ToolsUsed span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 40px;
    }
    .ToolsUsed ul{
    text-align: center;
    }    
    .ToolsUsed ul li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 11px;
    }
    .ToolsUsed ul li img {
    width: 53px;
    height: 30px;
    }
    .ToolsUsed ul li small {
    font-size: 12px;
    margin: 10px 0 0 0;
    }
    .ProblumIstatwement {
    padding: 30px 0 0 0;
    }
    .MobileImg img {
    width: 70%;
    margin: 0px auto;
    display: table;
    }
    .AboutProjectMain2 .AboutProject span {
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 20px;
    }
    .boxshaowBG {
    height: auto;
    }
    .caseheadingcenter p {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseStudlyFirst {
    background: #e3e3e2;
    padding: 60px 20px;
    width: 100%;
    height: 100vh;
    }
    .caseheadingcenter span {
    font-size: 40px;
    letter-spacing: 0px;
    }
    .caseheadingcenter img {
    width: 50%;
    }
    .section.NewCaseStudy {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    }
    .CaseStudyLeftBox {
    margin-bottom: 10px;
    }
    .CaseStudyRightBox small {
    font-size: 18px;
    }    
    .CaseStudyRightBox span {
    display: block;
    font-family: 'Athene';
    font-size: 16px;
    margin: 20px 0 10px 0;
    }
    .CaseStudyRightBox p {
    font-family: 'Acumin Pro';
    font-weight: 500;
    color: #272827;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    }
    .CaseStudyRightBox a {
    font-size: 14px;
    padding: 10px;
    position: relative;
    bottom: 0;
    margin-bottom: 20px;
    }
    .backtop button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    }
    .fortwiceRow {
    display: flex;
    flex-direction: column-reverse;
    }
    .ruleListing {
    margin-bottom: 32px;
    }
    .ruleListing ul {
    display: block;
    margin: 16px 0 0px 0;
    margin-right: 0;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .bottombtn a {
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    background: #d3202e;
    color: #e3e3e2;
    border-radius: 3px;
    font-size: 12px;
    }
    .servicesMain4 {
    display: block;
    height: 100%;
    padding: 18% 0;
    }
    #moving-item{
    display: none !important;
    } 
    #moving-item img{
    display: none !important;
    }
    .CareerLeft1 span {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -4px;
    }
    .GetInTouchMain {
    margin-top: 0px;
    }           
    .FallingTelePhone img {
    left: 20%;
    width: 15%;
    }
    .ContactBg {
        background-position: right;
    }    
    .GetInTouchMain span {
    font-size: 14px;
    padding: 3% 0 2% 5%;
    }
    .getinBox small i {
    font-size: 14px;
    }
    .getinBox p {
    font-size: 12px;
    margin: 10px 0 10px 0;
    }
    .getinBox a {
    font-size: 14px;
    margin: 13px 0 13px 0;
    }
    .getinBox small {
    font-size: 14px;
    margin: 13px 0 13px 0;
    }
    .getinBox {
    border-bottom: 1px solid #464646;
    padding: 3% 5% 3% 5%;
    }
    .applyText span {
    font-size: 20px;
    margin: 0 0 20px 0;
    letter-spacing: 2px;
    text-align: left;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    font-size: 10px;
    padding: 10px;
    }
    .ApplyFormMain .LeaveForm .form-group {
    position: relative;
    margin-bottom: 5px;
    }
    .getinSocial ul li {
    display: inline-block;
    margin-right: 10px;
    }
    .getinSocial ul li a {
    font-size: 18px;
    color: #e3e3e2;
    }                                                                                         
    .applyText span img{
    display: none;
    }
    .CareerFormBg {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    }        
    .CaseHeadingtop span {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
    p {
        font-size: 14px;
        line-height: 20px;
    }
    .CaseStudyLeftBox img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .CaseHeadingtop {
        margin-bottom: 10px;
    }
    .caseheadingcenter.is-inview {
        padding: 50% 0 0% 0;
        overflow: hidden;
        width: 100%;
        height: 100vh;
    }
    #navigationWrap .connectsocial2 ul li img {
        width: 60px;
        height: 40px;
    }                    
    #navigationWrap .connectsocial2 ul li a {
        font-size: 14px;
        color: #fff;
        margin-right: 0;
    }
    #navigationWrap .connectsocial2 ul li {
        display: inline-block;
        margin-right: 0;
        padding: 0px 8px;
    }
    #navigationWrap .TestimonialIcons li:first-child{
        display: inline-block;
        margin-right: 0;
        padding: 8px 10px;
        top: 0px;
    }
    .circle {
        display: none;
    }
    
    .circle-follow {
        display: none;
    }
    .GraphicRight ul {
        text-align: left;
        display: block;
    }
    .GraphicRight ul li a img {
        width: 41px;
        height: 41px;
        top: 0;
    }
    .GraphicRight li:first-child {
        overflow: hidden;
        padding: 0;
        width: 80px;
        position: relative;
        top: 8px;
        right: 0;
        margin-right: 10px;
    }
    .TestimonailLeftMainInner .Testimonialleft span {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .Testimonialleft span {
        font-size: 30px;
        display: block;
        margin: 40px 0 40px 0;
    }
    .VideoBox i {
        position: absolute;
        top: 40%;
        left: 0%;
        right: 0;
        font-size: 30px;
        color: rgb(255 255 255 / 58%);
        z-index: 2;
        text-align: center;
    }    
    .Seprator2 {
        padding: 0;
        display: none;
    }
    .TestimonialIcons img {
        width: 50px;
        height: 30px;
        margin: 0;
    }
    .arrowcursor {
        display: none;
    }
    .VideoBox img {
        height: 160px;
        width: 100%;
        object-fit: cover;
        margin: 0 0 20px 0;
    }
    #section8 .trustpilot-widget {
        width: 300px;
        margin-left: -177px;
    }
    #navigationWrap .trustpilot-widget {
        width: 300px;
        margin-left: -189px;
    }
    .teamimg span {
        font-weight: 500;
        font-size: 13px;
        line-height: 25px;
    }
    .btn1 {
        padding: 10px 20px;
        border-radius: 5px;
        display: inline-block;
        background: #d3202e;
        color: #e3e3e2;
        border-radius: 3px;
        font-size: 14px;
        margin-right: 0;
    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        justify-content: flex-start;
    }
    .servicesOffer {
        display: block;
        width: 100%;
        height: auto;

    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
    }
    .servicesOffer span {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }
    .servicesMain {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    .Seprator{
        display: none;
    }
    .QoteForm input[type="submit"] {
        font-size: 18px;
        line-height: 30px;
        margin: 0;
    }
    .QoteForm .form-control {
        width: 100%;
        height: 40px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .QoteForm select {
        height: 40px;
        border-radius: 0;
        margin-bottom: 0px;
        font-size: 12px;
    }
    .RightForm .form-group {
        margin-bottom: 5px;
    }
    .TestimonialSlider {
        padding: 0;
    }
    .TestimonialLeftSlider .slick-dots button {
        width: 11px;
        height: 11px;
    }
    .TestimonailLeftMainInner .TestimonialSlider p {
        text-transform: inherit;
        color: #272827;
        font-size: 13px;
        margin: 0;
        line-height: 20px;
        padding: 0 10px;
    }
    .redSeprator{
        display: none;
    }
    .RankLogos ul li:first-child {
        margin-right: -20px;
        padding-left: 0;
    }
    .RankLogos ul li:nth-child(2) {
        margin-right: 0;
        padding-left: 0;
    }
    .footerreviews ul li:first-child {
        padding-left: 0;
        padding: 5px 0px 5px 0px;
        top: 15px;
    }
    .BrandingMain1 {
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }                
    .BrandingMain2{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain3{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain4{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain5{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain6{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }
    .designinglisticon ul li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .designinglisticon ul li img {
        width: 40px;
        height: 30px;
        object-fit: scale-down;
    }
    .paddinganimation{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;  
    }   
    .AnimationRight .planing ul{
        display: inline-block;
        margin-right: 0;      
        margin: 0px 0 0 0;        
    }
    .AnimationRight .planing ul li small{
        font-size: 12px;
        letter-spacing: 0px;
        margin: 0;
        padding: 12px 10px;
    }
    .AnimationRight .planing ul li {
        display: inline-block;
        margin-right: 0;
        top: 15px;
        width: auto;
        padding: 0px 5px;
    }
    .teamimg img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
    }
    .PrivacyPolicy {
        padding: 0% 0 5% 0;
        background: #e3e3e2;
        display: block;
        width: 100%;
        height: auto;
    }
    .PrivacyPolicyBg {
        background-position: left bottom;
        height: auto;
        padding: 20% 0;
    }
    .PrivacyHeading small {
        font-size: 20px;
        margin: 10px 0 10px 0;
    }    
    .PrivacyPolicyBg h1 {
        padding: 0;
        font-size: 41px;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .CareerLeft1 {
        height: 243px;
        background-size: contain;
        background-position: center;
    }
    .ChooseFile .file-chooser {
        margin: 0;
    }
    .file-chooser:after {
        height: 37px;
        line-height: 37px;
        font-size: 10px;
        width: 50px;
    }
    .CareerRight .faqscollapse {
        width: 100%;
        height: auto;
        padding: 0% 0;
    }
    .TextBox{
        width: 70%;
        margin: 0px auto;
        display: block;
        text-align: center;
        background: rgb(0 0 0 / 46%);
        color: #fff;
        padding: 10px;
        margin-top: 20px;
        font-size: 13px;
    }
    .VideoExpleiner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50vh;
    }
    .play-icon {
        top: 52%;
        left: 51%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }        
    .play-icon i {
        font-size: 15px;
        text-align: center;
        line-height: 50px;
        display: block;
    }    
    .play-icon.playcenter1 {
        top: 58%;
        left: 50%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .connectsocial ul li a {
        font-size: 18px;
    }
    .TestimonialSlider img {
        width: 50px;
        height: 50px;
        margin: 0px 0px 10px 0px;
    }
    .TestimonialSlider span {
        font-size: 16px;
        margin: 8px 0 4px 10px;
    }
    .TestimonialSlider small {
        font-size: 14px;
        margin: 0px 0 0 10px;
    }                         
    }
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .container1 {
            max-width: 1024px;
            box-sizing: border-box;
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: auto;
            margin-right: auto;
            }            
            header {
            padding: 20px 15px;
            z-index: 99999;
            }
            .clouseText {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 70px 0 0 0;
            }
            .clouseRightImg img {
                margin: 0px auto;
                display: table;
                position: relative;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: hidden;
            }
            .clouseText small {
            font-size: 40px;
            letter-spacing: -2px;
            right: -11px;
            top: 6px;
            }
            .clouseText span {
            font-size: 50px;
            letter-spacing: -2px;
            margin-bottom: 10px;
            }
            #navigationWrap {
            padding: 10px 0;
            overflow-y: scroll;
            z-index: 9999;
            }
            .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .main_nav_Box {
            width: 100%;
            height: auto;
            display: block;
            align-items: center;
            justify-content: center;
            }
            .menu {
            padding: 37px 10px;
            }
            .container2 {
            box-sizing: border-box;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            margin-left: auto;
            margin-right: auto;
            }
            .connectsocial2 ul li {
                padding: 3px 9px;
                margin-right: 0;
            }    
            .connectsocial2 ul li img {
                width: 42px;
                height: 30px;
            }
            .connectsocial2 ul li a {
            font-size: 13px;
            color: #fff;
            margin-right: 0;
            }
            .connectsocial2 span {
            margin: 0px 0 10px 0;
            font-size: 12px;
            }
            .getaQuoteMain span {
            font-size: 14px;
            margin: 10px 0 10px 0;
            }
            .mobilejumdown {
            position: relative;
            height: 100vh;
            }
            .mobilejumdown img {
            width: 28%;
            margin: 0px auto;
            display: table;
            }
            .bgBlack {
            background: #272827;
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: inherit;
            }
            .section{
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.9s ease;
            }
            .Mobilefocustext small{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 30px;
            font-weight: 400;
            display: block;
            text-align: center;
            line-height: 30px;
            }
            .Mobilefocustext span{
            font-family: 'Athene';
            color: #e3e3e2;
            font-size: 40px;
            font-weight: 400;
            text-align: center;
            display: block;
            margin: 0 0 10px 0;
            }
            .Mobilefocustext p{
            color: #e3e3e2c2;
            width: 100%;
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            width: 70%;
            margin: 0px auto;
            }
            .geekscopyright {
            left: -130px;
            z-index: 2;
            }
            .MobileMainSection2{
            height: 100vh;
            display: block;
            width: 100%;
            background-image: url(../images/mobileMask.html);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            }
            .MobileMainSection2:after {
            content:'';
            background: #676867;
            height: 100vh;
            width: 1px;
            position: absolute;
            left: 50%;
            right: 50%;
            top: 0;
            z-index: 0;
            }
            .Mobile_Mask_Center .Peraslider{
            color: #e3e3e2c2;
            width: 80%;
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            margin: 0;
            line-height: 20px;
            margin: 20px auto;
            }
            .jumpimg {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .jumpimg img {
            height: 75%;
            }
            .Peraslider {
            position: absolute;
            top: 66%;
            bottom: 34%;
            width: 20%;
            left: 0;
            right: 0;
            height: 70px;
            }
            .Peraslider p{
            font-size: 13px;
            line-height: 30px;
            text-align: center;
            }
            .diveimgBox img {
            width: 30%;
            margin: 50px auto;
            display: table;
            }
            .moveimgdown1 img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 30%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 35%;
            bottom: 76%;
            left: 0;
            right: 0;
            }
            .MobileletsdivText small{
            font-family: 'Athene';
            color: #272827;
            font-size: 25px;
            letter-spacing: 0px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 50px;
            position: relative;
            top: 25px;
            }
            .MobileletsdivText span{
            font-family: 'Athene';
            color: #272827;
            font-size: 60px;
            letter-spacing: -2px;
            display: block;
            background: -webkit-linear-gradient(135deg, rgb(117 117 117) 18%, rgb(14 14 14) 20%, rgb(83 83 83) 30%, rgb(159 159 159) 40%, rgb(35 35 35) 42%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 90px;
            }
            .MobileletsdivText p{
            text-align: center;
            font-size: 13px;
            color: #272827;
            font-weight: 500;
            width: 50%;
            line-height: 20px;
            margin: 0px auto;
            }
            .javaimg img {
            width: 30%;
            margin: 50px auto;
            display: table;
            }
            .WebTextDeve small{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 40px;
            font-weight: 500;
            display: block;
            line-height: 20px;
            letter-spacing: -1px;
            position: relative;
            right: auto;
            bottom: 0;
            text-align: left;
            left: 0;
            text-align: center;
            }
            .WebTextDeve span{
            color: #e3e3e2;
            font-family: 'Athene';
            font-size: 50px;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -1px;
            margin-bottom: 20px;
            }
            .WebTextDeve p{
            text-align: center;
            font-size: 13px;
            color: #e3e3e2c2;
            font-weight: 500;
            display: block;
            width: 50%;
            position: relative;
            line-height: 20px;
            margin: 0px auto;
            }
            .MobileSeoText{
            position: absolute;
            z-index: -1;
            display: flex;
            align-items: baseline;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileSeoText small {
            color: #242424;
            font-size: 18rem;
            display: inline-block;
            font-family: 'Athene';
            letter-spacing: 0;
            }
            .MobileSeoMain {
            position: relative;
            }
            .AppIOS .small{
            top: 0;
            }
            .MobileSeoText.Ios {
            position: absolute;
            top: 15%;
            bottom: 85px;
            z-index: -1;
            left: 0;
            right: 0;
            text-align: center;
            }
            .MobileSeoText.Ios small{
            letter-spacing: -15px 
            }
            .AppIOS small {
            top: 0;
            left: 0;
            text-align: center;
            }
            .Mobile2d3d span{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-size: 65px;
            line-height: 90px;
            }
            .Mobile2d3d span small{
            font-size: 45px;
            line-height: 50px;
            }
            .vector2d3d img {
            -webkit-animation: upNdown 4s infinite linear;
            animation: upNdown 4s infinite linear;
            width: 30%;
            margin: 0px auto;
            display: table;
            position: absolute;
            top: 10%;
            bottom: 90%;
            left: 0;
            right: 0;
            }
            #section8 .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            }
            .circleTestimonial{
            display: block;
            margin-top: 27px;
            }
            .circleTestimonial img {
                width: 15px;
                height: 15px;
                position: relative;
                top: 2px;
                display: inline-block;
                left: 12px;
            }
            .satisfied small {
                font-size: 17px;
                padding-left: 10px;
            }                        
            .TestimonialSlider p {
            margin-bottom: 5px;
            min-height: auto;
            line-height: 15px;
            }
            .navbar {
            top: 26px;
            right: 10px;
            }
            ;
            .VideoBox img {
            height: auto;
            }
            .TestimonialLeftSlider .slick-dots button {
            width: 10px;
            height: 10px;
            }
            .clouseText p {
            font-size: 13px;
            line-height: 18px;
            margin-right: 0px;
            margin: 0;
            }
            .Testimonialleft span {
            font-size: 18px;
            text-align: center;
            margin: 21px 0 20px 0;
            }
            .Testimonialleft small {
            font-size: 11px;
            text-align: center;
            margin: 0;
            }
            .navbar {
            top: 26px;
            right: 15px;
            position: absolute;
            }
            .TestimonialIcons {
            float: none;
            display: block;
            margin: 0px auto;
            text-align: center;
            }
            .custom_widget {
            margin-left: 0;
            top: 0;
            }
            .TestimonialIcons li a {
            font-size: 14px;
            color: #fff;
            margin-right: 0;
            }
            .TestimonialIcons li {
                display: inline-block;
                background: #fff;
                padding: 4px 2px;
                margin-right: 0;
                width: 16%;
                margin-bottom: 4px;
            }
            .TestimonialIcons li:first-child {
                padding: 7px 0;
                top: 0px;
            }        
            .TestimonialIcons img {
                width: 35px;
                height: 35px;
                margin: 0;
            }
            .Mobile_Mask_Center .formobilecircle{
            width: 35px;
            height: 35px;
            margin: 0px auto;
            position: absolute;
            top: 40%;
            bottom: 39%;
            left: 44.3%;
            right: 44.3%;
            z-index: 1;
            }
            .MobileMainSection1 {
            width: 100%;
            height: 100vh;
            position: relative;
            }
            .Mobilefocustext.MobilefocustextJS {
            position: absolute;
            bottom: 100px;
            }
            .Mobile_Mask_Center {
            width: 100%;
            height: 100vh;
            }
            .HomeMenText small{
            font-family: 'Athene';
            font-size: 60px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            position: relative;
            letter-spacing: -5px;
            right: -17px;
            top: 8px;
            }
            .HomeMenText span{
            font-family: 'Athene';
            font-size: 70px;
            color: #272827;
            font-weight: 500;
            display: block;
            text-align: center;
            letter-spacing: -2px;
            margin-bottom: 20px;
            }
            .HomeMenText p{
            text-align: center;
            font-size: 13px;
            color: #272827;
            font-weight: 500;
            margin: 0;
            line-height: 17px;
            }
            .MobileMainSection3 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .MobileMainSection4 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            div#section8 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
            }
            .Mobile2d3dJs small {
            position: inherit;
            top: inherit;
            }
            .connectsocial2 ul {
            text-align: left;
            padding-left: 0;
            }
            .sectionmain1 {
            width: 100%;
            height: 100vh;
            display: grid;
            margin: 0px auto;
            padding: 10% 0 0 0;
            }
            .HomeMenText {
            text-align: center;
            position: absolute;
            top: 6%;
            left: 0;
            right: 0;
            }
            .men22 {
            text-align: center;
            width: 38%;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0px auto;
            }
            .loader-inner img {
            width: 72px;
            height: 88px;
            object-fit: contain;
            }
            /* ==================================== About Us ============================== */
            .AboutHeading span {
            font-size: 60px;
            letter-spacing: 0;
            text-align: left;
            display: inline-block;
            }
            .AboutHeading small {
            font-size: 60px;
            bottom: inherit;
            left: inherit;
            right: inherit;
            position: inherit;
            text-align: left;
            display: inline-block;
            }
            .clintheading {
            padding-left: 0;
            }
            .logos-slider img {
            width: 90px;
            height: 60px;
            padding: 12px;
            }
            .centercircle3 {
            position: absolute;
            left: auto;
            top: 37%;
            bottom: 66%;
            right: 44px;
            width: 25px;
            height: 25px;
            display: none;
            }
            .footerreviews img {
            width: 35px;
            height: 35px;
            }
            .column1 span {
            font-size: 12px;
            margin: 0 0 10px 0;
            }
            .column1 p {
            font-size: 13px;
            line-height: 15px;
            margin-bottom: 20px;
            }
            .column1 small {
            font-size: 10px;
            font-weight: 600;
            margin: 10px 0 0 0;
            line-height: 18px;
            }
            .column2 span {
            font-size: 12px;
            margin: 0 0 10px 0;
            }
            .quicklinks ul li a {
            font-size: 11px;
            line-height: 12px;
            }
            .quicklinks ul li {
            margin-bottom: 10px;
            }
            .locations small {
            font-size: 13px;
            line-height: 15px;
            margin: 0 0 10px 0;
            }
            .column4 p {
            font-size: 11px;
            margin-bottom: 0;
            }
            .footersocial ul li {
            display: inline-block;
            margin-right: 10px;
            }
            .footersocial ul li a {
            font-size: 16px;
            color: #5c5e5b;
            }
            .emailinfo a {
            font-size: 14px;
            }
            .footerreviews ul li a {
            font-size: 13px;
            }
            .locations a {
            font-size: 11px;
            margin: 0 0 10px 0;
            display: block;
            }
            .locations {
            margin-bottom: 11px;
            }
            .sociallistmain {
            padding: 0;
            }
            .footerreviews ul li {
            padding-right: 5px;
            padding-left: 5px;
            }
            .counter span {
            font-size: 30px;
            line-height: 22px;
            margin: 20px 0 10px 0;
            }
            .AboutPeraText small {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 30px;
            margin-top: 10px;
            }
            .AboutPeraText p {
            font-size: 13px;
            line-height: 20px;
            margin-bottom: 10px;
            text-align: left;
            }
            .counter small {
            font-size: 16px;
            line-height: 17px;
            }
            .loader-inner img {
            width: 68px;
            height: 68px;
            object-fit: contain;
            }
            .collapseheading span {
            font-size: 20px;
            line-height: 40px;
            }
            .RankLogos .custom_widget {
            top: 10px;
            margin-left: 1px;
            }
            .RankLogos ul li a img {
            width: 47px;
            height: 46px;
            margin: 0;
            margin-right: 7px;
            top: 13px;
            }
            .RankLogos ul li a {
            font-size: 12px;
            }
            .clintheading span {
            font-size: 18px;
            }
            .clintheading small {
            font-size: 17px;
            }
            .sociallistmain {
            bottom: 3%;
            position: inherit;
            }
            .footerreviews .custom_widget {
            margin-left: 0;
            }
            .footerreviews {
                margin: 20px 0 0 0;
                padding: 0px 0 10px 0;
                text-align: center;
                display: block;
            }
            .copyrightText {
            text-align: center;
            margin-top: 13px;
            }
            .copyrightText p {
            color: #272827;
            font-size: 11px;
            text-align: center;
            margin: 0;
            line-height: 20px;
            }
            .namecircle {
            left: 10px;
            top: 68%;
            width: 110px;
            height: 110px;
            }
            .teamimg small {
            font-size: 12px;
            }
            .emailinfo p {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #686968;
            font-size: 16px;
            margin: 10px 0 5px 0;
            display: block;
            }
            .footersocial {
            float: right;
            margin: 20px 0 0 0;
            }
            .footersocial ul {
            margin: 0;
            text-align: left;
            }
            .emailinfo img {
            margin-right: 6px;
            width: 20px;
            height: 20px;
            display: none;
            }
            .collapsecontent p {
            font-size: 12px;
            line-height: 19px;
            }
            .CareerRight .collapsecontent p {
            width: 100%;
            padding: 0px 0 0px 0;
            font-size: 13px;
            line-height: 20px;
            }
            .CareerMiddle{
            height: 100vh;
            display: flex;
            align-items: center;   
            justify-content: center;
            }
            .CareerFormBg {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .ChooseFile {
            background: #181818;
            width: 100%;
            padding: 1% 2px 1% 2px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
            margin-bottom: 0;
            }
            .file-chooser .file-chooser-input {
                background: #181818;
                border: 1px solid #181818;
                border-right: none;
                border-radius: 2px;
                padding: 0px 5px;
                cursor: default;
                padding-right: 0;
                white-space: pre;
                text-overflow: ellipsis;
                width: 100%;
                height: 37px;
                font-size: 10px;
            }          
            .applyText span img {
            width: 25px;
            height: 25px;
            position: relative;
            bottom: 0px;
            }
            .applyText span {
            font-size: 15px;
            margin: 0 0 10px 0;
            letter-spacing: 0px;
            }
            .LeaveForm textarea {
            height: 90px;
            padding: 15px;
            font-size: 10px;
            }
            .ApplyFormMain .LeaveForm .btn-primary {
            font-size: 20px;
            line-height: 30px;
            padding: 0px 0px;
            border: none;
            }
            /* .CareerFormBg .RankLogos ul li a img {
            margin-right: 4px;
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            display: inline-block;
            position: relative;
            top: 0;
            filter: opacity(50%);
            } */
            .LeaveForm input.form-control {
            width: 100%;
            height: 35px;
            margin-bottom: 10px;
            font-size: 12px;
            padding: 10px;
            }
            .CareerRight .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 5px 0;
            margin-bottom: 5px;
            }
            .borderbottom.borderbottom2:after {
            height: 3px;
            }
            .borderbottom {
            border-bottom: 1px solid #b4b4b3;
            padding: 10px 0 10px 0;
            width: 100%;
            }
            .expandable:before {
            display: block;
            content: '';
            width: 60px;
            height: 4px;
            background: #d3202e;
            position: absolute;
            bottom: -10px;
            }
            .ChooseUsHeadingd small {
            font-size: 18px;
            }
            .ChooseUsHeadingd span {
            font-size: 27px;
            font-weight: 500;
            line-height: 24px;
            width: 100%;
            }
            .rankText span {
            font-family: 'Acumin Pro';
            font-weight: 500;
            color: #272827;
            display: block;
            font-size: 18px;
            margin-bottom: 5px;
            }
            .quicklinks span {
            margin: 15px 0;
            display: block;
            font-size: 12px;
            font-weight: 600;
            margin: 0 0 10px 0;
            }
            .column4 span {
            font-size: 13px;
            margin: 0 0 12px 0;
            }
            .AboutHeading {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            text-align: center;
            }
            .AboutPeraText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            flex-direction: inherit;
            }
            .faqscollapse {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin-top: 0px;
            }
            .ChooseUsHeadingd {
            width: 100%;
            height: auto;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            margin: 70px 0 0 0;
            }
            .RankLogos {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            width: 100%;
            height: auto;
            }
            .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: block;
            align-items: inherit;
            justify-content: inherit;
            height: 100%;
            padding: 20px 0 0 0;
            }
            .CareerFormBg .RankWhiteBg {
            background: #fff;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: auto;
            position: absolute;
            bottom: 0;
            padding: 5px 0 0 0;
            }
            .rankText p {
            font-size: 12px;
            line-height: 10px;
            margin: 0;
            }
            .rankText {
            display: block;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            width: 100%;
            height: auto;
            }
            .FaqsMain {
            background: #e3e3e2;
            position: relative;
            display: block !important;
            padding: 18% 0;
            }
            .RankLogos ul li:first-child {
            margin-right: 4px;
            padding-left: 0;
            }
            .BigClientMain{
            display: block;
            height: auto;
            }
            .ourLogos img {
            width: 220px;
            height: 160px;
            object-fit: scale-down;
            margin: 0px auto;
            display: table;
            filter: grayscale(100%);
            transition: all 0.3s ease-in-out;
            object-fit: scale-down;
            margin: 0;
            border: 2px solid rgb(0 0 0 / 16%);
            padding: 20px;
            }
            .ourLogos {
            display: table;
            margin: 0px auto;
            }
            footer {
            background: #e3e3e2;
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            padding: 25% 0 5% 0;
            }
            .Mobileclintheading span {
            color: #272827;
            font-size: 30px;
            font-weight: 600;
            font-family: 'Athene';
            letter-spacing: 1px;
            display: block;
            text-align: center;
            }
            .Mobileclintheading small {
            color: #d4202f;
            font-size: 30px;
            display: block;
            text-align: center;
            margin: 10px 0  10px 0;
            }
            .getquotebuttons {
                position: fixed;
                right: 0;
                top: 50%;
                z-index: 9;
            }
            /* =================================== Graphics Design Mobile  ============================*/
            
            .AboutPeraText small {
            font-size: 24px;
            line-height: 35px;
            margin-bottom: 10px;
            margin-top: 10px;
            text-align: left;
            }
            .GraphicLeft small {top: inherit;font-size: 40px;left: inherit;letter-spacing: 0px;position: inherit;display: block;margin: 0;position: relative;left: 0;top: 0;text-align: center;}
            .GraphicLeft span {top: inherit;left: inherit;font-size: 50px;letter-spacing: 0px;display: block;margin: 0;text-align: center;}
            .GraphicLeft {
            height: 100%;
            z-index: inherit;
            left: inherit;
            right: inherit;
            top: inherit;
            bottom: inherit;
            width: 100%;
            display: block;
            margin: 0;
            opacity: inherit;
            background: none;
            }
            .GraphicDesignInner {width: 100%;height: 100vh;padding: 0;display: flex;align-items: center;justify-content: center;}
            .ServicesLinks ul li a {
            font-size: 25px;
            line-height: 40px;
            padding-left: 0;
            }
            .ServicesImgLinks ul li {
            display: block;
            margin-right: 0;
            float: left;
            width: 50%;
            }
            .ServicesImgLinks small {
            font-size: 60px;
            bottom: 10px;
            letter-spacing: -1px;
            }
            .ServicesImgLinks ul li img {
            width: 130px;
            height: 50px;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 50px;
            height: 60px;
            }
            .ServicesImgLinks ul li:last-child {
            margin-right: 0px;
            width: 100%;
            }
            .ServicesImgLinks ul li:last-child img {
            width: 70px;
            height: 40px;
            }
            .myElement {
            width: 20px;
            height: 20px;
            top: 0px;
            } 
            .GraphicRight ul li a {
            font-size: 18px;
            color: grey;
            font-weight: 500;
            }
            .GraphicRight ul li {
            display: inline-block;
            margin-right: 10px;
            }
            .GraphicRight ul li a img {width: 35px;height: 36px;top: 0;}
            .BrandingMain1 .GraphicDesignInner{
            padding: 0;
            }
            .CenterHeading span {
            font-size: 50px;
            display: inline-block;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            display: inline-block;
            letter-spacing: -6px;
            display: contents;
            }
            .PortfolioSlider svg {
            width: 100px;
            height: auto;
            margin: 40px auto;
            cursor: pointer;
            overflow: visible;
            background: #000000ad;
            padding: 10px;
            border-radius: 0px;
            }
            .portfolioLinks p {
                width: 100%;
                font-size: 12px;
                letter-spacing: 0px;
                margin-bottom: 10px;
                line-height: 15px;
                margin-top: 0px;
            }
            .LeftPortfolioMain {
            height: 100vh;
            overflow: inherit;
            display: flex;
            }  
            .RightPortfolioMain {
                width: 100%;
                height: 100vh;
                padding: 10px 25px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .portfolioLinks {
            width: 100%;
            height: 50vh;
            display: block;
            }
            .PortfolioItems img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            }  
            .sociallistmain .col-12{
            padding: 0;
            }
            .portfolioLinks ul li a {
            font-size: 13px;
            }
            .portfolioLinks span {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 15px 0 5px 0;
            }
            .AnimationRight .planing ul li small {
            font-size: 25px;
            letter-spacing: -1px;
            margin: 20px 0 0 0;
            }
            .AnimationRight .planing span {
            font-size: 13px;
            line-height: 15px;
            text-align: left;
            display: block;
            width: 100%;
            }
            .GraphicTop .FontResize span {
                font-size: 100px;
            }
            .GraphicTop.GraphicLeftJs {
            display: block;
            text-align: center;
            margin: 0px auto;
            }
            .FontResize .btnDiv .btn1 {
            padding: 11px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 0px auto;
            display: table;
            }
            .GraphicLeftJs .btnDiv {
            left: 0;
            bottom: 30px;
            position: inherit;
            width: 100%;
            margin: 0px auto;
            display: table;    
            }
            .FontResize .Vectorimg {
            display: none;
            }
            .GraphicLeftJs .btnDiv .btn1 {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            margin: 20px 0 10px 0;
            }
            .chooseuscontente ul li small {
            font-size: 14px;
            display: block;
            margin: 0;
            line-height: 15px;
            }
            .btnDiv3Js2 .btn1
            {
            padding: 9px 20px;
            border-radius: 5px;
            display: inline-block;
            background: #d3202e;
            color: #e3e3e2;
            border-radius: 3px;
            font-size: 14px;
            margin-right: 0;
            }
            .btnDiv3 small {
            font-size: 14px;
            margin: 0 0 10px 0;
            font-weight: 600;
            }
            .chooseuscontente p {
            font-size: 14px;
            margin: 0 0 10px 0;
            width: 90%;
            line-height: 15px;
            }
            .GraphicTop .webDeveText small {
            font-size: 35px;
            letter-spacing: -4px;
            bottom: 40px;
            left: 0;
            right: 0;
            text-align: center;
            position: relative;
            }
            .Left2d3dText .webDeveText span {
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            position: relative;
            bottom: 0;
            margin: 0 0 20px 0;
            }
            .GraphicDesignInner {
            width: 100%;
            height: 100%;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .checklistheading span {
            font-size: 28px;
            width: 100%;
            line-height: 42px;
            display: block;
            text-align: left;
            }
            .checklistheading p {
            font-size: 13px;
            bottom: 16px;
            line-height: 23px;
            width: 100%;
            text-align: left;
            position: inherit;
            margin: 4px 0;
            }
            .checklistbox p {
            font-size: 12px;
            margin: 3px 0 0 0;
            line-height: 15px;
            }
            .checklistbox span {
            font-size: 14px;
            display: block;
            margin: 5px 0 5px 0;
            font-weight: 600;
            }
            .checklistright{
            display: none;
            }
            .hiddenonmobile{
            display: none;
            }
            .checklistbox {
            margin-top: 0;
            }
            .checklistbox span {
            font-size: 12px;
            display: block;
            margin: 20px 0 20px 0;
            font-weight: 600;
            }
            .checklistbox p {
            font-size: 13px;
            margin: 0;
            line-height: 20px;
            }
            .WebDevelopmentChecklist {
            background: #e3e3e2;
            width: 100%;
            height: 100vh;
            position: relative;
            display: flex;
            padding: 0;
            }
            .GraphicTop .DigitalDeveText small {
            bottom: 43px;
            font-size: 35px;
            letter-spacing: 1px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 35px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 19px;
            bottom: 34px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 40px;
            letter-spacing: -3px;
            display: block;
            text-align: center;
            }
            .servicesOffer.AnimationJs.DigitalMarketing {
            height: auto;
            margin-top: 10px;
            }
            .servicesOffer span {
            font-size: 16px;
            line-height: 14px;
            margin: 0 0 5px 0;
            }
            .servicesOffer p {
            color: #e3e3e2;
            width: 100%;
            font-size: 13px;
            line-height: 18px;
            display: block;
            margin: 0;
            }
            .designinglisticonTextImg ul li img {
            width: 35px;
            height: 35px;
            object-fit: scale-down;
            margin: 20px 0 10px 0;
            display: block;
            text-align: center;
            margin: 10px auto;
            }
            .designinglisticonTextImg ul li small {
            font-size: 14px;
            margin: 10px 0 0 0;
            font-weight: 500;
            }
            .GraphicTop .MobileApp .webDeveText span {
            bottom: 0px;
            left: 0;
            font-size: 50px;
            letter-spacing: -1px;
            }
            .GraphicTop .MobileApp .webDeveText small {
            font-size: 30px;
            letter-spacing: 0px;
            bottom: 35px;
            left: 0;
            text-align: center;
            }
            .processbox span {
            font-size: 12px;
            margin: 30px 0 5px 0;
            }
            .processbox p {
            font-size: 10px;
            margin: 0;
            line-height: 15px;
            }
            .processheading span {
            font-size: 14px;
            letter-spacing: 0px;
            margin-bottom: 10px;
            margin: 0;
            }
            .processicons {
            margin-top: 0;
            }
            .proicons span {
            font-size: 13px;
            margin: 5px 0 5px 0;
            }
            .processicons ul{
            text-align: center;
            }
            .processicons ul li {
            display: inline-block;
            margin-right: 2px;
            }
            .mobileset {
            width: 30%;
            float: none;
            margin: 0px auto;
            }
            .processheading {
            margin-top: 3%;
            }
            .processheading p{
            font-size: 11px;
            }
            .GraphicTop .DigitalDeveText small {
            font-size: 30px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            position: relative;
            left: 0;
            bottom: 23px;
            }
            .GraphicTop .DigitalDeveText span {
            top: 0;
            font-size: 50px;
            letter-spacing: 0px;
            display: block;
            text-align: center;
            position: inherit;
            line-height: 40px;
            }
            .servicesOffer.AnimationJs.BlockChainContent span {
            margin: 20px 0 20px 0;
            font-size: 28px;
            line-height: 20px;
            }
            .servicesOffer.AnimationJs.BlockChainContent p {
            margin: 0;
            font-size: 12px;
            line-height: 15px;
            }
            .forscrollonmobile {
            width: 100%;
            height: 100vh;
            display: block;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow-y: scroll;
            }
            .CenterHeading.lerp-wrap {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100vh;
                flex-direction: column;
            }
            .moving-item{
            display: none;
            }
            .BlogTopbtn ul li {
            display: inline-block;
            margin-right: 10px;
            width: 100%;
            margin-bottom: 10px;    
            }
            .SearchBar .form-control {
            width: 80%;
            }

    .BannerHeading span {
    font-size: 40px;
    }    
    .UsedTags ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 10px;
    }    
    .BlogTag ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 10px;
    }    
    .BlogBanner {
    height: auto;
    padding: 35% 0 5% 0;
    }    
    .BannerHeading p {
    width: 100%;
    }    
    .aboutvideo video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }
    .aboutvideo {
    width: 100%;
    height: 100%;
    background: #040404;
    }
    button#playPauseButton {
    top: 47%;
    left: 40%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    }        
    
    .bottomfoot {
    background: #efefee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 20px;
    }
    .AboutProject p {
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading span {
    font-size: 40px;
    letter-spacing: 0px;
    margin-top: 60px;
    }
    .CaseHeading p {
    width: 90%;
    margin: 20px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseHeading img {
    top: 0;
    }
    .ClientLogoCenter img {
    display: table;
    margin: 10px auto 30px auto;
    width: 40%;
    }
    .colorSec span {
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    }
    .colorRadius ul li small {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    }
    .colorRadius ul li span {
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: center;
    display: block;
    font-weight: 600;
    }
    .colorRadius ul li p {
    font-size: 12px;
    text-align: center;
    margin: 0 0 16px 0;
    }
    .colorRadius ul {
    margin: 20px 0 0 0;
    text-align: center;
    }
    .colorRadius ul li {
    display: inline-block;
    margin-right: 0;
    width: 45%;
    }
    .OurRole span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin: 20px 0 0 0;
    }
    .ruleListing ul li {
    font-size: 11px;
    margin: 0;
    }
    .timeduration span {
    padding: 15px 10px;
    font-size: 14px;
    } 
    .timedurationDis span {
    display: inline-block;
    color: #d3202e;
    font-size: 20px;
    font-weight: 600;
    margin-right: 0px;
    }
    .timedurationDis {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 25px;
    display: inline-block;
    }
    .timedurationDis span small {
    font-size: 14px;
    }
    .AboutProject span {
    padding: 13px 22px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 14px;
    }
    .AboutProject img {
    width: 70%;
    margin: 0px auto 20px auto;
    display: table;
    }
    .ToolsUsed span {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 40px;
    }
    .ToolsUsed ul{
    text-align: center;
    }    
    .ToolsUsed ul li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 11px;
    }
    .ToolsUsed ul li img {
    width: 53px;
    height: 30px;
    }
    .ToolsUsed ul li small {
    font-size: 12px;
    margin: 10px 0 0 0;
    }
    .ProblumIstatwement {
    padding: 30px 0 0 0;
    }
    .MobileImg img {
    width: 70%;
    margin: 0px auto;
    display: table;
    }
    .AboutProjectMain2 .AboutProject span {
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 20px;
    }
    .boxshaowBG {
    height: auto;
    }
    .caseheadingcenter p {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    }
    .CaseStudlyFirst {
    background: #e3e3e2;
    padding: 60px 20px;
    width: 100%;
    height: 100vh;
    }
    .caseheadingcenter span {
    font-size: 40px;
    letter-spacing: 0px;
    }
    .caseheadingcenter img {
    width: 40%;
    }
    .section.NewCaseStudy {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    }
    .CaseStudyLeftBox {
    margin-bottom: 10px;
    }
    .CaseStudyRightBox small {
    font-size: 18px;
    }    
    .CaseStudyRightBox span {
    display: block;
    font-family: 'Athene';
    font-size: 16px;
    margin: 20px 0 10px 0;
    }
    .CaseStudyRightBox p {
    font-family: 'Acumin Pro';
    font-weight: 500;
    color: #272827;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    }
    .CaseStudyRightBox a {
    font-size: 14px;
    padding: 10px;
    position: relative;
    bottom: 0;
    margin-bottom: 20px;
    }
    .backtop button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    }
    .fortwiceRow {
    display: flex;
    flex-direction: column-reverse;
    }
    .ruleListing {
    margin-bottom: 32px;
    }
    .ruleListing ul {
    display: block;
    margin: 16px 0 0px 0;
    margin-right: 0;
    }
    .servicesOffer.AnimationJs.DevOpsSocial {
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .bottombtn a {
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    background: #d3202e;
    color: #e3e3e2;
    border-radius: 3px;
    font-size: 12px;
    }
    .servicesMain4 {
    display: block;
    height: 100%;
    padding: 18% 0;
    }
    #moving-item{
    display: none !important;
    } 
    #moving-item img{
    display: none !important;
    }
    .CareerLeft1 span {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -4px;
    }
    .GetInTouchMain {
    margin-top: 0px;
    }           
    .FallingTelePhone img {
    left: 20%;
    width: 15%;
    }
    .ContactBg {
        background-position: right;
    }    
    .GetInTouchMain span {
    font-size: 14px;
    padding: 3% 0 2% 5%;
    }
    .getinBox small i {
    font-size: 14px;
    }
    .getinBox p {
    font-size: 12px;
    margin: 10px 0 10px 0;
    }
    .getinBox a {
    font-size: 14px;
    margin: 13px 0 13px 0;
    }
    .getinBox small {
    font-size: 14px;
    margin: 13px 0 13px 0;
    }
    .getinBox {
    border-bottom: 1px solid #464646;
    padding: 3% 5% 3% 5%;
    }
    .applyText span {
    font-size: 20px;
    margin: 0 0 20px 0;
    letter-spacing: 2px;
    text-align: left;
    }
    .LeaveForm input.form-control {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    font-size: 10px;
    padding: 10px;
    }
    .ApplyFormMain .LeaveForm .form-group {
    position: relative;
    margin-bottom: 5px;
    }
    .getinSocial ul li {
    display: inline-block;
    margin-right: 10px;
    }
    .getinSocial ul li a {
    font-size: 18px;
    color: #e3e3e2;
    }                                                                                         
    .applyText span img{
    display: none;
    }
    .CareerFormBg {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    }        
    .CaseHeadingtop span {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
    p {
        font-size: 14px;
        line-height: 20px;
    }
    .CaseStudyLeftBox img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .CaseHeadingtop {
        margin-bottom: 10px;
    }
    .caseheadingcenter.is-inview {
        padding: 0;
        overflow: hidden;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #navigationWrap .connectsocial2 ul li img {
        width: 60px;
        height: 40px;
    }                    
    #navigationWrap .connectsocial2 ul li a {
        font-size: 14px;
        color: #fff;
        margin-right: 0;
    }
    #navigationWrap .connectsocial2 ul li {
        display: inline-block;
        margin-right: 0;
        padding: 0px 8px;
    }
    #navigationWrap .TestimonialIcons li:first-child{
        display: inline-block;
        margin-right: 0;
        padding: 8px 10px;
        top: 0px;
    }
    .circle {
        display: none;
    }
    
    .circle-follow {
        display: none;
    }
    .GraphicRight ul {
        text-align: left;
        display: block;
    }
    .GraphicRight ul li a img {
        width: 41px;
        height: 41px;
        top: 0;
    }
    .GraphicRight li:first-child {
        overflow: hidden;
        padding: 0;
        width: 80px;
        position: relative;
        top: 8px;
        right: 0;
        margin-right: 10px;
    }
    .TestimonailLeftMainInner .Testimonialleft span {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .Testimonialleft span {
        font-size: 30px;
        display: block;
        margin: 40px 0 40px 0;
    }
    .VideoBox i {
        position: absolute;
        top: 40%;
        left: 0%;
        right: 0;
        font-size: 30px;
        color: rgb(255 255 255 / 58%);
        z-index: 2;
        text-align: center;
    }    
    .Seprator2 {
        padding: 0;
        display: none;
    }
    .TestimonialIcons img {
        width: 50px;
        height: 30px;
        margin: 0;
    }
    .arrowcursor {
        display: none;
    }
    .VideoBox img {
        height: 160px;
        width: 100%;
        object-fit: cover;
        margin: 0 0 20px 0;
    }
    #section8 .trustpilot-widget {
        width: 300px;
        margin-left: -177px;
    }
    #navigationWrap .trustpilot-widget {
        width: 300px;
        margin-left: -189px;
    }
    .teamimg span {
        font-weight: 500;
        font-size: 13px;
        line-height: 25px;
    }
    .btn1 {
        padding: 10px 20px;
        border-radius: 5px;
        display: inline-block;
        background: #d3202e;
        color: #e3e3e2;
        border-radius: 3px;
        font-size: 14px;
        margin-right: 0;
    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        justify-content: flex-start;
    }
    .servicesOffer {
        display: block;
        width: 100%;
        height: auto;

    }
    .ServicesLinks {
        width: 100%;
        height: auto;
        display: block;
    }
    .servicesOffer span {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }
    .servicesMain {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    .Seprator{
        display: none;
    }
    .QoteForm input[type="submit"] {
        font-size: 18px;
        line-height: 30px;
        margin: 0;
    }
    .QoteForm .form-control {
        width: 100%;
        height: 40px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .QoteForm select {
        height: 40px;
        border-radius: 0;
        margin-bottom: 0px;
        font-size: 12px;
    }
    .RightForm .form-group {
        margin-bottom: 5px;
    }
    .TestimonialSlider {
        padding: 0;
    }
    .TestimonialLeftSlider .slick-dots button {
        width: 11px;
        height: 11px;
    }
    .TestimonailLeftMainInner .TestimonialSlider p {
        text-transform: inherit;
        color: #272827;
        font-size: 13px;
        margin: 0;
        line-height: 20px;
        padding: 0 10px;
    }
    .redSeprator{
        display: none;
    }
    .RankLogos ul li:first-child {
        margin-right: -20px;
        padding-left: 0;
    }
    .RankLogos ul li:nth-child(2) {
        margin-right: 0;
        padding-left: 0;
    }
    .footerreviews ul li:first-child {
        padding-left: 0;
        padding: 5px 0px 5px 0px;
        top: 15px;
    }
    .BrandingMain1 {
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }                
    .BrandingMain2{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain3{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    } 
    .BrandingMain4{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain5{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }  
    .BrandingMain6{
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }
    .designinglisticon ul li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .designinglisticon ul li img {
        width: 40px;
        height: 30px;
        object-fit: scale-down;
    }
    .paddinganimation{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;  
    }   
    .AnimationRight .planing ul{
        display: inline-block;
        margin-right: 0;      
        margin: 0px 0 0 0;        
    }
    .AnimationRight .planing ul li small{
        font-size: 12px;
        letter-spacing: 0px;
        margin: 0;
        padding: 12px 10px;
    }
    .AnimationRight .planing ul li {
        display: inline-block;
        margin-right: 0;
        top: 15px;
        width: auto;
        padding: 0px 5px;
    }
    .teamimg img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
    }
    .PrivacyPolicy {
        padding: 0% 0 5% 0;
        background: #e3e3e2;
        display: block;
        width: 100%;
        height: auto;
    }
    .PrivacyPolicyBg {
        background-position: left bottom;
        height: auto;
        padding: 20% 0;
    }
    .PrivacyHeading small {
        font-size: 20px;
        margin: 10px 0 10px 0;
    }    
    .PrivacyPolicyBg h1 {
        padding: 0;
        font-size: 41px;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .CareerLeft1 {
        height: 243px;
        background-size: contain;
        background-position: center;
    }
    .ChooseFile .file-chooser {
        margin: 0;
    }
    .file-chooser:after {
        height: 37px;
        line-height: 37px;
        font-size: 10px;
        width: 50px;
    }
    .CareerRight .faqscollapse {
        width: 100%;
        height: auto;
        padding: 0% 0;
    }
    .TextBox{
        width: 70%;
        margin: 0px auto;
        display: block;
        text-align: center;
        background: rgb(0 0 0 / 46%);
        color: #fff;
        padding: 10px;
        margin-top: 20px;
        font-size: 13px;
    }
    .VideoExpleiner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50vh;
    }
    .play-icon {
        top: 52%;
        left: 51%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }        
    .play-icon i {
        font-size: 15px;
        text-align: center;
        line-height: 50px;
        display: block;
    }    
    .play-icon.playcenter1 {
        top: 58%;
        left: 50%;
        font-size: 14px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .connectsocial ul li a {
        font-size: 18px;
    }
    .TestimonialSlider img {
        width: 40px;
        height: 40px;
        margin: 0px 0px 10px 0px;
    }
    .TestimonialSlider span {
        font-size: 16px;
        margin: 8px 0 4px 10px;
    }
    .TestimonialSlider small {
        font-size: 14px;
        margin: 0px 0 0 10px;
    }                                      
    }
    

header .close {
    z-index: 999999;
}