@media (max-width:766px) {
.footer-section1{background:#222}
.page-header h1{font-size:20px; line-height:1.5em}
.page-header p{font-size:14px; line-height:1.5em}
.page-title-section{background-position:0 !important}
.check-circle-list li{text-align:left}
table tr td.cell-2, table tr td.cell-3, table tr td.cell-4, table tr td.cell-1, .hero-block-v3 img, .contact-info img{width:100%}
table tr td{height:auto}
.green1, .red1{margin-top:-14px !important}
table{margin:0}
table tr td:first-child{text-align:center}
.cta-v1{padding:20px 10px}
.cta-v1 h2, .cta-v2 h2, .cta-v3 h2{font-size:17px; text-align:left}
.cta-v1 p, .cta-v2 p, .cta-v3 p{font-size:15px; text-align:left; line-height:1.5em}
.section-title{font-size:22px}
h2{text-align:left; font-size:21px}
.contact-info{margin-top:0}
.sub-title{text-align:justify}
h3{text-align:left}
.process-box h3, .service-box p, .service-box h3{text-align:center !important}
.mb-30{margin:0}
.sbox-gutter .service-box p, .service-box p{text-align:justify; line-height:1.5em}
.cell-1, .cell-2, .cell-3, .cell-4{height:auto}
.background{padding:0}
.ft_links, .ft_links1{min-height:auto}
.follow_area{margin:0 0 15% 0}
.sticky_footer h4{font-size:16px}
ul.lists li a{font-size:11px; padding:5px 17px 5px 0; text-align:left; border-left:0}	
.phone{margin:0; text-align:left}
.phone{font-size:16px}
.black, ul.lists li a:hover{background:none}
.navbar-brand{padding:0 15px}
a.con-link{margin:4px 0 10px 5px}
.sticky_footer{position:relative; padding:20px 0}
.phone span{font-size:11px}
.col-sm-5, .col-sm-3, .col-sm-4{padding:0}
.sticky_footer .form-group{width:100%; margin:0 0 10px 0; float:none}
.ico-request{margin-bottom:10px}
.navbar{min-height:73px}
.trendy-slider .controls li {padding: 30px 10px}
.client{min-height:227px}
.form-group1{width:100% !important}
.btn-primary, .btn-primary1{ margin-top:10px}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr { display: block; width:100% }
thead tr { position: absolute;top: -9999px;left: -9999px;}
tr { border: 1px solid #ccc; }
td { border: none;border-bottom: 1px solid #eee; position: relative;}
td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}
td:nth-of-type(1):before { content: ""; }
td:nth-of-type(2):before { content: ""; }
td:nth-of-type(3):before { content: ""; }
td:nth-of-type(4):before { content: ""; }
td:nth-of-type(5):before { content: ""; }
td:nth-of-type(6):before { content: ""; }
td:nth-of-type(7):before { content: ""; }
td:nth-of-type(8):before { content: ""; }
td:nth-of-type(9):before { content: ""; }
td:nth-of-type(10):before { content: ""; }
}

.trendy-slider .controls li span {
display: none
}
.trendy-slider .carousel-caption {
margin-top: -80px
}
.trendy-slider .carousel-caption h1 {
font-size: 22px;
line-height: 35px;
letter-spacing: 0;
margin-bottom: 0
}
.trendy-slider .carousel-caption p {
font-size: 10px;
margin-bottom: 15px
}
.trendy-slider .carousel-caption .btn {
font-size: 14px;
padding: 10px 30px
}
.mac-screenshot img, .responsive-screenshot img {
margin: 0 auto
}
.service-tab li>a {
padding: 20px 10px
}
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.creative-skills, .process-box {
margin-bottom: 30px
}
#quote-carousel .carousel-indicators {
bottom: -45px;
left: 40%;
width: 90%;
margin-left: -35%
}
#quote-carousel .carousel-control {
bottom: 0
}
#quote-carousel .carousel-control.left {
left: 0
}
#quote-carousel .carousel-control.right {
right: 0
}
.contact-section .btn {
min-width: 260px
}
.social-icon li {
margin-bottom: 10px
}
.sbox-gutter {
border: 0
}
.video-wrap iframe {
height: 160px;
margin-top: 20px
}
.creative-section {
padding: 20px 0 0
}
.nav-tabs>li {
float: none
}
.creative-section h2 {
text-align: left;
font-size: 18px
}
.hero-block-v1 h2 {
font-size: 24px
}
.mt-20 {
margin-top: 0
}
.link_list ul li {
width: 100%
}
.process-box {
width: 100%;
border-radius: 10px
}
#client-slider-v1 .carousel-indicators .active {
height: 51px;
width: 51px
}
.counter-section h1 {
font-size: 19px;
line-height: 1.5em
}
.counter-section strong {
font-size: 30px
}
.counter-wrap {
padding: 10px 0
}
.counter-section {
margin: 20px 0 0
}
.video-main-wrapper {
height: 740px
}
.mainvideo {
height: 912px
}
.bggrayres {
background: #f2f2f2;
text-align: center;
margin-bottom: 10px
}
.case-study-left, .case-study-right {
padding: 0 25px
}
.case-study-section h1 {
line-height: 1.5em;
text-align: left;
font-size: 22px
}
.footer-section {
margin-top: 20px
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.trendy-slider .controls li {
padding: 30px 10px
}
.trendy-slider .controls li span {
font-size: 14px;
display: block
}
.trendy-slider .carousel-caption {
margin-top: -95px
}
.trendy-slider .carousel-caption h1 {
font-size: 33px;
line-height: 56px
}
.trendy-slider .carousel-caption p {
font-size: 14px;
margin-bottom: 25px
}
.service-tab li>a {
padding: 20px 10px;
font-size: 14px
}
.service-tab li span {
display: block
}
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.video-wrap iframe {
height: 330px
}
}
@media (min-width:768px) and (max-width:991px) {
.navbar-default .navbar-nav>li>a {
padding: 40px 12px
}
.navbar-default.sticky .navbar-nav>li>a {
padding: 20px 12px
}
.trendy-slider .controls li {
padding: 30px 10px
}
.trendy-slider .carousel-caption {
margin-top: -142px
}
.trendy-slider .carousel-caption h1 {
font-size: 60px;
line-height: 44px;
letter-spacing: -3px;
margin-bottom: 30px
}
.feature-section .media {
margin: 0 0 40px
}
.creative-skills, .process-box {
margin-bottom: 30px
}
.video-wrap iframe {
height: 200px
}
.sbox-gutter:nth-child(2), .sbox-gutter:nth-child(4), .sbox-gutter:nth-child(6) {
border-right: 0
}
.sbox-gutter:nth-child(3) {
border-right: 1px solid #dedede
}
.sbox-gutter:nth-child(4) {
border-bottom: 1px solid #dedede
}
#quote-carousel .carousel-indicators {
bottom: -45px
}
#quote-carousel .carousel-control {
bottom: 0
}
.case-study-left, .case-study-right {
padding: 60px 25px
}
}
@media (min-width:992px) and (max-width:1199px) {
.video-wrap iframe {
height: 260px
}
}