*{margin:0;padding:0;}
body{font-family: "Gill Sans", sans-serif;}
body a{text-decoration: none;-webkit-transition: 0.5s all;}
body a:hover{text-decoration: none;-webkit-transition: 0.5s all;}
topbar{background: silver;padding: 20px;}

ul.navbar-nav li.nav-item.active a.nav-link{color:#ff6600;}
ul.navbar-nav li.nav-item a.nav-link{color:#000000;}
ul.navbar-nav li.nav-item a.dropdown-item{color:#000000;}

ul.navbar-nav li.nav-item a.nav-link:hover{color:#ff6600;}
ul.navbar-nav li.nav-item a.dropdown-item:hover{color:#ff6600;}
ul.navbar-nav li.nav-item{margin-left: 40px;}


/*header*/

a.navbar-brand{width:5em;}
.navbar-expand-lg .navbar-collapse{margin-left:0px;}
li.nav-item{margin-left:12px;}
li.nav-item.book{background:silver;}


/*--------- particle------*/


 /*--Banner--*/
    #banner {
    background-image: linear-gradient(to right,#333,#000);
    color: #fff;
    padding-top: 5%;
    position: relative;
    text-align: justify;padding: 50px 0px 50px 0px;
    }
    .child-1 {
    position: absolute;
    z-index: 1000;
    width: 100%;
    }
   
    
    /*--Particle--*/
    #particles-js{
    background: transparent;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 23.75rem;
    }
    



/*firstbox*/

.sidebar {
    border-width: 0 0 0 1px;border-left: 1px solid #ebebeb;padding-left: 30px;
}
.title-separator-primary {
    height: 1px;
    position: relative;
    margin-top: 15px;background: #ebebeb;
}
.title-separator-primary::after {
    content: "";
    top: -1px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 3px;
    position: absolute;
    z-index: 1;
}
 .title-separator-primary::after{background: #ff6600;}
.special-color {
    color: #ff6600;
}

/*icon button*/
* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*our latest work*/
.carousel-indicators {bottom: -10px;}
p.our-work{text-align: center;font-size:15px; font-weight: bold;margin-top:5px;}

/*intro-contact*/

div.first_column{
                 width:32%;height:185px;border-radius:8px;background: #DFEAF5;color:black; 
                }
div.second_column{
                 width:32%;margin:0px 10px 0px 10px;height:185px;border-radius: 8px;background: #DFEAF5;float:left; color:black;margin:0px 22px 0px 22px;
                 }
div.third_column{
                width:32%;height:185px;border-radius: 8px;background: #DFEAF5; color:black; 
                }



*---footer----------*/
ul.footer-ul li a{text-decoration:none;color:white;}
.footer-ul li {
  
    padding: 5px 0 4px 0px;
}


.boxa {
    width: 100%;
    height: 3px;
    display: block;
    margin: 0 0 20px;
}
.box2 span {
    font-size: 0;
    height: 100%;
    display: inline-block;
    position: relative;
    top: -15px;
    background: #f68420;
    width: 60px;
}

.footer-blog-image{margin-top:20px;}
 p.footer-p{color:white;text-align:left;}
div.footer-separator{margin-top:10px;}

ul.footer-social{list-style: none;display: inline-block;}

ul.footer-social li{display: inline-block;border:1px solid white; padding:8px;font-size: 22px;}

/*website design section*/

.xs-info-img
{
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-timing-function:cubic-bezier(.54,.085,.5,.92);
animation-timing-function:cubic-bezier(.54,.085,.5,.92);
-webkit-animation-name:floating;animation-name:floating;
-webkit-animation-duration:5s;
animation-duration:5s}


@-webkit-keyframes floating

{
0% {-webkit-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
50% {-webkit-transform:rotateX(0) translateY(15px);transform:rotateX(0) translateY(15px)}
to{-webkit-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
}



/*heading-line*/

.heading {
	position: relative;
	z-index: 5;
}

.heading .heading-title {
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 20px;
}



.heading .heading-line {
	margin-bottom: 20px;
	position: relative;
}

.heading .heading-line .short-line {
	display: inline-block;
	width: 30px;
	height: 3px;
	background-color: #ff6600;
	border-radius: 10px;
	position: relative;
	margin-right: 10px;
	transition: all .4s linear;
}

.heading .heading-line .long-line {
	display: inline-block;
	width: 100px;
	height: 3px;
	background-color: #ff6600;
	border-radius: 10px;
	position: relative;
	transition: all .4s linear;
}

.heading:hover .heading-line .short-line {
	width: 0;
	animation: move-short 1.5s infinite linear;
}

@keyframes move-short {
	100% {
		width: 140px;
		margin-right: 0;
	}
}

.heading:hover .heading-line .long-line {
	width: 130px;
	animation: move 1.5s infinite linear;
}

@keyframes move {
	100% {
		width: 0;
	}
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #1c5a5a;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#ff6600;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/*footer bottom*/
.footer_right{margin:0 auto; background: silver;}
p.right_reserved{text-align: center;margin:0px;}

/*company experience*/
.company_profile
{

    font-size:19px;
    font-weight:bold;
    text-align:center;
    border-radius:10px;
    margin-right: -2em;
    margin-left: -2em;
    padding: 3em 3em 1em;
    background: rgba(255,255,255,.8);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2);
}

/*intro and services*/
h1.first_title{font-weight: 100;
    font-size: 56px;
    line-height: 1;
    margin-bottom: 50px;
    color: #ff6600;
    //font-family: Poppins-Thin;text-align: center;
}

.box-a {
  width: 98vw;
  height: 15vh;
  background-color: white;
}
.box-a:after {
  content: ' ';
  border-top: 15vh solid #ff6600;
  border-right: 98vw solid transparent;
  width: 0;
  position: absolute;
}
.container-fluid {
    padding: 0px;
}

/*our services*/

.info_box {position: relative;margin: 0 0 30px; }
.info_box.align_center { text-align: center; }
.info_box h4 { color: #263340;margin: 0 0 13px; }
.info_box h4:before {display: none; }
.info_box p {margin: 0 0 14px;line-height: 22px;color: #222222; }
.info_box .read_more {text-transform: lowercase;font-weight: 700;font-size: 13px;transition: color 0.2s linear;color: #222222; }
    

.info_box .read_more .stm_icon { margin: 3px 0 0 5px; font-size: 12px; vertical-align: middle; color: #33ccff; }
.info_box .read_more span { vertical-align: middle; line-height: 13px; }
.info_box .read_more:hover { color: #33ccff; text-decoration: none; }
.info_box.style_3 {overflow: hidden; }
 .info_box.style_3:hover .info_box_text {padding-top: 38px;top: 0; }
.info_box.style_3 .info_box_text {
      position: absolute;
      left: 0;
      top: 163px;
      right: 0;
      bottom: 0;
      background: rgba(38,51,64,0.9);
      padding: 17px 30px 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; 
      }

.info_box.style_3 .info_box_text .title {margin-bottom: 8px; }
.info_box.style_3 .info_box_text .title:after {content: "";display: table;clear: both; }
.info_box.style_3 .info_box_text .title .icon {
          color: #33ccff;
          font-size: 40px;
          display: table-cell;
          vertical-align: middle;
          padding: 0 12px 0 0; }



        .info_box.style_3 .info_box_text .title h6 {
          color: #fff;
          display: table-cell;
          vertical-align: middle;
          padding-top: 0;
          margin: 0;
          font-weight: 700; }


      .info_box.style_3 .info_box_text p {
        margin: 0 0 20px;
        color: #fff;
        padding-left:0px;
        font-size: 13px;
        line-height: 24px; }


      .info_box.style_3 .info_box_text .read_more {
        text-transform: lowercase;
        font-weight: 700;
        font-size: 13px;
        transition: color 0.2s linear;
        color: #33ccff;
        padding-left: 55px; }


        .info_box.style_3 .info_box_text .read_more .stm_icon {
          margin: 2px 0 0 5px;
          font-size: 12px;
          vertical-align: middle;
          color: #33ccff; }


        .info_box.style_3 .info_box_text .read_more span {
          vertical-align: middle;
          line-height: 13px; }


.info_box.style_3 .info_box_text .read_more:hover {color: #fff;text-decoration: none; }
.info_box.style_3 .info_box_text .read_more:hover .stm_icon{color: #33ccff;} 
.info_box.style_3 .info_box_image {margin: 0;}
.info_box_image {position: relative;margin: 0 0 3px;}
.info_box_image img {max-width: 100%;height: auto;}


/*our client say*/

/*------------------------five--------------*/
p.testimonial{color: white;font-size: 18px;}
p.overview{color: white;}

.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    
}
.carousel .item a {
	color: #eb7245;
}
.carousel .img-box {
	width: 145px;
	height: 145px;
	margin: 0 auto;
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {	
	padding: 30px 0 10px;
}
.carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
}
.carousel .overview b {
	color: #333;
	font-size: 15px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px;
}
.carousel .star-rating i {
	font-size: 18px;
	color: #ffdc12;
}
.carousel .carousel-control {
	width: 30px;
	height: 30px;
	border-radius: 50%;
    background: #999;
    text-shadow: none;
	top: 4px;
}
.carousel-control i {
	font-size: 20px;
	margin-right: 2px;
}
.carousel-control.left {
	left: auto;
	right: 40px;
}
.carousel-control.right i {
	margin-right: -2px;
}

/*about-us*/

/*-------------aboutus------------*/


.short-image-title {
    text-align: center;
    margin-top: 25px;
}
.second-color{color: #ffffff;}
.subtitle-margin {
    margin-bottom: 8px;
    margin-top: -2px;
}
h5.subtitle-margin.second-color{font-size: 15px;
    letter-spacing: 2.5px;
    font-weight: normal;text-transform: uppercase;
    margin: 0;
    line-height: 1em;font-family: inherit;line-height: 1em;margin-bottom:10px;}
div.short-title-separator{background: #3797dd;width: 80px;
    height: 3px;
    margin: auto;
    margin-top: 15px;}

h2.second-color{font-size: 22px;text-transform: uppercase;
    margin: 0;
    line-height: 1em;font-family: inherit;
    font-weight: 500;font-weight:bold;}

/*contact us*/

div.contactbg{
    background: #f5f5f5;margin-top: 20px;padding: 10px 10px;border- radius: 10px;
             }

div.margtop{padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 7px;
    float: left;
    margin-bottom: 24px;
    position: relative;
    width: 100%;
    min-height: 310px;
    background: #fff;}

i.fa.fa-street-view.aa{margin-right:8px;float: left;font-size: 30px;
    border-radius: 50%;
    border: 1px solid;
    padding: 5px 11px;
    color:#1c5a5a;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;width: 45px; height: 45px;}

i.fa.fa-envelope.fa-sm.aa{margin-right:8px;float: left;font-size: 22px;
    border-radius: 50%;
    border: 1px solid;
    padding: 11px 11px;
    color: #1c5a5a;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;width: 45px; height: 45px;}

i.fa.fa-phone.aa{margin-right:8px;float: left;font-size: 27px;
    border-radius: 50%;
    border: 1px solid;
    padding: 9px 11px;
    color:#1c5a5a;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;width: 45px; height: 45px;}



/*---our package--*/
table.package{width:100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
table.package tr{background: #e3e3e3; width:100%;text-align: center;height:38px;}
table.package tr.one{background:#f6f6f6;}
table.package tr.one.ff{background:#FA8E57;height:70px;font-size: 18px;color:white;}
table.package tr.second{height: 70px;background: #ff6600;color:white;font-size:20px;transition: box-shadow 0.25s ease;}



.portfolioimg-block {
    position: relative;
}
.portfolioimg-block .overlay-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,.75);
    box-shadow: inset 0 0 487px 4px rgb(0 0 0 / 70%);
    opacity: 0;
}
.text-block-head {
    display: flex;
    justify-content: center;
    max-width: 400px;
    padding: 30px;
    width: 100%;
    height: 100%;
    color: #fff;
    flex-direction: column;
    margin: 0 auto;
}

.portfolioimg-block:hover .overlay-block{opacity:1;transition:.5s}
table.graphics{width:70%;text-align: center;}
  table.graphics tr{height: 40px;background-color: #663A82; color: #fff !important;text-transform: uppercase;border: 2px solid #663A82;
    font-weight: 600;
    }
table.graphics tr{margin:0px 20px 0px 25px;}

div.aa {border:1px solid #0e72b7;width:45%; float:left;padding: 1% 0;text-transform: uppercase;background: #0e72b7;color:white;}
div.aaa{border:1px solid #0e72b7;width:45%; float:right;padding: 1% 0;text-transform: uppercase;background: #0e72b7;color:white;}
div.bb{border:1px solid #0e72b7;width:45%; float:left;padding: 1% 0;text-transform: uppercase;background: #0e72b7;color:white;margin-top:10px;}
div.bbb{border:1px solid #0e72b7;width:45%; float:right;padding: 1% 0;text-transform: uppercase;background: #0e72b7;color:white;margin-top:10px;}

div.aa:hover{border:1px solid #0e72b7;width:45%; float:left;padding: 1% 0;text-transform: uppercase;background: white;color:#0e72b7;}
div.aaa:hover{border:1px solid #0e72b7;width:45%; float:right;padding: 1% 0;text-transform: uppercase;background: white;color:#0e72b7;}
div.bb:hover{border:1px solid #0e72b7;width:45%; float:left;padding: 1% 0;text-transform: uppercase;background: white;color:#0e72b7;margin-top:10px;}
div.bbb:hover{border:1px solid #0e72b7;width:45%; float:right;padding: 1% 0;text-transform: uppercase;background: white;color:#0e72b7;margin-top:10px;}




.footer-right{background:#1c5a5a;color:white;padding: 7px;font-size: 15px;}
ul.footer-ul li a{color:white;}
ul.footer-ul li a:hover{color:#ff6600;}
p.footer-p a{color:white;}
p.footer-p a:hover{color:#ff6600;}
ul.footer-social a{color: white;}
ul.footer-social a:hover{color:#ff6600;}
/*---------------------triangle-------*/
.thrive-breadcrumb {
    border-bottom: 1px solid rgb(204, 204, 204);
    position: relative;
}
.thrive-breadcrumb:before {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FF6600;
    position: absolute;
    content: "";
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    z-index: 99;
    top: auto;
    display: block!important;
}

.thrive-breadcrumb:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -13px;
    z-index: 9;
    background-repeat: no-repeat;
    border: solid #b1b4ae;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 25px;
    height: 25px;
    background: none #FFF;
    right: 0;
    margin: auto;
}

.thrive-breadcrumb::before, .thrive-breadcrumb::after {
    box-sizing: inherit;
}


/*----------------*/
.pulse{cursor: pointer;  animation: pulse 1s infinite;}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(101,252,203,0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 8px rgba(101,252,203,0.5);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(101,252,203,0.5);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(101,252,203,0.5);
    box-shadow: 0 0 0 0 rgba(101,252,203,0.5);
  }
  70% {
      -moz-box-shadow: 0 0 0 8px rgba(187,40,45, 0);
      box-shadow: 0 0 0 8px rgba(101,252,203,0.5);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(101,252,203,0.5);
      box-shadow: 0 0 0 0  rgba(101,252,203,0.5);
  }
}


/*guest blogging*/

.design-heading {
    font-size: 35px !important;
    line-height: 1.3;margin:0 auto;}
.orange-color {
    color: #ff6600 !important;font-size: 30px;
}


/*home page*/

div.carousel-inner{height: 555px;}
h4.sidebar-title{font-size: 1.38em;}
div.container.first{padding: 40px 40px 40px 40px;}
div.container.second{padding: 40px 40px 40px 40px;}
img.cc{width:350px;height:250px;}
img.web_a{margin-left:20px;}
div.container.third{padding: 40px 40px 40px 40px;}

h3.title-one{text-align:left;margin:0px;}
p.company{font-size: 45px; color: #000;margin-top: 10px;}
i.fa.fa-laptop.company{font-size: 45px;color: #1c5a5a;}
i.fa.fa-users.company{font-size: 45px;color: #1c5a5a;}
i.fa.fa-handshake-o.company{font-size: 45px;color: #1c5a5a;}
p.experience{color: #FF6600;font-size: 20px;}

div.container.four{padding: 100px;}

p.company_profile{padding: 30px;}
div.testimonial-box{width: 65%;vertical-align: middle;margin: 0 auto;padding:30px 0px 30px 0px;}
div.carousel-inner.testomnial{height:350px;}
div.carousel-inner.testimonial-slider{height:250px;}
p.top_content{color: white;margin:5px 0px 0px 0px;font-size: 17px;}



/*clutch*/
div.clutch-practices-points{background: #ff6600;}
ul.clutch-practices-points-item-tab.nav.flex-column.nav-tabs li.nav-item.clutch:hover{background:#fff !important;color:#ff6600 !important;}

a.nav-link.clutchs{color:white;}
a.nav-link.clutchs:hover{color:#000;}





/*contact us*/
h4.contact-us{padding: 12px 0px 25px 0px;font-size: 21px;font-weight: bold;}
div.container.contact{padding: 0px 0px 30px 0px;}
div.container.contact-two{padding: 10px 0px 40px 0px;}

/*about us*/
div.container.about-us{padding: 25px 0px 25px 0px;}
div.container.about-us-2{padding:15px 0px 25px 0px}
div.container.about-us-three{padding: 40px 0px;}
img.about{width: 80%;}
h2.about-c{font-size: 32px;font-weight: 500;}
h2.about-a{font-size: 32px;font-weight: 500; color: #ff6600;}
img.img.about.a{margin-top:17px;margin-left:24%;}
img.img.about.b{margin-top:25px;margin-left:24%;}
img.img.about.c{margin-left:24%;}
img.img.about.d{margin-top:26px;margin-left:24%;}
 p.about-h{font-size:22px;font-weight: 500;color: #ff6600;margin-bottom: 0px;margin-top: 20px;}
p.about-hh{font-size:20px;text-transform: uppercase;margin-bottom: 15px;}

/*our package*/

div.container.package{padding:40px;}
/*graphics*/
p.graphics{text-align: center;font-size: 38px;color: white;}
h2.graphicss{font-style: normal;font-weight: 900;font-size: 56px;line-height: 64px;letter-spacing: 2px;text-align: center;color: white;}
p.graphicsss{text-align: center;font-size:25px;color: white;margin-top:30px;}
div.container.graphics{padding: 40px 0px;}
div.col-sm-6.graphics-two{text-align: justify; padding:0px 40px 20px 20px;}
    div.graphics{margin-top:30px;}
div.container.website-design{padding: 40px 0px;}
h2.website-design{font-size: 30px;font-weight:bold;}

h2.website-redesign{font-style: normal;font-size: 30px;line-height: 64px;color:#000;font-weight: bold;}

/*seo*/
div.container.seo{padding: 50px 0px 50px 0px;}
h1.seo{font-size: 48px !important; line-height: 1.2em !important;color: #666666;
                 text-transform: none !important;text-align: center;} 
p.seo{font-size:25px;text-align: center;margin-top: 30px;color: #666666;}
 h2.seo{font-size: 40px !important; line-height: 1.2em !important;color: #666666;
text-transform: none !important;text-align: center;}
p.seo-two{font-size:25px;text-align: center;margin-top: 30px;}
div.container.seo-two{padding: 50px 0px 50px 0px;}
div.container.layer{padding: 30px 0px 30px 0px;}
div.container.layer-two{padding: 30px 0px 30px 0px;}
h6.layer{font-size: 25px;margin-top: 20px;font-weight: bold;color: #1c5a5a;}
p.layer{font-size:20px;margin-top: 30px;}

/*guest blogging*/
div.container.guest{padding: 30px 0px 30px 0px;}
img.guest{width: 80%;}
div.guest.two{border: 1px dashed #ff6600;padding: 30px;height:320px;}

@media only screen and (max-width: 1200px)  
{
    p.top_content{font-size: 14px;}  
    ul.navbar-nav li a{font-size: 13px;}
    div.first_column{width:30%;}
    div.second_column{width:30%;}
    div.third_column{width:30%;}
    h4.sidebar-title {font-size: 19px;}
    div.container.first {padding: 40px 0px 40px 0px;}
    p.qq{margin-right:25px;}
    div.container.second {padding: 40px 0px 40px 0px;}
    h1.first_title {font-size: 45px;}
    img.web_a {margin-left: 0;width:90%;}
    
    
    
    
    
}


@media only screen and (max-width: 600px)  
{
    /*home page*/
    div.carousel-inner{height:225px;}
    div.first_column{ width:100%;height:185px;border-radius:8px;background: #DFEAF5;color:black;clear:both;margin:0 auto;}
    div.second_column{width:100%;height:185px;border-radius: 8px;background: #DFEAF5; color:black;clear:both;margin:0 auto; margin-top:20px;margin-bottom: 20px;}
    div.third_column{width:100%;height:185px;border-radius: 8px;background: #DFEAF5; color:black; clear:both;margin:0 auto;}
    h4.sidebar-title{font-size: 17px;}
    div.container.first{padding: 40px 40px 0px 40px;}
    h1.first_title {font-weight: 100;font-size: 21px;margin-bottom: 20px;text-align: justify;}
    p.intro{text-align: justify;}
    div.container.second{padding: 40px 40px 20px 40px;}
    img.cc{width:100%;}
    img.web_a{margin-bottom: 30px;width: 70%;}
    h3.title-one{text-align:left;margin:0px;font-size: 20px;}
    p.company{font-size: 25px; color: #000;margin:0px;}
    i.fa.fa-laptop.company{font-size: 25px;color: #1c5a5a;}
    i.fa.fa-users.company{font-size: 25px;color: #1c5a5a;}
    i.fa.fa-handshake-o.company{font-size: 25px;color: #1c5a5a;}
    p.experience{color: #FF6600;font-size: 15px;}
    div.container.four{padding: 30px;}  
    .company_profile{padding:0px;margin: 0px;}
    div.testimonial-box{width: 100%;vertical-align: middle;padding:30px 0px 30px 0px;}
    div.col-sm-4.footer{padding: 10px 50px 30px 50px;}
    div.col-sm-2.footer{padding: 10px 50px 30px 50px;}
    div.col-sm-3.footer{padding: 10px 50px 30px 50px;}
    .navbar-light .navbar-toggler {margin-left: 12em;}
    div.col-sm-5.top-content{display:none;}
    p.top_content{ text-align:center;font-size: 14px;}
    
    /*contact us page*/
    
    h4.contact-us{padding: 12px 0px 25px 0px;font-size:17px;font-weight: bold;}
    i.fa.fa-street-view.aa {font-size: 24px; padding: 1px 6px;width: 35px;height: 35px;}
    h5{font-size: 17px;margin-bottom:10px;}
    i.fa.fa-envelope.fa-sm.aa {font-size: 19px;padding: 7px 7px;width: 35px;height: 35px;}
    i.fa.fa-phone.aa {font-size: 22px; padding: 4px 7px; width: 35px;height: 35px;}
    div.container.contact{padding: 0px 15px 30px 15px;}
    div.container.contact-two{padding: 10px 15px 40px 15px;}
    div.col-md-12.address-row{margin-top: 15px;}
    
      /* about-us*/
    div.container.about-us{padding: 25px 15px 25px 15px;}
    div.container.about-us-2{padding:15px 15px 25px 15px}
    div.container.about-us-three{padding: 40px 15px;}
    img.about{width: 50%; margin-left: 3em;}
    h2.about-c{font-size: 22px;font-weight: 500;text-align: center;margin-top: 30px;}
     h2.about-a{font-size: 18px;font-weight: 500; color: #ff6600;text-align: center;}
     p.about-h{font-size:20px;font-weight: 500;color: #ff6600;margin-bottom: 0px;margin-top: 20px;}
    p.about-hh{font-size:17px;text-transform: uppercase;margin-bottom: 15px;}
    
    /*our package*/
    div.container.package{padding:25px 15px;}
    
    /*graphics*/
    p.graphics{text-align: center;font-size:23px;color: white;}
    h2.graphicss{font-style: normal;font-weight: 900;font-size:25px;line-height: 64px;letter-spacing: 0px;}
    p.graphicsss{text-align: center;font-size:20px;color: white;margin-top:30px;}
    
    div.container.graphics{padding: 3px 38px;}
    div.graphics{margin-top:30px;}
    div.col-sm-6.graphics-two{text-align: justify; padding:0px 40px 20px 38px;}
    div.container.website-design{padding: 40px 40px;}
h2.website-design{font-size: 20px;font-weight:bold;}
    div.portfolioimg-block{margin-top: 25px;}
    video.w-100{margin-top: 25px;}
    
    h2.website-redesign{font-size:22px;}
    div.container.seo{padding: 50px 20px 50px 20px;}
    h1.seo{font-size:24px !important; line-height: 1.2em !important;color: #000;
                 text-transform: none !important;text-align: center;} 
    p.seo{font-size:17px;text-align:justify;margin-top: 30px;color: #666666;}
    h2.seo{font-size: 24px !important; line-height: 1.2em !important;color: #000;
text-transform: none !important;text-align: center;}
    p.seo-two{font-size:17px;text-align:justify;30px;}
    div.container.seo-two{padding: 50px 25px 50px 25px;}
    img.seo{width:70%;}
    h2.layer{font-size: 20px;line-height: 40px;font-weight: bold;}
    div.container.layer{padding: 30px 25px 30px 25px;}
    div.container.layer-two{padding: 30px 25px 30px 25px;}
    p.layer{font-size:18px;margin-top: 10px;}
    h6.layer{font-size: 23px;margin-top: 20px;font-weight: bold;color: #1c5a5a;}
    /*guest blogging*/
    div.container.guest{padding: 30px 25px 30px 25px;}
    img.guest{width: 50%;}
    div.guest.two{border: 1px dashed #ff6600;padding: 30px;height:320px;}
  

    
    
    
}