/*body,h1,h2,h3,h4,h5,h6,span,p,b,table,tr,td{
    
}*/

html {
  scroll-behavior: smooth;
}

.myBtn:hover{
    color:#fff;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > tbody > tr > th {
    border-bottom: 1px solid #ddd;
}
h2{
	margin-bottom: 0px;
}
.services-contact{
    background: #2c618c;
    box-shadow: 4px 4px 6px #000;
}
.row{
    margin-top:27px;
}

.navbar > .container .navbar-brand{
    margin-left: -10px;
}
.section-title h2 {
    display: block;
    font-size: 12px;
    line-height: 10px;
    color: #2c618c;
    padding-bottom: 13px;
    text-transform: nor;
    font-weight: bold;
    float: right;
}
.services-text p{
    font-size: 18px;
    color: #7a7a7a;
    line-height: 33px;
}
.services-box{
	background-color: #f4f4f5;
	min-height: 400px;
}
.services-img img{
	padding-top: 18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100px;
    height: 120px;
}
.services-title h2{
	color: #337ab7;
    font-size: 20px;
    text-align: center;
}
.services-description{
    font-size: 16px;
    padding: 10px;
    text-align: center;
}
/*About*/

.about-box{
	margin-top: 50px;
	background-color: #f4f4f5;
	min-height: 180px;
}
.about-box-icon i{
	text-align: center;
	padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.about-box-title h2 {

    
    font-size: 16px;
    text-align: center;
    color: #4054b2;
    font-weight: 501;
    padding: 10px;
    letter-spacing: 0.2px;
    line-height: 21px;

}
.about p{
	
    font-size: 14px;
    color: #7a7a7a;
    line-height: 30px;
    text-align: justify;
}
.about p b{
	color: #333;
}

.about-title {
}
.about-title h2{
    
    
    font-weight: bold;
    font-size: 20px;
    color: #54595f;
 }
.text{
	padding-top: 20px;
}
.technology-box{
	border: 2px solid #ddd;
	height: 289px;
}

.technology-box-title h2{
    font-weight: bold;
    font-size: 20px;
    
    color: #2c618c;

}
.technology-box-title{
	padding: 10px;
	
    font-size: 20px;
}
.technology-box-desc{
	
    font-size: 16px;
    padding: 10px
}
.technology-box .technology-box-img img{
	padding: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 350px;
    height: 279px;
 }

/*codes-written*/
 .counter {
    padding: 20px 0;
    border-radius: 5px;
}

 .count-title {
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.code-written .fa{
	color: #61ce70;
    font-size: 50px;
}

.code-written .count-text {
	color: #61ce70;
    font-size: 17px;
    font-weight: bold;
}

.project-finished .fa{
	color: #4054b2;
    font-size: 50px;
}

.project-finished .count-text {
	color: #4054b2;
    font-size: 17px;
    font-weight: bold;
}

.clients .fa{
	color: #f76859;
    font-size: 50px;
}

.clients .count-text {
	color: #f76859;
    font-size: 17px;
    font-weight: bold;
}

.coffee-cup .fa{
	color: #ede355;
    font-size: 50px;
}

.coffee-cup .count-text {
	color: #ede355;
    font-size: 17px;
    font-weight: bold;
}

/*COntact Us*/


form .col-gap{
	padding-right: 0px!important;
}

.contact-banner{

	background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/page.png);
    background-repeat: no-repeat;
    height: 321px;
}

.bg-overlay{
	background-size: cover;
}
.contact-banner-title {
	padding-top: 80px;
	padding-left: 100px;
}

.divider{
	border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #4054B2;
    width: 60px;
}
.contact-form-title h2{
	font-weight: 600;
	
	font-size: 39px;
	color: #54595f;

}
.contact-form .error {
    float: left;
    padding: 4px;
    color: red;
    font-style: italic;
}
input[type=text]{
	padding-top: 25px;
	padding-left: 15px;
	padding-bottom: 25px;
	border-radius: 1px;
}
input[type=email]{
	padding-top: 25px;
	padding-left: 15px;
	padding-bottom: 25px;
	border-radius: 1px;
}

textarea {
    padding: 15px!important;
	border-radius: 1px!important; 
	resize: none;
}

.form-control:focus{
	border-color: #ddd!important;
    outline: none!important;
    -webkit-box-shadow: none!important;
    box-shadow:none!important;
}
.btn-primary {
    color: #fff;
    background-color: #2c618c;
    border-color: #2c618c;
}
.btn{
	margin-top: -20px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 14px 20px;
    border-radius: 1px;
    letter-spacing: 0.1em;
    
}
.btn-primary:hover {
    color: #fff;
    background-color: #2c618c;
    border-color: #2c618c;
}
.custom-html-widget a:hover{
    color:#2c618c;
}

.contact-bg {
    background-image: url(./img/bg/contact-bg.jpeg);
    background-repeat: no-repeat;
    height: 630px;
    background-position: top left;
    background-size: cover;
    display: table;
}
.vertical-center-row{
    display: table-cell;
    vertical-align: middle;
}
.contact-info{
}
.contact-info ul{
	list-style: none;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;

}
.contact-info ul li{
	padding-bottom: 10px;
	  
	  font-size: 15px;
	  font-weight: normal;
	  color:  #54595f;
}
.contact-info ul li i{
	font-size: 30px;
	padding-right: 20px;
}
.contact-info ul li a{
	text-decoration: none;
	color: #54595f;
}

.contact-info ul li a:hover{
	text-decoration: none;
	color: #54595f;
}

.contact-info hr{
	margin-top: 0px;
	margin-bottom: 0px;
}

.map-container {
    margin-bottom: 0px;
}
/*Career*/

.career-page-border{

}
.career-page{
  	padding: 5px 10px 10px 10px;
  	text-align: justify;
}

.career-page h2{
	color: #4054b2;
	
	font-size: 20px;
}
.career-page p{
	
	font-size: 16px;
	color: #7a7a7a;
	font-weight: 400;
}
.career-job{
	background-color: #f8f8f866;
	 margin-bottom:20px;
}
.job-title{

    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 25px 0 0 25px;
}
.two-sections{

	border-bottom: 3px solid #3c3cb9;
    margin-right: 2px;	
    margin-left: 2px;	
}
.job-title a{
	 text-decoration: none;
	 color: #000;
}
.border-corner{
	background: #f8f8f866;
}
a.job-title-btn:hover{
    text-decoration:none;
}
a.job-title-btn{
	color: #fff;
	
    font-weight: 500;
    padding: 10px 20px;
    background-color: #2c618c;
    float: right;
}
.job-details{
	padding-top: 10px;
}
.job-details i{
	color: #6ec1e4;
}
.job-details h6{
	color: #333;
	
	font-weight: 600;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.job-title  a:hover{
    color: #13aff0;
}
.job-details p{
    color: #9a9898;
}

.job-bullet-points{
    margin-top: 50px;
}
.job-bullet-points ul li{
    padding: 5px 0px 0px 0px;
    color: #9a9898;
    
    font-size: 14px;
}
.job-skills p{

    color: #9a9898;
    font-size: 14px;
    margin-top:20px;
    margin-left: 20px;
    margin-bottom: 20px;

}

ul.job-skill-bullets  li{
    list-style-type: square;
    color: #9a9898;
    font-size: 14px;
    padding-top: 6px;
    margin-left: 50px;
    
}

.job-bullet-points p{

    color: #9a9898;
    font-size: 14px;
    margin-top:20px;
    margin-left: 20px;
    margin-bottom: 20px;

}

/*Website-Development*/
.single-margin{
    margin-left: 2px;
    margin-right: 2px;
}
.single-border1{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
}
.single-page-border{
    border-right: 1px solid #ddd;
}

.single-icon{
   padding: 15px;
   padding-top: 50px;
    text-align: center;
    color: #fff;
    font-size: 23px;
}
.single-icon-text h2{
    
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    color: #000000;
    padding-bottom: 69px;
}
.single-page-bg1{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/smartphone.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
     height: 234px;
}
.single-page-bg2{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/bg2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
     height: 248px;
}
.single-border2{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
    height: 248px;
}
.single-page-bg3{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/bg3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
     height: 208px;
}
.single-border3{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
    height: 208px;
}
.single-page-bg4{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/bg4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 307px
}
.single-border4{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
    height: 307px
}
.single-page-bg5{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/bg5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
     height: 208px;
}
.single-border5{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
    height: 208px;
}
.single-page-text p{
    color: #fff;
    font-size:15px;
    
    text-align: justify;
}
.single-page-text span{
    display: inline-block!important;
    color: #fff;
}
.digital-bg{

    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/bg5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.digital-text p{
    padding: 15px;
    color: #fff;
    font-size:15px;
    
    text-align: justify;
    margin:0 0 0px;
}
.digital-text span{
    float: left;
    text-align: center;
    line-height: 1;
    font-size:50px;
    
    color: #6ec1e4;
    border-color: #6ec1e4;
    margin-right: 15px;
}
.digital-page-text p{
    margin-top: 20px;
    font-size:16px;
    font-weight: normal;
    
    color: #000;
    text-align: justify;
}

.digital-page{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
    height: 200px;
}

.single-icon img{
    height: 60px;
    width: 70px;
}

.single-inner-margin{
    margin-left: 20px;
    margin-right: 20px;
}
.single-inner-page{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
    height: 325px;
}
.single-inner-page-text p{
    margin-top: 20px;
    font-size:16px;
    font-weight: normal;
    
    color: #fff;
}
ul.single-inner-page-list{
    list-style-type: none;
    margin-left: -35px;
    color: #fff;
}
ul.single-inner-page-list li{
    padding: 8px;
}
ul.single-inner-page-list li i{
   margin-right: 9px;
}

.single-iner-icon{
   padding: 15px;
   padding-top: 100px;
    text-align: center;
    color: #fff;
    font-size: 23px;
}

.single-inner-icon-text h2 {
    
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    color: #000000;
    padding-bottom: 80px;
}
.mob-app{
    padding:10px;
    background-color: #54595f;
    box-shadow: 0px 0px 5px 2px #929292;
    width: 130px;
    height: 130px;
}
.mob-app-icon i{
    margin-top: 10px;
    font-size: 33px;
    color: #fff;
    position: absolute;
    left: 40%;
    right: 40%;
}
.mob-app-text p{
    margin-top: 60px;
    
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}
.get-quote-btn{
    text-align: center;
    padding-top: 30px;
}
.get-quote-btn a{
    border: 2px solid #4054b2;
    
    color: #4054b2;
    text-align: center;
    padding-top:12px;
    padding-bottom:12px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
}
.get-quote-btn a:hover{
    border: 2px solid #4054b2;
    
    text-align: center;
    padding-top:12px;
    padding-bottom:12px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
    background-color: #4054b2;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.5s ease;
}

/*****************Software Testing **********/
.intro-section{
    background-color: #4054b2;
    height: 230px;
}
.intro-section p{
    padding: 18px;
    
    font-size: 14px;
    color: #fff;
}
.testing-page-text p{
    margin-top: 20px;
    font-size:14px;
    font-weight: normal;
    
    color: #000;
    text-align: justify;

}

.testing-page-left{
    background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 30px 0px 0px 30px;
    height: 300px;
}
.testing-page-right{
     background:#eee;
    border-bottom:3px solid #2c618c;
    border-radius: 0px 30px 30px 0px;
    height: 300px;
}

/*************************** Maintenance & Support *****************************/

.support-section h2{
      
    font-size: 17px;
    font-weight: normal;
    color: #000;    
}
.support-section h3{
      
    font-size: 18px;
    font-weight: 600;
    color: #333;    
}
.support-section p{
    
    font-size: 13px;
    color: #000;
    margin:0 0 20px;
    letter-spacing: 0.4px;
    line-height: 24px;  
}

.support-section-divide{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #d6d6d6;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 15px 15px 15px 15px;
    padding: 15px 15px 15px 15px;
}
.support-inner-title h3{
    color: #4054b2;
    
    font-size: 14px;
    font-weight: 600;
}
.support-inner-title p{
    color: #7a7a7a;
    
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}

/*111111111*/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #fff;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }
    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #fff;
    }

    .panel-body p{

        
        font-size: 14px;
        font-weight: 400;
        text-align: justify;
        color: #000;
        line-height: 1.7em;
        letter-spacing: 0.7px;

    }
    /*111111*/

    .maintenance h2{
        color: #4054B2;
        
        font-size: 16px;
        font-weight: 600;
        margin: 10px;
    }
    .maintenance-inner{
        background-color: #eee;
        margin:20px;
    }

    .maintenance-inner p{
        padding: 15px;
        
        font-size: 15px;
        color: #7a7a7a;
    }

    .maintenance-inner h3{
        padding: 15px;
        font-size: 18px;
        color: #4054B2;
        
    }

    .maintenance-icon{
        color: #4054B2;
        font-size: 50px;
    }
    .maintenance-title h2{
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }
     .maintenance-title h3{
        
        text-align: center;
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 12px;
        color: #4054b2;
    }
    .maintenance-desc p{
         color: #7a7a7a;
         
         font-size: 14px;
         text-align: justify;

    }

    .maintenance-bg{
        background-color: #eee;
    }
    .support-section-border{
         border-style: solid;
         border-width: 2px 2px 2px 2px;
         border-color: #d6d6d6;
         transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
         margin: 15px 15px 15px 0px;
         padding: 15px 15px 15px 15px;
         height: 320px;
    }
    .support-border{
         border-style: solid;
         border-width: 2px 2px 2px 2px;
         border-color: #d6d6d6;
         transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
         margin: 15px 15px 15px 0px;
         padding: 15px 15px 15px 15px;
         height: 220px;
    }


/******************Bulk-SMS-Page*****************/

    ul.bulk-sms-page{
        margin-left: -30px;

    }
    ul.bulk-sms-page li{
        font-weight: normal;
        font-size: 14px;
        
        padding: 5px;
    }

    .bulk-sms-page span{
        font-weight: 600;
        font-size: 14px;
        
    }
	
	
	
/********** HEADER and FOOTER ************/


/* ///////////footer/////////////////// */
	
		
		.croitre-footer{
			background-color:#333;
			color:#929292;
			padding-top:30px;
			position:relative;
			bottom:0;
		}
		.footer-social-icon{
		    padding-bottom: 20px;
		}
		.footer-widget {
			display: block;
			line-height: 1;
			font-size: 13px;
			font-weight: 400;
			color: #333;
			border-width: 0 0 0 3px;
			border-style: solid;
			border-color: #13aff0;
			letter-spacing: 1px;
			padding-left: 15px;
			margin: 0 0 20px;
			text-transform: uppercase;
			color:#fff;
		}
		.croitre {
			font-size: 77px;
			font-weight: normal;
			
			color: #fff;
			line-height: 60px;
		}
		#footer-bottom{
			background:#1b1b1b;
			margin-top:10px;
			padding-top:3px;
			padding-bottom:8px;
		}
		#footer-bottom-inner{
			
		}
		#footer-bottom-menu{
			float:right;
		}
		#copyright{
			float:left;
		}
		.menu-footer-menu-container a{
			color:#fff;
			font-size:11px;
			padding-left:7px;
		}
		.menu-footer-menu-container a:hover{
			color:#477bda;
			font-size:11px;
			padding-left:7px;
		}
	
		.navbar-brand {
		  padding: 0px;
		}
		a:hover{
		  text-decoration:none;
		}
		.navbar-brand>img {
		  height: 100%;
		  padding: 15px;
		  width: auto;
		}
		.navbar-brand > img {
		  height: 100%;
		  padding: 0px;
		  width: auto;
		}
		.example3 .navbar-brand {
		  height: 80px;
		}
		.example3 .nav >li >a {
		  padding-top: 30px;
		  padding-bottom: 30px;
		}
		.example3 .navbar-toggle {
		  padding: 10px;
		  margin: 25px 15px 25px 0;
		}
		.navbar-alignit .navbar-header {
		  -webkit-transform-style: preserve-3d;
		  -moz-transform-style: preserve-3d;
		  transform-style: preserve-3d;
		  height: 50px;
		}
		.navbar-alignit .navbar-brand {
		  top: 50%;
		  display: block;
		  position: relative;
		  height: auto;
		  transform: translate(0,-50%);
		  margin-right: 15px;
		  margin-left: 15px;
		}
		.navbar-nav>li>.dropdown-menu {
		  z-index: 9999;
		}
		.navbar-inverse {
		  background-color: #fff;
		  border-bottom:none;
		  border-top: none;
		  box-shadow: 1px 2px 2px #f2f2f2;
		}
		.navbar-inverse .navbar-nav > .active > a {
            display: block;
            font-size: 13px;
            line-height: 74px;
            color: #2c618c;
            padding: 0 15px;
            letter-spacing: 0.6px;
            text-transform: uppercase;
            background: #fff !important;
            font-weight: bold;
        }
		.navbar-inverse .navbar-nav > .active > a:hover{
		  background-color: #fff;
		  color:#2c618c;
		}
		.navbar-inverse .navbar-nav > li > a{
		  display: block;
		  font-size: 13px;
          line-height: 74px;
          color: #555;
          padding: 0 15px;
          letter-spacing: 0.6px;
		  text-transform:uppercase;	
		}
		.navbar-inverse .navbar-nav > li > a:hover{
		  color:#2c618c;
		  background-color: #eeeeee4d;
		  display: block;
		  font-size: 13px;
          line-height: 74px;
          padding: 0 15px;
          letter-spacing: 0.6px;
		}
		.dropdown-menu > li > a{
		  display: block;
	      position: relative;
          float: none;
          font-size: 12px;
          font-weight: 400;
          line-height: 1.2em;
          letter-spacing: 0.6px;
          padding: 12px 15px;
          text-transform: capitalize;
		}
		.dropdown-menu {
			background-color: #fff;
			border-top: 3px solid #2c618c;
			min-width: 180px;
			line-height: 1;
			text-align: left;
			padding: 0px 0;
			z-index: 999;
			-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
			-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
			box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		}
		.navbar-inverse .navbar-nav > .open > a{
			color: #555;
			background-color: #fafafa;	
		}
		.navbar-right .dropdown-menu {
			right: auto;
			left: 0;
		}
		.dropdown-menu li{
			border-bottom: 1px solid #f1f1f1;
		}
		li .open:hover{
			background-color: #fafafa;	
		}
		.top-bar-right{
			text-align:right;
		}
		.navbar-brand img {
            height: 50px;
            margin-top: 11px;
            padding-left: 15px;
        }
		#top-bar-social span a:hover{
		    color:#fff9;
		}
		#top-bar-social:hover{
		    color:#fff;
		}
		.top-bar-right span a{
			display: block;
			float: right;
			font-size: 14px;
			color:#fff;
			padding: 0 6px;
		}
		#top-bar-wrap {
			position: relative;
			background-color: #2c618c;
			font-size: 12px;
			z-index: 101;
			color:#f2f2f2b3;
		}
		#top-bar {
			padding: 8px 0;
		}
		#top-bar-inner {
			position: relative;
			color:#f8f6f6;
		}
		.topbar-content b{
			color:#fff;
		}
		.topbar-content a{
			color:#f8f6f6;
			font-size:12px;
			padding-left:3px;
		}
		span.topbar-content a:hover{
		    color:#fff!important;
		}
		.topbar-content a:hover{
			color:#2c618c;
			font-size:12px;
			text-decoration:none;
			padding-left:3px;
		}
			
	/**************** WEB.PHP*******************/
	
	.section-title h3{
	border-left:2px solid #fff;
	color: #fff;
	font-weight: bold;
	font-family: sans-serif;
    font-size: 30px;
    font-weight: bold;
    padding-top: 10px;
    margin-top: 30px;
    text-shadow: 2px 2px #2c618c;
}
/*Banner*/
.web-banner{
	background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/bg4.png);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: bottom;
}
.web-tech {
    margin: 50px 20px 20px 20px;
    background-color: #fff;
    max-height: 400px;
    width: 350px;
    opacity: 1;
    box-shadow: 3px 3px 0px #dddddd40;
    border-radius: 4px;
    text-align: left;
    padding: 10px 20px 20px 20px;
}
.web-tech h2{
	color: #2c618c;
	font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.web-tech-list{
	color:#2c618c;
}

.web-tech-list p{
   
    color: #2c618c;
	font-family: sans-serif;
    font-size: 15px;
    line-height: 24px;
}

.web-tech-list p i{
    color: #2c618c;
}
.web-tech a{
	margin-top:15px;
	text-decoration: none;
	font-family: sans-serif;

}
.web-tech .btn-info{
	 display: block;
	  width: 100%;
	  border: none;
	  background-color: #2c618c;
	  padding: 5px 28px;
	  font-size: 16px;
	  cursor: pointer;
	  text-align: center;
	  
}
/*Slider*/
.web-slider h2{
	padding-top: 20px;
    color: #2c618c;
    
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;

}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
    height: 350px;
}
.slick-slide img:hover{
	box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.77);
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slider-btn .btn-info {
    color: #fff;
    background-color: #2c618c;
    border-color: #2c618c;
    padding-right: 90px;
    padding-left: 90px;
    border-radius: 0px;
    font-size: 16px;
    

}
    .textwidget {
        line-height: 30px;
    }
    select.form-control{
        border-radius:1px!important;
        height:48px!important;
    }
    .contact-us-page-form{
        margin-top: 20px;
    }
    
    /**********FOOTER SOCIAL ICONS ******/
    
    .footer-social-icon .oceanwp-whatsapp{
        background: #eee;
        padding: 12px 12px 12px 12px;
        border-radius: 50px;
        margin: 10px;
        font-size: 20px;
    }
    .footer-social-icon .oceanwp-facebook{
        background: #eee;
        padding: 12px 12px 12px 16px;
        border-radius: 50px;
        margin: 10px;
        font-size: 20px;
    }
    .footer-social-icon .oceanwp-linkedin{
        background: #eee;
        padding: 12px 12px 12px 12px;
        border-radius: 50px;
        margin: 10px;
        font-size: 20px;
    }
    .footer-social-icon .oceanwp-skype{
        background: #eee;
        padding: 12px 12px 9px 12px;
        border-radius: 50px;
        margin: 10px;
        font-size: 20px;
    }
    
    
    /*contact-form-page*/
          #mask {
                overflow: hidden;
                border-radius: 50%;
                position: relative;
                z-index: 99;
                height: 500px;
                width: 500px;
                border: 9px solid #fff;
                box-shadow: 2px 6px 7px #9e9292;
                margin: auto;
        }
            #mask iframe {
                position: absolute;
                border-radius: 50%;
                top: 0; left: 0;
                z-index: 50;
            }
        
            .box-icon i {
                font-size: 19px;
                color: #fff;
                background: #2c618c;
                padding:18px;
                border-radius: 50%;
            }
            .box-desc{
                text-align: center;
            }
            .box-desc p{
                font-size: 14px;
                padding: 20px;
            }
             .box-desc a{
                font-size: 14px;
                color: #000;
            }   
            .box-desc a:hover{
                font-size: 14px;
                color: #2c618c;
            }
            .box-desc b{
                font-weight: bold;
                font-size: 16px;
            }
           

        .contact-us-new-section {
            background-image: linear-gradient(black, black),url(images/dd/GoogleMaps.png);
            padding-top: 30px;
            padding-bottom: 30px;
            height: 454px;
            background-size: cover;
            background-blend-mode: saturation;
        }
        form.contact-us-page-form {
            display: block;
        }
        
        
        .row-margin{
            padding-top: 20px;
            padding-bottom: 20px;
            background: #f4f4f5;
        }
        
        /*End Contact Form*/
        
        /******************Career-page*******************/
        
        .accordion-title h3 {
            font-size: 20px;
            
            color: #2c618c;
        }
        .career-title-text h3{
            font-size: 16px;
            line-height: 30px;
            
            text-align: justify;
        
        }
        .panel-body{
            border: 1px solid #ddd;
        }
        .panel-title > a {
            background-color: #f2f2f233;
            display: block;
            padding: 13px;
            text-decoration: none;
            font-size: 14px;
            
        }
        .panel-title :hover{
            background-color: #2c618c!important;
        }
        .panel-title > a:hover{
            background-color: #2c618c!important;
            color:#fff;
            font-size: 14px;
        }
        
        .panel-title > a:hover {
            text-decoration: none;
            background-color: #ddd;
        }
        .panel-title  a i{
            float: right;
        }
        
        .job-desc h3{
            
            font-size:14px;
            text-align: justify;
            line-height: 19px;
           /* letter-spacing: 1px*/;
        }
        .job-desc ul.job-list li{
            
            font-size: 15px;
            text-align: justify;
            line-height: 21px;
        /*    letter-spacing: 1px;
        */}
        
        .job-skill {
            padding: 15px;
        }
        .job-skill h3{
        
            font-size: 18px;
            
            text-align: justify;
        }
        
        .list-skill{
            
            font-size: 15px;
            text-align: justify;
            line-height: 21px;
        /*    letter-spacing: 1px;*/
        }
        
        /*************************About*************************/
        
        .about h2 {
            text-transform: uppercase;
            font-weight: bold;
            
            font-size: 20px;
            color: #2c618c;
        }
        .about h2 span{
            text-align: center;
            text-transform: uppercase;
            font-weight: normal;
            
            font-size: 20px;
            color: #000;
        }
        .about h3{
            text-transform: uppercase;
            font-weight: bold;
            
            font-size:30px;
        }
        .about h3 span{
            text-align: center;
            text-transform: uppercase;
            font-weight: normal;
            
            font-size: 20px;
             color:  #2c618c;
        }
        .about h3 {
            text-transform: uppercase;
            font-weight: normal;
            
            font-size: 15px;
        }
        .about-img {
            padding-right: 10px;
        }
        .border-right{
            border-right: 1px solid #ddd;
        }
        .about-img img {
            border: 3px solid #ddd;
            border-radius: 50%;
            box-shadow: 2px 3px 4px #ddd;
            margin: auto;
            display: block;
            height: 160px;
            width: 160px;
        }
        .about-title {
            /*padding-top: 30px;*/
        }
        .about-title h2{
            text-align: left;
            font-weight: bold;
            font-size: 20px;
            color: #2c618c;
        }
        .about-title h2 span{
            text-align: left;
            font-weight: normal;
            font-size: 20px;
            color: #000;
        }
        
        /****************************About-End****************/

	/**************HOMEPAGE***************/
	
	
			#banner video{
				width: 100%;
				margin-top: -40px;
			}
			
			.header-blog{
				
				background: rgba(255,255,255,0.89);
				padding: 50px;
				width: 100%;
				color:#2c618c;
			}
			.header-blog p{
				line-height: 25px;
				padding-top:20px;
				padding-bottom:20px;
			}
			.header-blog h3{
				font-size: 43px;
				font-weight:bold;
			}
			.video-cont {
				position: absolute;
				top: 74px;
			}
			.myBtn {
			  padding-top:3px;
			  padding-bottom:3px;
			  padding-left:10px;
			  padding-right:10px;
			  font-size: 18px;
			  padding: 10px;
			  border: none;
			  background: #2c618c;
			  color: #fff;
			  cursor: pointer;
			}
			.areas-section{
				margin-top:70px;
				margin-bottom:30px;
			}
		
			.website-development{
				border-style: solid;
				border-width: 3px 3px 1px 1px;
				border-color: #4a5B7D;
				box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
				transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
				
			}
			.mobile-app-development{
				border-style: solid;
				border-width: 3px 3px 1px 1px;
				border-color: #303138;
				box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
				
			}
			
			.ecommerce-solutions{
				border-style: solid;
				border-width: 3px 3px 1px 1px;
				border-color: #37b8D0;
				box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
				transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
				
			}
			.digital-marketing{
				border-style: solid;
				border-width: 3px 3px 1px 1px;
				border-color: #f1Ac25;
				box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
				transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
				
			}
			.software-testing{
				border-style: solid;
				border-width: 3px 3px 1px 1px;
				border-color: #d14225;
				box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
				transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
				
			}
			.website-maintenance{
				border-style: solid;
				border-width: 3px 3px 1px 1px;
				border-color: #9700ef;
				box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
				transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
				
			}
			.croitre-cat a img{
				max-width:130px;
				max-height:180px;
				margin-left:auto;
				margin-right:auto;
				display:block;
			}
			.croitre-cat:hover{
				box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
			}
			
			.website-development a h3{
				color:#4a5B7D;
			}
			.mobile-app-development a h3{
				color:#303138;
			}
			.ecommerce-solutions a h3{
				color:#37b8D0;
			}
			.digital-marketing a h3{
				color:#f1Ac25;
			}
			.software-testing a h3{
				color:#d14225;
			}
			.website-maintenance a h3{
				color:#8e00ed;
			}
			/* Welcome Home Page*/
			.croitre-reasons-icon-section {
				background: #f7f7f7;
				padding-top: 65px;
				padding-bottom: 65px;
			}
			.croitre-welcome-section h2{
				color:#2c618c;
				
			}
			.croitre-welcome-section p {
				color: #7a7a7a;
				font-size: 17px;
				font-weight: normal;
				line-height: 27px;
			}
			.croitre-india-section h1{
				color: #7a7a7a;
				line-height: 42px;
				font-weight: normal;
				font-size:27px;
			}
			.croitre-india-section span{
				font-weight:600;
				color:#2c618c;
			}
			.croitre-welcome-section{
				padding-top:30px;
				padding-bottom:30px;
			}
			.croitre-india-section{
				padding-top: 95px;
			}
			.croitre-reasons{
				color:#333;
			}
			.croitre-reasons h3{
				font-size: 60px;
				font-family:sans-serif;
				font-weight:600;
			}
			.croitre-reasons h4 {
				font-size: 25px;
				
				font-weight: bold;
				line-height: 63px;
			}
			
			.croitre-reasons h4{
				font-size: 23px;
			}
			.croitre-reasons h5 {
				
				font-weight: bold;
				line-height: 30px;
				font-size:20px;
			}
			.croitre-reasons p {
				font-size: 18px;
				
				line-height: 34px;
			}
			.fa-icon-services .icons {
				text-align: center;
				background: #2c618c;
				padding: 20px 0px 30px 0px;
				margin: 0px 31px 0px 31px;
				color: #fff;
				font-size: 35px;
			}
			.fa-icon-services {
				text-align:center;
			}
			.fa-icon-services h4{
				font-weight:bold;
			}
			.fa-icon-services p{
				font-size:13px;
			}
			.croitre-chatbot-section h2{
				font-size: 44px;
				font-family: arial;
				font-weight: bold;
				color: #2c618c;
				padding-left:30px;
			}
			.croitre-chatbot-section h4{
				font-size: 24px;
				line-height: 40px;
				color: #7a7a7a;
				
				padding-left:30px;
			}
			.croitre-chatbot-section ul li{
				color: #7a7a7a;
				font-size: 14px;
				
				line-height: 28px;
			}
			.croitre-chatbot-section{
				padding-top:40px;
				padding-bottom:40px;
			}
			.croitre-clients-section {
				height: 600px;
				background-image: linear-gradient(to left, #0000004d, #0006),url('croitre-images/clients-greyscale.jpg');
				background-size: contain;
				background-repeat: no-repeat;
				background-color: #000;
				padding:70px;
			}
			.contact-form{
				background: #fff;
				height: auto;
				box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);
			}
			.contact-form h2{
				font-size: 34px;
				padding: 10px 0px 10px 10px;
				color: #2c618c;
				font-weight: bold;
			}
			.croitre-cat a h3 {
				text-align: center;
				
				font-weight: bold;
				
				padding-top: 13px;
				letter-spacing: 0.3px;
			}
			.contact-form h4{
				font-size: 25px;
				line-height: 37px;
				font-weight: bold;
				color: #7a7a7a;
				padding: 10px 0px 10px 10px;
			}
			.contact-form h4 span {
				font-size: 25px;
				line-height: 37px;
				font-weight: bold;
				color: #2c618c;
			}
			.contact-form .testimonial-blog{
				font-style: italic;
				font-size: 15px;
				font-family: arial;
				color: #7a7a7a;
				padding: 40px 0px 10px 10px;
			}
			.contact-form .testimonial-blog:before{
				font-size: 30px;
				content:"\f10d";
				padding-right:3px;
				font-family: fontAwesome;
			}
			.contact-form .testimonial-image{
				padding: 40px;
			}
			.testimonial-image{
				color: #7a7a7a;
			}
			.croitre-technologies-we-used{
				padding-top:70px;
				padding-bottom:70px;
			}
			.croitre-technologies-we-used h2{
				font-weight: 44px;
				color: #2c618c;
				
				padding-bottom:30px;
			}
			.croitre-technologies-we-used img{
			    margin: 20px;
			}
			.croitre-lets-talk {
				background-image: linear-gradient(to left, #0006 ,#000),url('croitre-images/business-accomplished.jpg');
				padding-top: 100px;
				padding-bottom: 100px;
				background-size: cover;
				background-repeat: no-repeat;
			}
			/*******New******/
			
			.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
			    background-color:#fff!important;
			    color:#000;
			}
	/*PORTFOLIO PAGE*/
	
	
	.tab {
			background-color: #fff;
			width: 100%;
			display: inline-flex;
			text-transform:uppercase;
			font-size:11px;
		}
		.tab button {
			display: block;
			background-color: #fff;
			color: #000;
			padding:10px 1px;
			width: 100%;
			outline: none;
			text-align: left;
			cursor: pointer;
			transition: 0.3s;
			text-align: center;
			border: 0.1px solid #2c618c;
			border-radius: 2px;
			margin: 2px;
			text-transform:uppercase;
		}
		.tab button:hover {
			background-color: #2c618c;
			color:#fff;
			box-shadow: 5px 0px 1px #fff;
			font-size:11px;
		}
		
		.tab button.active {
			border-bottom: 1px solid #2c618c;
			color: #fff;
			
			letter-spacing: 1px;
			text-align: center;
			background:#2c618c;
			box-shadow: 5px 0px 1px #fff;
			border: 1px solid #eee;
			border-radius: 2px;
			margin: 2px;
			font-size:11px;
		}
		.navbar-toggle{
			color:#fff;
		}
		.navbar-toggle{
			background-color: #2c618c;
		}
		.navbar-inverse .navbar-toggle {
            border-color: #2c618c;
		}
		.tabcontent {
			border-left: none;
			padding:20px;
		}
		.main-column-shadow{
			background-image: url('images/workShadowBg1.png');
			background-size: contain;
			background-repeat: no-repeat;
		}
		.category-thumbnails {
			overflow: hidden;
			color: #000;
			padding-left: 0px;
			padding-right: 17px;
			padding-top: 17px;
			padding-bottom: 10px;
		}
			.category-thumbnails img{
			max-height:200px;
			object-fit:cover;
			object-position: 0% 0%;
			width: 100%;
		}
		.logo{
			margin-top:30px;
			margin-bottom:30px;
		}
		.logo img {
			height: 100px;
			width: 206px;
			margin-left: 30px;
			margin-right: 30px;
			display: block;
		}
		
		@media (min-width: 991px) and (max-width: 1199px) {
			.category-thumbnails img {
				max-height: 145px;
				}
		}
		@media (min-width: 768px) and (max-width: 990px) {
			.category-thumbnails img {
				max-height: 118px;
				}
		}
				@media (min-width: 100px) and (max-width: 767px) {
			.main-column-shadow {
				background-image: none;
				background-size: cover;
				background-repeat: no-repeat;
			}
			.category-thumbnails img {
				max-height: 404px;
				object-fit: cover;
				object-position: 0% 0%;
				width: 100%;
			}
			.category-thumbnails {
				overflow: hidden;
				color: #000;
				padding-left: 17px;
				padding-right: 17px;
				padding-top: 17px;
				padding-bottom: 17px;
				box-shadow: 3px 3px 3px #eee;
			}
		}
		
		
		@media (min-width: 100px) and (max-width: 466px) {
				.tab {
				display:block;
			}
		}
		
		.site-title{
			padding-left:3px;
			padding-top: 10px;
		}
		
		
		
		/*Media Queries*/
		@media (min-width: 470px) and (max-width: 531px) {
		    #mask {
                overflow: hidden;
                border-radius: 50%;
                position: relative;
                z-index: 99;
                height: 412px;
                width: 412px;
                border: 9px solid #fff;
                box-shadow: 2px 6px 7px #9e9292;
                margin: auto;
            }
            #mask iframe {
                position: absolute;
                border-radius: 50%;
                top: 0;
                left: -42px;
                z-index: 50;
            }
		}
		
		@media (min-width: 200px) and (max-width: 469px) {
		    #mask {
                overflow: hidden;
                border-radius: 1px;
                position: relative;
                z-index: 99;
                height: 300px;
                width: 300px;
                border: 1px solid #fff;
                box-shadow: 2px 6px 7px #9e9292;
                margin: auto;
                margin-top:20px;
            }
            #mask iframe {
                position: absolute;
                border-radius: 1px;
                top: 0;
                left:0;
                z-index: 50;
            }
		}
		
		@media (min-width: 300px) and (max-width: 400px) {
		    #top-bar-content{
		        display:none;
		    }
		    .tab button{
		        text-align:left;
		    }
		    .tab button.active{
		        text-align:left;   
		    }
		    #top-bar #top-bar-inner.row {
                margin-right: 0px;
                margin-left: 0px;
            }
		    .header-blog{
		        padding: 0px;
                margin-top:185px;
		    }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog p{
                padding-top: 5px;
                text-align: justify;
            }
            .myBtn{
                display: block;
                text-align: center;
                font-size: 13px;
            }
            .areas-section {
                margin-top:317px;
                margin-bottom:0px;            
                
            }
            .croitre-cat{
                margin-top: 15px;
                width: 114px;
            }
            .croitre-cat-head
            {
                max-width: 40%;
                float: left;
                margin-left: 6%;
            }
            .croitre-cat a img {
                max-width: 100px;
                
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 16px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p{
                text-align:justify;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:center;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: center;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: center;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section{
                padding-bottom:35px;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 26px;
                text-align: center;
                padding-left: 0px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: center;
                padding-left: 10px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                margin-left: 10px;
                margin-right: 10px;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
		}
		
		
		/* Media 401 to 500 pixels*/
		@media (min-width: 401px) and (max-width: 500px) {
		    #top-bar-content{
		       display:none;
		    }
		    .tab button{
		        text-align:left;
		    }
		    .tab button.active{
		        text-align:left;   
		    }
		    #top-bar #top-bar-inner.row {
                margin-right: 0px;
                margin-left: 0px;
            }
		    .header-blog{
		        padding: 0px;
                margin-top: 230px;
		    }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog p{
                padding-top: 5px;
                text-align: justify;
            }
            .myBtn{
                display: block;
                text-align: center;
                font-size: 13px;
            }
            .areas-section {
                margin-top:240px;
                margin-bottom:0px;            
            }
            .croitre-cat{
                margin-top: 15px;
            }
            .croitre-cat-head {
                width: 100%;
                max-width: 27%;
                float: left;
                margin-left: 5%;
                margin-bottom: 20px;
            }
            .croitre-cat a img {
                max-width: 73px;
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 11px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p{
                text-align:justify;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:center;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: center;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: center;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section{
                padding-bottom:35px;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 26px;
                text-align: center;
                padding-left: 0px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: center;
                padding-left: 10px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                margin-left: 10px;
                margin-right: 10px;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}
		
		/* Media 501 to 600 pixels*/
		@media (min-width: 501px) and (max-width: 550px) {
		    #top-bar-content{
		       display:none;
		    }
		    #top-bar #top-bar-inner.row {
                margin-right: 0px;
                margin-left: 0px;
            }
		    .header-blog{
		        padding: 0px;
                margin-top: 260px;
		    }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog p{
                padding-top: 5px;
                text-align: justify;
            }
            .myBtn{
                display: block;
                text-align: center;
                font-size: 13px;
            }
            .areas-section {
                margin-top:220px;
                margin-bottom:0px;   
            }
            .croitre-cat{
                margin-top: 15px;
            }
            .croitre-cat-head {
                width: 100%;
                max-width: 27%;
                float: left;
                margin-left: 5%;
                margin-bottom: 20px;
            }
            .croitre-cat a img {
                max-width: 93px;
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 12px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p{
                text-align:justify;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:center;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: center;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: center;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section{
                padding-bottom:35px;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 26px;
                text-align: center;
                padding-left: 0px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: center;
                padding-left: 10px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                margin-left: 10px;
                margin-right: 10px;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}
		
		/* Media 550 to 600 pixels*/
		@media (min-width: 550px) and (max-width: 600px) {
		    #top-bar-content{
		       display:none;
		    }
		    #top-bar #top-bar-inner.row {
                margin-right: 0px;
                margin-left: 0px;
            }
		    .header-blog{
		        padding: 0px;
                margin-top:294px;
		    }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog p{
                padding-top: 5px;
                text-align: justify;
            }
            .myBtn{
                display: block;
                text-align: center;
                font-size: 13px;
            }
            .areas-section {
                margin-top:220px;
                margin-bottom:0px;   
            }
            .croitre-cat{
                margin-top: 15px;
            }
            .croitre-cat-head {
                width: 100%;
                max-width: 27%;
                float: left;
                margin-left: 5%;
                margin-bottom: 20px;
            }
            .croitre-cat a img {
                max-width: 112px;
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 16px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p{
                text-align:justify;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:center;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: center;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: center;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section{
                padding-bottom:35px;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 26px;
                text-align: center;
                padding-left: 0px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: center;
                padding-left: 10px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                margin-left: 10px;
                margin-right: 10px;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}
		
		
			/* Media 550 to 600 pixels*/
		@media (min-width: 601px) and (max-width: 700px) {
		    #top-bar-content{
		        
		    }
		    #top-bar #top-bar-inner.row {
                margin-right: 0px;
                margin-left: 0px;
            }
		    .header-blog{
		        padding: 0px;
                margin-top:320px;
		    }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog p{
                padding-top: 5px;
                text-align: justify;
            }
            .myBtn{
                display: block;
                text-align: center;
                font-size: 13px;
            }
            .areas-section {
                margin-top:220px;
                margin-bottom:0px;   
            }
            .croitre-cat{
                margin-top: 15px;
            }
            .croitre-cat-head {

                width: 100%;
                max-width: 27%;
                float: left;
                margin-left: 5%;
                margin-bottom: 20px;
            
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 16px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p{
                text-align:justify;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:center;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: center;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: center;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section{
                padding-bottom:35px;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 26px;
                text-align: center;
                padding-left: 0px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: center;
                padding-left: 10px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                margin-left: 10px;
                margin-right: 10px;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
            span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		}
		
		/* Media 550 to 600 pixels*/
		@media (min-width: 701px) and (max-width: 767px) {
		    #top-bar-content{
		        text-align:center;
		    }
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    #top-bar #top-bar-inner.row {
                margin-right: 0px;
                margin-left: 0px;
            }
		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: center;
            }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog {
                padding: 0px;
                margin-top: 355px;
            }
            .myBtn {
                display: block;
                text-align: center;
                font-size: 13px;
                max-width: 300px;
                margin: auto;
            }
            .areas-section {
                margin-top:240px;
                margin-bottom:0px;   
            }
            .croitre-cat-head {

                width: 100%;
                max-width: 27%;
                float: left;
                margin-left: 5%;
                margin-bottom: 20px;
            
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 16px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p {
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:center;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: center;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: center;
            }
            .croitre-chatbot-section ul{
                padding-left:80px;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: center;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-chatbot-section{
                padding-bottom:35px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 26px;
                text-align: center;
                padding-left: 0px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: center;
                padding-left: 10px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                display: block;
                margin: auto;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}
		
			/* Media 550 to 600 pixels*/
		@media (min-width: 768px) and (max-width: 800px) {
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    .navbar-right {
                float: right !important;
                margin-right: -18px;
            }
		   .navbar-brand > img {
                height: auto;
                padding: 0px;
                width: auto;
                max-width: 200px;
            }

		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: left;
            }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog-main-section{
                background: rgba(255,255,255,0.89);
            }
            .header-blog {
                padding: 1px 1px 7px 3px;
                background: transparent;
                margin-top: 18px;
                height: auto;
            }
            .myBtn {
                display: block;
                text-align: center;
                font-size: 13px;
                max-width: 300px;
                margin: auto;
            }
            .areas-section {
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .fa-icon-services .icons {
                text-align: center;
                background: #2c618c;
                padding: 10px 0px 10px 0px;
                margin: 0px 31px 0px 31px;
                color: #fff;
                font-size: 19px;
            }
            .croitre-cat-head {

                width: 100%;
                max-width: 27%;
                float: left;
                margin-left: 5%;
                margin-bottom: 20px;
            
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 16px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p {
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:left;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: left;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: left;
            }
            .croitre-chatbot-section ul{
                padding-left:0px;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section {
                padding-bottom: 20px;
                padding-bottom:20px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 26px;
                text-align: left;
                padding-left: 33px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: left;
                padding-left: 33px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                display: block;
                margin: auto;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
                height: 450px;
            }
            .croitre {
                font-size: 54px;
                font-weight: normal;
                
                color: #fff;
                line-height: 60px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}
		
			/* Media 801 to 900 pixels*/
		@media (min-width: 801px) and (max-width: 865px) {
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    .navbar-right {
                float: right !important;
                margin-right: -18px;
            }
		   .navbar-brand > img {
                height: auto;
                padding: 0px;
                width: auto;
                max-width: 200px;
            }

		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: left;
            }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog-main-section {
                background: rgba(255,255,255,0.89);
                min-height: 350px;
                padding: 0px;
            }
            .header-blog {
                padding: 1px 1px 7px 3px;
                background: transparent;
                margin-top: 18px;
                height: auto;
            }
            .myBtn {
                display: block;
                text-align: center;
                font-size: 13px;
                max-width: 300px;
                margin: auto;
            }
            .areas-section {
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .fa-icon-services .icons {
                text-align: center;
                background: #2c618c;
                padding: 10px 0px 10px 0px;
                margin: 0px 31px 0px 31px;
                color: #fff;
                font-size: 26px;
            }
            .croitre-cat-head{
                width: 100%;
                max-width: 30%;
                float: left;
                margin-left: 3%;
                margin-bottom:20px;
            }
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 23px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p {
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:left;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: left;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: left;
            }
            .croitre-chatbot-section ul{
                padding-left:45px;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section {
                padding-bottom: 20px;
                padding-bottom:20px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 37px;
                text-align: left;
                padding-left: 33px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: left;
                padding-left: 33px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                display: block;
                margin: auto;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
                height: 450px;
            }
            .croitre {
                font-size: 54px;
                font-weight: normal;
                
                color: #fff;
                line-height: 60px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}
		
			/* Media 900 pixels*/
		@media (min-width: 865px) and (max-width: 900px) {
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    .navbar-right {
                float: right !important;
                margin-right: -18px;
            }
		   .navbar-brand > img {
                height: auto;
                padding: 0px;
                width: auto;
                max-width: 200px;
            }

		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: left;
            }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog-main-section {
                background: rgba(255,255,255,0.89);
                min-height: 350px;
                padding: 0px;
            }
            .header-blog {
                padding: 1px 1px 7px 3px;
                background: transparent;
                margin-top: 18px;
                height: auto;
            }
            .croitre-cat-head{
                width: 100%;
                max-width: 30%;
                float: left;
                margin-left: 3%;
                margin-bottom:20px;
            }
            .myBtn {
                display: block;
                text-align: center;
                font-size: 13px;
                max-width: 300px;
                margin: auto;
            }
            .areas-section {
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .fa-icon-services .icons {
                text-align: center;
                background: #2c618c;
                padding: 10px 0px 10px 0px;
                margin: 0px 31px 0px 31px;
                color: #fff;
                font-size: 26px;
            }
           
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 23px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p {
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:left;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: left;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: left;
            }
            .croitre-chatbot-section ul{
                padding-left:45px;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section {
                padding-bottom: 20px;
                padding-bottom:20px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 37px;
                text-align: left;
                padding-left: 33px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: left;
                padding-left: 33px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                display: block;
                margin: auto;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
                height: 450px;
            }
            .croitre {
                font-size: 54px;
                font-weight: normal;
                
                color: #fff;
                line-height: 60px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}
	
	
			/* Media 801 to 900 pixels*/
		@media (min-width: 901px) and (max-width: 1000px) {
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    .navbar-right {
                float: right !important;
                margin-right: -18px;
            }
		   .navbar-brand > img {
                height: auto;
                padding: 0px;
                width: auto;
                max-width: 200px;
            }

		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: left;
            }
		    .header-blog h3 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog-main-section {
                background: rgba(255,255,255,0.89);
                min-height: 400px;
                padding: 0px;
            }
            .header-blog {
                padding: 1px 1px 7px 3px;
                background: transparent;
                margin-top: 18px;
                height: auto;
                padding-top: 30px;
            }
            .croitre-cat-head{
                width: 100%;
                max-width: 30%;
                float: left;
                margin-left: 3%;
                margin-bottom:20px;
            }
            .myBtn {
                display: block;
                text-align: center;
                font-size: 13px;
                max-width: 300px;
                margin: auto;
            }
            .areas-section {
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .fa-icon-services .icons {
                text-align: center;
                background: #2c618c;
                padding: 10px 0px 10px 0px;
                margin: 0px 31px 0px 31px;
                color: #fff;
                font-size: 26px;
            }
           
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3{
                font-size: 23px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p {
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:left;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: left;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: left;
            }
            .croitre-chatbot-section ul{
                padding-left:45px;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section {
                padding-bottom: 20px;
                padding-bottom:20px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 37px;
                text-align: left;
                padding-left: 33px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: left;
                padding-left: 33px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                display: block;
                margin: auto;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
                height: 450px;
            }
            .croitre {
                font-size: 54px;
                font-weight: normal;
                
                color: #fff;
                line-height: 60px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}	
		
			@media (min-width: 200px) and (max-width: 800px) {
        		  .about-title h2{
                    text-align: center;
                    font-weight: bold;
                    font-size: 20px;
                    color: #2c618c;
                }
                .about-title p {
                    
                    font-size: 14px;
                    color: #7a7a7a;
                    line-height: 30px;
                    text-align: center;
                }
			}
		
			/* Media 801 to 900 pixels*/
		@media (min-width: 1001px) and (max-width: 1200px) {
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    .navbar-right {
                float: right !important;
                margin-right: -18px;
            }
		   .navbar-brand > img {
                height: auto;
                padding: 0px;
                width: auto;
                max-width: 200px;
            }

		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: left;
            }
		    .header-blog h3 {
                font-size: 40px;
                font-weight: bold;
                text-align: center;
            }
            .header-blog-main-section {
                background: rgba(255,255,255,0.89);
                min-height:463px;
                padding: 0px;
            }
            .header-blog {
                padding: 1px 1px 7px 3px;
                background: transparent;
                margin-top: 18px;
                height: auto;
                padding-top: 30px;
            }
           
            .myBtn {
                display: block;
                text-align: center;
                font-size: 13px;
                max-width: 300px;
                margin: auto;
            }
            .areas-section {
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .fa-icon-services .icons {
                text-align: center;
                background: #2c618c;
                padding: 10px 0px 10px 0px;
                margin: 0px 31px 0px 31px;
                color: #fff;
                font-size: 26px;
            }
           
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3 {
                font-size: 17px;
            }
            .croitre-cat a img {
                max-width: 126px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2{
                text-align:center;
            }
            .croitre-welcome-section p {
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 18px;
                line-height: 25px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:left;
                font-size: 37px;
            }
            .croitre-reasons h4 {
                font-size: 20px;
                text-align: left;
            }
            .croitre-reasons h5{
                line-height: 27px;
                font-size: 14px;
                text-align: left;
            }
            .croitre-chatbot-section ul{
                padding-left:45px;
            }
            .croitre-reasons p {
                font-size: 15px;
                line-height: 25px;
                text-align: justify;
            }
            .croitre-chatbot-section {
                padding-bottom: 20px;
                padding-bottom:20px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 37px;
                text-align: left;
                padding-left: 33px;
            }
            .croitre-chatbot-section h4 {
                font-size: 19px;
                text-align: left;
                padding-left: 33px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                display: block;
                margin: auto;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
                height: 450px;
            }
            .croitre {
                font-size: 54px;
                font-weight: normal;
                
                color: #fff;
                line-height: 60px;
            }
            .contact-form{
                margin-bottom: 45px;
            }
            .contact-form h2 {
                font-size: 25px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 21px;
            }
            .contact-form h4 span {
                font-size: 15px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           .contact-form .btn{
               display: block;
               margin: auto;
               width: 100%;
           }
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 22px;
            }
		}	
		
		
		
		/* Media 1200 to 1400 pixels*/
		@media (min-width: 1200px) and (max-width: 1400px) {
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    .navbar-right {
                float: right !important;
                margin-right: -18px;
                margin-top: 4px;
            }
		   .navbar-brand > img {
                height: auto;
                padding: 0px;
                width: auto;
                max-width: 200px;
            }

		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: left;
            }
		    .header-blog h3 {
                font-size: 40px;
                font-weight: bold;
                padding-left: 30px;
            }
            
            .header-blog-main-section {
                min-height: 603px;;
                padding: 0px;
            }
            .header-blog {
                padding: 1px 1px 7px 3px;
                background: rgba(255,255,255,0.89);
                margin-top: 100px;
                height: auto;
                padding-top: 30px;
                padding-bottom: 30px;
            }
           
            .myBtn {
                text-align: center;
                font-size: 13px;
                margin-left: 30px;
            }
            .areas-section {
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .fa-icon-services .icons {
                text-align: center;
                background: #2c618c;
                padding: 10px 0px 10px 0px;
                margin: 0px 31px 0px 31px;
                color: #fff;
                font-size: 51px;
            }
           
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3 {
                font-size: 21px;
            }
            .croitre-cat a img {
                max-width: 126px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
           .croitre-welcome-section h2 {
                text-align: left;
                padding-left: 0px;
                font-size: 37px;
            }
            .croitre-welcome-section p {
                text-align: left;
                padding-left: 0px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: left;
                font-size: 36px;
                line-height: 46px;
                margin: auto;
                margin-top: 69px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:30px;
                margin-top: 30px;
            }
            .croitre-reasons h3{
                text-align:left;
                font-size: 50px;
            }
            .croitre-reasons h4 {
                font-size: 33px;
                text-align: left;
            }
            .croitre-reasons h5 {
                line-height: 33px;
                font-size: 19px;
                text-align: left;
            }
            .croitre-chatbot-section ul{
                padding-left:45px;
            }
            .croitre-reasons p {
                font-size: 19px;
                line-height: 34px;
                text-align: justify;
            }
            .croitre-chatbot-section {
                padding-bottom: 20px;
                padding-bottom:20px;
                margin-bottom: 30px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 50px;
                text-align: left;
                padding-left: 33px;
            }
            .croitre-chatbot-section h4 {
                font-size: 25px;
                text-align: left;
                padding-left: 33px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
               padding: 10px 36px 10px 36px;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
                height: 450px;
            }
            .croitre {
                font-size: 54px;
                font-weight: normal;
                
                color: #fff;
                line-height: 60px;
            }
            .contact-form{
                margin-bottom: 45px;
            }
            .contact-form h2 {
                font-size: 35px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 21px;
            }
            .contact-form h4 span {
                font-size: 21px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:40px;
                padding-bottom:40px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin:20px;
            }
		}	
		
		
		/* Media 1200 to 1400 pixels*/
		@media (min-width: 1401px) and (max-width: 1800px) {
		    span.envelope{
		        display:none;
		    }
		    span.phone{
		        display:none;
		    }
		    span.clock{
		        display:none;
		    }
		    .navbar-right {
                float: right !important;
                margin-right: -18px;
            }
		   .navbar-brand > img {
                height: auto;
                padding: 0px;
                width: auto;
                max-width: 200px;
            }

		    .header-blog p {
                padding: 5px 30px 30px 30px;
                text-align: left;
            }
		    .header-blog h3 {
                font-size: 40px;
                font-weight: bold;
                padding-left: 30px;
            }
            .header-blog-main-section {
                
                min-height: 603px;;
                padding: 0px;
            }
            .header-blog {
                padding: 1px 1px 7px 3px;
                background: rgba(255,255,255,0.89);
                margin-top: 100px;
                height: auto;
                padding-top: 30px;
                padding-bottom: 30px;
            }
           
            .myBtn {
                text-align: center;
                font-size: 13px;
                margin-left: 30px;
            }
            .areas-section {
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .fa-icon-services .icons {
                text-align: center;
                background: #2c618c;
                padding: 10px 0px 10px 0px;
                margin: 0px 31px 0px 31px;
                color: #fff;
                font-size: 51px;
            }
           
            .navbar-brand img{
                height: 50px;
                margin-top: 11px;
            }
            .croitre-cat a h3 {
                font-size: 17px;
            }
            .croitre-cat a img {
                max-width: 126px;
            }
            .croitre-welcome-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-welcome-section h2 {
                text-align: left;
                padding-left: 30px;
            }
            .croitre-welcome-section p {
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
            }
            .croitre-india-section{
                padding-top:0px;
            }
            .croitre-india-section h1{
                text-align: justify;
                font-size: 29px;
                line-height: 42px;
            }
            .croitre-reasons-icon-section{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-reasons h3{
                text-align:left;
                font-size: 50px;
            }
            .croitre-reasons h4 {
                font-size: 33px;
                text-align: left;
            }
            .croitre-reasons h5 {
                line-height: 33px;
                font-size: 19px;
                text-align: left;
            }
            .croitre-chatbot-section ul{
                padding-left:45px;
            }
            .croitre-reasons p {
                font-size: 19px;
                line-height: 34px;
                text-align: justify;
            }
            .croitre-chatbot-section {
                padding-bottom: 20px;
                padding-bottom:20px;
            }
            .fa-icon-services {
                text-align: center;
                max-width: 300px;
                display: block;
                margin: auto;
            }
            .croitre-chatbot-section img{
                max-width: 280px;
                margin: auto;
                display:block;
            }
            .croitre-chatbot-section h2 {
                font-size: 50px;
                text-align: left;
                padding-left: 33px;
            }
            .croitre-chatbot-section h4 {
                font-size: 25px;
                text-align: left;
                padding-left: 33px;
                padding-bottom: 10px;
            }
            .croitre-chatbot-section .myBtn{
                padding: 10px 36px 10px 36px;
            }
            .croitre-clients-section{
                background-size: cover;
                padding:20px;
                height: 450px;
            }
            .croitre {
                font-size: 54px;
                font-weight: normal;
                
                color: #fff;
                line-height: 60px;
            }
            .contact-form{
                margin-bottom: 45px;
            }
            .contact-form h2 {
                font-size: 35px;
                padding: 10px 0px 0px 10px;
            }
            .contact-form h4 {
                font-size: 13px;
            }
            .contact-form h4 span {
                font-size: 21px;
            }
            .contact-form .testimonial-blog{
                padding: 0px 0px 10px 10px;
            }
            .contact-form .testimonial-image{
                padding:0px;
            }
            .testimonial-image .attachment-full{
                margin:auto;
                display:block;
            }
            .testimonial-image p{
                text-align: center;
            }
            .croitre-technologies-we-used{
                padding-top:0px;
                padding-bottom:0px;
            }
            .croitre-technologies-we-used h2{
                padding-bottom: 0px;
            }
           .croitre-lets-talk{
               padding-top:0px;
               padding-bottom:0px;
           }
           
           form .col-gap {
                padding-right: 15px !important;
                padding-bottom: 15px;
            }
            .croitre-technologies-we-used img {
                margin: 20px;
            }
		}	
			
/************* PORTFOLIO PAGE MEDIA SCREEN ***************/		
		
			@media (min-width: 201px) and (max-width: 752px) {
			    .site-title{
			        text-align:center;
			    }
			}
		
    		
/******************** SERVICES PAGES*****************************/		
.section-title h3 {
    border-left: 2px solid #fff;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    padding-top: 10px;
    margin-top: 30px;
    text-shadow: 1px 3px #2c618c;
    
    padding-left:10px;
    }
.section-title p {
    color: #f2e8e8;
    font-size: 18px;
    line-height: 34px;
    text-align: justify;
    padding-left: 20px;
}
/***************Website development page**********/
/*Banner*/
.web-banner{
	background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/WEB-DEVELOPMENT.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: bottom;
    margin-top: -20px;
}
.web-tech {
    margin: 50px 20px 20px 20px;
    background-color: #fff;
    max-height: 400px;
    width: 350px;
    opacity: 1;
    box-shadow: 3px 3px 0px #dddddd40;
    border-radius: 4px;
    text-align: left;
    padding: 10px 20px 20px 20px;
}
.web-tech h2 {
    color: #2c618c;
    font-size: 21px;
    font-weight: normal;
    font-family: geor;
}

.web-tech-list{
	color:#2c618c;
}

.web-tech-list p{
   
    color: #2c618c;
    font-size: 15px;
    line-height: 24px;
    
}

.web-tech-list p i{
    color: #2c618c;
}
.web-tech a{
	margin-top:15px;
	text-decoration: none;

}
/*Slider*/
.web-slider h2 {
    padding-top: 20px;
    color: #2c618c;
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 20px;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
    height: 370px;
}
.slick-slide img:hover{
	box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.77);
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slider-btn .btn-info {
    color: #fff;
    background-color: #2c618c;
    border-color: #2c618c;
    padding-right: 90px;
    padding-left: 90px;
    border-radius: 0px;
    font-size: 16px;

}
.web-desc-inner b{
    
    font-weight: normal;
    color: #2c618c;
    }
/*description*/
.web-description h2 {
	padding: 0px 0px 0px 12px;
    color: #fff;
    font-size: 30px;
    
    padding-bottom: 20px;
}
.web-desc-inner h4{

    font-size: 20px;
    
    padding-bottom: 10px;

}
.web-desc-inner p{
    font-size: 14px;
    text-align: justify;
    font-weight: normal;
}
.web-description center a.myBtn{
    border:1px solid #fff;
}


/**********************Digital Marketing Page******************************/
.digital-banner{
	background: linear-gradient(10deg,#00000080,#393b3c),url(./img/digi.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: bottom;
    margin-top: -19px;
}
.digital-content-text{
	background-color: #fff;
}
.digital-text{

}
.digital-text p{
	color: #7a7a7a;
	line-height: 30px;
	text-align: justify;
	 font-size: 16px;
}
.digital-content-section{
    margin-top: -30px;
}
.digital-content-text p {
    color: #7a7a7a;
    line-height: 30px;
    text-align: justify;
    font-size: 16px;
}
.digital-content-icon img {
    border-radius: 5px;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    box-shadow: 4px 5px 3px #908b8b;
}

.payment-integration-icon img {
    border-radius: 5px;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    box-shadow: 4px 5px 3px #908b8b;
}
.digital-content-icon {
    padding-top: 35px;
    border-right: 1px solid #f2f2f2;
    padding: 15px;
    background: #f2f2f2;
    box-shadow: 2px 2px 2px #dddddde6;
    min-height: 398px;
}

.payment-integration-icon {
    padding-top: 35px;
    border-right: 1px solid #f2f2f2;
    padding: 15px;
    background: #f2f2f2;
    box-shadow: 2px 2px 2px #dddddde6;
    min-height: 100px;
}

.right-border{
	border-right: none;
}
.digital-title h2{
	text-align: center;
    font-size: 21px;
    color: #2c618c;
    padding-bottom: 20px;
}

.digital-desc p{
	text-align: justify;
    line-height: 21px;
    font-size: 13px;
}

/********************E-comm Page****************************/

.e-comm-banner{
	background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/eCommerce--Animated-GIF.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: bottom;
    margin-top: -19px;
}
.e-comm-content-text{
	background-color: #fff;
}
.e-comm-text{
	padding-top:50px; 
}
.e-comm-text p{
	color: #7a7a7a;
	line-height: 30px;
	text-align: justify;
	 font-size: 16px;
}
.e-comm-content-section{
	
}
.e-comm-content-icon img {
    border-radius: 5px;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    box-shadow: 4px 5px 3px #908b8b;
}
.e-comm-content-icon{
    padding-top: 35px;
    border-right: 1px solid #f2f2f2;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #f2f2f2;
    box-shadow: 2px 2px 2px #dddddde6;
    min-height:365px;
}
.right-border{
	border-right: none;
}
.e-comm-title h2{
	text-align: center;
    font-size: 21px;
    color: #2c618c;
    padding-bottom:20px;
}

.e-comm-desc p{
	text-align: justify;
    line-height: 21px;
    font-size: 13px;
}

/********************Mobile App Page*******************/
.app-banner{
	background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bg/image.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: top;
    margin-top: -19px;
}
.app-content-text{
	background-color: #fff;
}
.app-text{
	padding-top:50px; 
}
.app-text p{
	color: #7a7a7a;
	line-height: 30px;
	text-align: justify;
	 font-size: 16px;
}

.app-content-section{
}
.app-content-icon img {
    border-radius: 5px;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    box-shadow: 4px 5px 3px #908b8b;
}
.app-content-icon{
	border-right: 1px solid #f2f2f2;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #f2f2f2;
    box-shadow: 2px 2px 2px #dddddde6;
    min-height: 408px;
}
.app-title h2{
	text-align: center;
    font-size: 21px;
    color: #2c618c;
    padding-bottom:20px;
}

.app-desc p{
	text-align: justify;
    line-height: 21px;
    font-size: 13px;
}

.app-content-icon i{
	font-size: 20px;
	color: black;
}
.circle-icon i{
    background: #2c618c;
    padding:13px;
    border-radius: 50%;
}
th.blank-th {
    font-size: 22px;
    text-align: center;
    color: #0863c2;
    padding-left: 142px!important;
}
th.center-th {
    font-size: 22px;
    text-align: center;
    color: #0863c2;
    padding: 21px!important;
}
.table>tbody>tr>th{
     border-bottom: 1px solid #ddd;
}
.table>tbody>tr>td{
     border-bottom: 1px solid #ddd;
}
.app-table{
    margin-top: 50px;
}

/**********Testing Page****************/
.test-banner{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/Add.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: center;
    margin-top:-19px;
}


.payment-gateway{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/transitionselect_payment.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: center;
    margin-top:-19px;
}

/****************Support And Maintenance page**************************************/
.support-banner{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/web-design-gif.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: center;
    margin-top:-19px;
}
.support-section{
    padding: 20px;

}
.support-title h3{
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}
.support-des h3{
    text-align: justify;
    font-size: 14px;
    line-height: 25px;
}
/*accordion*/
.accordion-parent .panel a{
    text-decoration: none;
    font-size: 15px;
    color: #000;
}
.accordion-parent .panel-title  i{
    float: right;
}

.accordion-parent .panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    color: inherit;
    
}
.accordion-parent .panel-group .panel {
    margin-bottom: 15px;
    border-radius: 0px;
}
.accordion-parent .panel-group .panel-heading {
    border-bottom: 1px solid #ddd;
   background-color: #f5f5f5;
}

.accordion-parent .panel-group .panel-heading:hover{
    background-color: #2c618c;
    color: #fff;
}

/****************bulk-sms-page***********************/
.bulk-text{
    margin-top: 50px;
    margin-bottom: 50px
}
.bulk-text p{
    font-size:16px;
}
.bulk-icon i{
    color: #fff;
    font-size: 30px;    
}
.bulk-title h3{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2c618c;
}
.bulk-catg{
     margin-top: 70px;
}
.bulk-icon-title {
}
.bulk-icon-title h3{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    
}
.bulk-icon-text h3{
    font-size: 15px;
    line-height: 27px;
    text-align: justify;

}
.bulk-banner{
    background: linear-gradient(10deg,#00000080,#393b3c),url(./img/bulk-sms.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: center;
    margin-top: -19px;
}
.border-bulk{
    padding: 20px;
}