@media (max-width:766px) {
.headerx_top{top:0 !important}		
.tt-container {
height:115px!important; margin-top:5px
}
.navxbar-collapse{margin:0 !important}
.services-section h3x {
text-align:center
}
.process-box h3x {
text-align:center
}
.sticky_footer .form-group1 {
width:100%
}
.navxbar-toggle {
margin:20px 0!important
}
.navxbar {
padding:100px 0 10px 0 !important
}
textarea {
height:70px!important
}
.contactUsButton {
padding:10px 0!important
}
.btnx-primary, .btnx-primary1 {
width:100%;
margin-top:10px
}
.sticky_footer {
padding:20px 0
}
.contact-info address {
text-align:left
}
.bg {
min-height:58px
}
.footerx-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
}
.contact-info img, .hero-block-v3 img, table tr td.cell-1, table tr td.cell-2, table tr td.cell-3, table tr td.cell-4 {
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
}
h3x {
text-align:left
}
.mb-30 {
margin:0
}
.sbox-gutter{
text-align:justify;
line-height:1.5em
}
.service-box p, .service-box p {text-align:center; line-height:1.5em}
.service-box{margin-bottom:10px}
.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:center
}
.phone {
font-size:16px; border-radius:8px; margin-top:7px
}
.black, ul.lists li a:hover {
background:0 0
}
.navxbar-brand {
padding:4px 15px; margin:0; height:70px
}
a.con-link {
margin:6px 0 10px 0px
}
.sticky_footer {
position:relative
}
.phone span {
font-size:11px
}
.colx-sm-3, .colx-sm-5 {
padding:0
}
.sticky_footer .form-group {
width:100%;
margin:0 0 10px 0
}
.ico-request {
margin-bottom:10px
}
.navxbar {
min-height:70px
}
.trendy-slider .controls li {
padding:30px 10px
}
.client {
min-height:227px
}
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
.cp-widget-button {display:inline-block;position:fixed;bottom:45%;right:1%;z-index:999999}
.cp-widget-button1 {display:inline-block;position:fixed;bottom:35%;right:1%;z-index:999999}
.social-right{display:none }	
.phone span{font-size:16px}
.sd-header-social, .none{display:none}
ul.lists li a{padding:5px 15px; width:100%; text-align:center}
.phone{width:100%}
a.con-link{width:100%; text-align:center; background:#084b9f url(../images/spriteme1.png) no-repeat 70px 9px; border-radius:8px}
.sd-header-social{margin:0 15%}
ul.lists li{float:left; width:100%}
a.con-link{float:left}
table, tbody, td, th, thead, 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 .btnx {
font-size:14px;
padding:10px 30px
}
.mac-screenshot img, .responsive-screenshot img {
margin:0 auto
}
.service-tab li>a {
padding:20px 10px
}
.navx-tabs.navx-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 .btnx {
min-width:260px
}
.social-icon li {
margin-bottom:10px
}
.sbox-gutter {
border:0
}
.video-wrap iframe {
height:160px;
margin-top:20px
}
.creative-section {
padding:0
}
.navx-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
}
.footerx-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
}
.navx-tabs.navx-justified>li {
display:table-cell;
width:1%
}
.video-wrap iframe {
height:330px
}
}
@media (min-width:768px) and (max-width:991px) {
.navxbar-default .navxbar-nav>li>a {
padding:40px 12px
}
.navxbar-default.sticky .navxbar-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
}
}
