@media (max-width:1024px){
    .tp-leftarrow,.tp-rightarrow{width:40px!important;height:40px!important}
    .tp-leftarrow{left:-15px!important}
    .tp-rightarrow{left:101%!important}
    .tparrows:before{line-height:25px!important}
    .image-content-list li{margin-bottom:30px}
    .image-content-list li:last-child{margin-bottom:0}
    g .latest-news .news-meta{top:110px}
    .revenue-gallery li{margin-right:10px}
    
}
@media (max-width:992px){
    .portfolio-box.col-4 .portfolio-post{width:50%}
    .team-member{margin-bottom:30px}
    .pricing-box{margin-bottom:30px}
    .latest-news .news-details a{float:left!important}
    .image-content-img{display:none}
    .animated-counter,.progress-chart-feature{padding-bottom:60px}
    .animated-counter-2{margin-bottom:80px!important}
    .feature-5{margin-bottom:30px}
    .block-number{margin-bottom:30px}
    .navbar{min-height:60px}
    .navbar-brand>img{width:100px;height:auto}
    #cssmenu>ul>li>a{padding:20px 5px;}
    .navbar-fixed-top .navbar-brand>img{width:70px;height:auto}
    .navbar.navbar-default .navbar-nav>li>a{padding:10px 8px}
    .navbar-collapse.collapse{margin-top:10px}
    .copyright-section .col-md-6{width:50%!important;display:inline-block}.copyright-section .col-md-6:last-child{float:right}
    
}
@media (max-width:767px){
    .pad100{padding:50px 0}.pad80{padding:40px 0}
    .pad-t100{padding-top:50px}.pad-b70{padding-bottom:25px}
    .navbar-header{text-align:center}
    .navbar-brand{float:none}
    .navbar-brand>img{width:140px;height:auto;display:inline-block}
    .navbar{min-height:85px}.navbar-toggle{margin-top:25px}
    .image-content-img{position:inherit!important;width:100%!important;height:300px!important}.image-content{margin-top:40px}
    .image-content-list li{margin-bottom:30px}
    .image-content-list li:last-child{margin-bottom:0}
    .call-to-action-2{text-align:center}
    .call-to-action-2 a{margin-top:20px}
    .team .tab-content .team-details{margin-top:20px}
    ul.logo-group li{width:33%}
    .call-to-action-simple{margin-bottom:30px}
    .call-to-action-btn{float:left!important}
    ul.filter{margin-bottom:30px}
    .portfolio-box.col-4 .portfolio-post{width:50%}
    .breadcrumb{float:left}
    .copyright,.footer-nav{text-align:center;float:none}
    .copyright-section .col-md-6{width:100%!important;display:inline-block}.right-half,.left-half{display:none}
    .testimonial-carousel-1{margin-bottom:50px}
    .top-header .top-social{text-align:left}
    .top-header .top-phone,.top-header .top-address{/*display:none*/}.breadcrumb{padding-left:0}
    .blog-post .post-content .post-footer .read-more{float:none}
    .blog-post .post-content .post-footer .post-meta{margin-bottom:20px}
    .left-sidebar{margin-bottom:30px}
    .right-sidebar{margin-top:30px}
    .footer-menu ul{text-align:center}
    .switcher-box{display:none}
    .mbl-margin-bottom{margin-bottom:30px}
    .mbl-margin-top{margin-top:30px}
    .banner h1{font-size:50px;line-height:50px}
    .navbar-default #map{margin-bottom:30px}
    #login-modal .modal-dialog{width:100%;}
    
}
@media (max-width:480px){
    .navbar-default .navbar-brand img{width:auto;margin-top:-10px;float:left;margin-left:6%}
    .fa-3x{font-size:15px;float:left;margin-left:-6px;color:#8a8888;margin-right:11px;margin-top:0}
    .parallax-slide-text-2 h1{font-size:32px;line-height:55px}
    ul.filter li{margin-bottom:30px}
    ul.filter li a{padding:6px 15px}
    .portfolio-box.col-4 .portfolio-post{width:100%}
    .portfolio-post img{width:100%!important}
    .latest-news{margin-bottom:30px}
    .latest-news .news-details a{margin-right:30px}
    .right-half,.left-half{display:none}
    .call-to-action-btn{float:none!important}
    .revenue-gallery li{width:25%;margin-right:0}
    .text-section-left{margin-bottom:30px}
    ul.logo-group li{min-width:50%}
    .subscribe-form button,.subscribe-form button:focus{padding:0 10px}
    .top-header .top-phone,.top-header .top-address{display:block;/* width:50%; */float:left;margin-top:2px;}
    .footer-social{display:inline-block}
    .btn-2{display:none!important}
    .pagination>li{float:left;padding-bottom:5px}
    #contactForm span {font-size: 17px;}
    .get_started .logobox img{display:none;}
    #cssmenu #menu-button {margin-top: -50px;}
}

@media screen and (max-width:800px){
    .webdesign_process_body>.item{width:40% !important;}
    
}
@media screen and (max-width:600px){
     .webdesign_process_body>.item{width:100% !important;}
     .who-we-are {margin: 30px 5px;}
}
@media (max-width:320px){
    .banner h1{font-size:35px;line-height:40px}
    
}
@media only screen and (max-device-width:480px) and (min-device-width:320px){.padding10px img{margin:0 auto;text-align:center}
    .wpb_wrapper{width:100%;text-align:center}
    .padding10px{padding:12px}
    .career_first_title{font-size:16px;text-align:center;line-height:120%}.company-facality{width:100%;float:left;padding:0}
    .slide-btn{position:fixed;top:18%;right:0;z-index:9999;margin:0;padding:0;width:auto;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:0 15px 10px #777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #000}
    .slide-btn a.wow.bounceInDown.btn.btn-primary.btn-lg{position:absolute;margin:0;padding:0;width:120px;line-height:3;background:#0185d0;color:white!important;font-size:12px}
    #login-modal .modal-dialog{width:91%;z-index:99999}
    .modal-open .modal{overflow-x:hidden;overflow-y:auto;z-index:100000000000000000}
    .right-call .top-phone.mr10{color:black;font-size:12px;padding:0;width:46%;margin:0;line-height:26px}
    .right-call{color:white;float:right;width:100%;line-height:0;top:8px;position:relative;z-index:1000000000000000}
    .right-call .top-address{font-size:10px;color:#fff;font-weight:400}
    .top-header .social-top{padding-top:4px;/* display:none */}
    .mdl-button,a{font-weight:500;color:#0185d0}
    .right-call{color:white;float:right;width:100%;line-height:0;top:8px;position:relative;z-index:1000000000000000;right:0 !important;}
    .right-call .top-address{font-size:10px;color:#fff;font-weight:400;float:left;width:50%}
    .navbar-fixed-top{position:fixed!important;right:0;left:0;z-index:1100;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;animation-duration:.8s;-webkit-animation-duration:.8s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}.navbar-fixed-top{top:0;border-width:0 0 1px}
    .back-to-top{cursor:pointer;top:90%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:30;filter:alpha(opacity=3000)}
    .back-to-top{position:fixed;z-index:1000;right:25px;bottom:15px;width:40px;top:600px;height:40px;margin:0;background-color:#0b0f1a;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 350ms;-o-transition:opacity 350ms;transition:opacity 350ms;z-index:999999999;border-radius:100%;border:2px solid #339ed9}
    .sm_column_text.sm_content_element .sm_wrapper h1{font-size:20px}
    section.People{width:100%;float:left}
    #bannerimg,#bannerimg div,#wrapper,.bg-img-main,.centerdiv,.centerdiv.set-height.gray-bg div.fullwidth.bg-pattern1 div.com-info,.tab-link,.tab-link ul li,body,html{margin-top:0;max-width:100%}
    .what-we-do.layout-1 .what-we-do-wrapper{margin-bottom:-40px;width:100%;float:left;padding-left: 15px;margin-bottom:0;padding-right: 0;}
    #container{background:#fff;position:relative;overflow-x:visible;margin:0 auto;min-width:100%}
    .what-we-do .box-content-right .box-img .hm-right{top:0;bottom:0;position:relative;left:0;right:0;bottom:0}
    .what-we-do .box-content-right .box-img{padding:0;background-color:#fff;position:relative;bottom:0;top:0;height:100%;background:#ffd200}
    .what-we-do .box-content-right{padding-left:0;float:right;width:100%;float:left;margin:0;padding:0}
    .group-title.group-title-1{text-align:center;padding-top:12px;top:3%;float:left;width:100%}
    #cssmenu>ul>li>a{height:auto;font-size:12px;letter-spacing:1px;text-decoration:none;color:#040404!important;font-weight:700;text-transform:uppercase;font-family:"Poppins",sans-serif!important;font-weight:100;font-size:14px;padding:26px;border-right:1px solid #f5f5f5;font-weight:500}
    #testimonial4 .carousel-inner{width:100%;margin:auto;height:400px}
    #testimonial4 .carousel-inner{width:100%;margin:auto;height:400px}
    .wpb_column.vc_column_container.vc_col-sm-4.sm-border-box{background:#0000;width:auto;display:inline-block;margin:auto;margin-left: 0px;float:left;width:100%;padding-left:0;}
    #responsive{margin:27px 15px;width:100%}
    .col-md-6.right-cont{background:#fff;padding-top: 30px;padding-bottom:50px;padding-left:0;padding-right:0;float:left;}
    #testimonial4{overflow:hidden;min-height:auto;position:relative;background:none;float:left;width:100%}
    .col-md-6.testi{background-image:url(../images/bg/bg2.jpg);background-size:cover;background-attachment:fixed;background:url(../images/bg/bg2.jpg);background-size:cover;background-attachment:fixed;max-height:490px;float:left;width:100%;display:block}
    .feature-image{position:relative;width:88%;margin-top:9px;margin-bottom:30px}
    .serviceBox:before,.serviceBox:after{top:145px}
    #features .col-md-2.col-sm-8.wow.bounceInDown{margin-right:19px;margin-left:10%}
    .banner-bottom-tab img{margin-bottom:15px;width:76%;padding-top:3px}
    .company-inner{width:68%;padding:0}
    .banner-bottom-tab a{font-size:6px;line-height:11px}
    .get_started h6{margin-bottom:0;font-size:14px;color: #ffffff;line-height:28px;}
    .col-md-4.col-sm-8.wow.bounceInLeft.e-coom{margin-left:0}
    .office_addr .phone span{background:url(../new_images/phone_icon1.html) no-repeat left;padding:0;font-weight:600;font-size:11px}.addTxt{padding:0;width:0;width:100%;margin:0 auto}ul.logo-group li img{padding-top:10px;width:70%}.worklist li .work-info .work-category>span:before{background:url(../images/icons/70-34.png)}
    .worklist li .work-info p{font-size:12px}
    .office_addr{border:2px dashed #dedede;border-radius:4px;padding:35px 0 120px;margin-bottom:33px;max-width:100%}
    .office_addr p{font-size:14px;margin:0 0 10px;color:#4c4a4a;text-align:left;margin-left:11%}
    .office_addr h3{margin-left:11%}
    .office_addr h3::after{content:'';position:absolute;left:-11em;right:0;margin:0 auto;bottom:0;background:#0085cf;height:1px;width:50px;text-align:center}
    .book-meeting h3{font-size:2em;margin:10px 0 40px 0;padding:0;color:#2d2d2dbd;font-weight:500;text-align:center}
    .book-meeting{margin:0;padding:0;background-image:url(../images/bg/bg-serv.jpg);float:left;display:block;padding-top:30px;background-size:20%;width:100%;padding-bottom:30px}
    .breadcrumb-section{padding:50PX 0;background:url(../images/bg/bgall-blu.png) fixed;background-size:218%}
    .brand_highlight{background:#f5f5f5 fixed;padding:20px 0}
    .brand_highlight h2,.brand_highlight h1{color:#0085cf;font-size:18px}.brand_highlight p{margin:0 auto;text-align:justify;padding:10px 0 0 11px;font-size:14px;width:100%;line-height:29px;color:#484848;font-weight:0}
    .text-section.white{color:#fff;width:100%;text-align:justify;margin-left:4%}
    #testimonials h1{font-weight:700;color:#0085cf;font-size:14px}
    .max-indented p.wow.slideInDown.animated{text-align:justify}
    .testimonial-quote{margin-left:0}
    .footer-title{margin-bottom:20px;margin-top:20px}
    .page-title h1{font-size:13px}
    .home_welcome_subhead h1,.home_welcome_subhead h3{font-size:16px}
    .feature-4 .media-body h3{font-size:14px;line-height:24px;margin-bottom:15px;text-transform:uppercase;color:#0085cf;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;margin-top:10px}
    .we-are{margin:0;padding:0;width:100%;background:#f2f2f2;padding-bottom:30px;padding-top:10px;float:left}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;float:left;text-align:center}
    .who-we-are{margin:0;padding:0;width:100%}
    .worklist li{min-width:100%}
    .webdesign_process_head h2,.webdesign_process_head h4{position:relative;display:inline-block;vertical-align:top;width:100%;height:auto;padding:0 0 20px 0;font-family:'Nexa Light',Verdana,Geneva,Tahoma,sans-serif;font-weight:400;color:#101213;line-height:25px;text-transform:none;text-align:justify;clear:both}
    .webdesign_process_head h1,.webdesign_process_head h3{display:inline-block;vertical-align:top;width:100%;height:auto;margin:0 0 10px 0;text-transform:uppercase;font-family:'Nexa Light',Verdana,Geneva,Tahoma,sans-serif;font-weight:400;font-size:27px;color:#2d2d2d;line-height:35px}
    .our-companies .webdesign_process_head h4.wow.bounceOutLeft{font-size:15px;text-transform:uppercase;padding-top:0;padding-bottom:0}
    .port .page-title h2{font-size:31px;letter-spacing:1px;text-align:center;color:#f3f913;text-transform:capitalize;font-weight:500;font-size:26px;padding-bottom:10px;padding-top:10px}
    .serviceBox{margin-bottom:20px!important;left:0;max-width:100%;margin-left:3em}
    .home_welcome_subhead img{max-width:100%}
    .care-bg{padding:0}.who-we-are .about h3.wow.slideInDown.bounceInLeft{left:-115px;top:-26px;font-size:24px}
    .about-bg{background:url(../images/portfolio/portfolio%20image.jpg);padding:20px 20px;}
    span.up{text-align:center;transform: rotate(-90deg);}
    .webdesign_process_body>.item{display:inline-block;vertical-align:top;min-width:100%;height:auto;margin-bottom:5px}
    .People h2.section-title.cmp{color:#585656;margin:0;font-size:25px;left:0;margin-top:0;bottom:0;text-align:center;transform:none;float:left;position:relative;width:100%;margin-top:40px;position:relative;top:0}
    .section-title:before{content:'';position:absolute;left:0;position:relative;margin-top:10px;margin-bottom:20px;color:#000;font-size:32px;font-weight:500;line-height:32px;text-align:center;transform:rotate(90deg);float:left}
    .service-info{width:100%;float:left;height:auto;text-align:center;margin:0 0 20px}
    .hero-btn-border{width:34px;height:35px;border-radius:50%;border:1px solid #e6e6e6;margin:0 auto;left:-2px;transition:all 0.5s ease-out;right:1px;position:absolute;top:50%;transform:translateY(-50%)}
    .downArrow{position:relative;bottom:45%;left:-3%;top:57%}
    .hero-btn{width:30px;height:30px;left:0;right:0;margin:0 auto;background:#fff;border-radius:50%;position:absolute;transition:all 0.5s ease-out;padding:10px;z-index:99;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.38);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.38);box-shadow:0 0 10px 0 rgba(0,0,0,.38)}.hero-btn{width:30px;height:30px}
    .top-header{background:#fff}
    .client-say h3{font-size:39px!important;top:-50px;margin:0;padding:0}
    .wrap2:before{position:absolute;content:'';border-left:-39em solid #ffffff36;top:0;bottom:0;left:0;right:0;border-left:-39em solid #ffffff36}
    .section-title{margin-top:-32px;left:-2%;position:absolute;color:#000;font-size:32px;font-weight:500;line-height:0;text-align:center;transform:NONE;float:left;font-size:2em;padding:0;width:100%}
    #features .titlebar h3,#features .titlebar h2{color:#000;text-align:center;padding:0;margin-top:30px;margin-bottom:30px}
    h2.section-title.cmp{font-size:4.6em}
    .section-title.text-center.about{margin:25px;padding:0;float:left;transform:none;top:4%;left:-22%;font-size:32px}
    .who-we-are p{font-size:14px;line-height:22px;text-align:left;margin-top:20px;width:100%;text-align:justify}
    .we-are p{text-align:justify;font-size:14px;line-height:20px;width:90%;margin:0 auto}
    .who-we h3{float:left;width:100%;font-size:3em;color:#c1bebe7d;font-weight:500;text-transform:uppercase;margin-top:10px;margin-bottom:10px}
    .we-are ul{width:100%;text-align:center;margin-bottom:15px;float:left;margin-top:15px}
    .we-are ul li{list-style:none;font-size:16px;color:#0085cf;display:block;margin:0}
    .wrap{margin:0 auto;width:983px;padding:0 0;text-transform:none;color:#0085cf;font-size:36px;text-transform:uppercase}
    span.up{margin:0 auto;text-transform:none;color:#0185cf;position:absolute;top:0;bottom:0;left:0;right:0;font-weight:600;font-size:33px;text-transform:uppercase;text-align:left;transform:0;width:100%;top:1px;font-size:15px}
    .company-inner .gridOneSix{width:76%}
    .company-inner .gridOneSix img{height:50px;min-width:auto;}
    .get_started .animated .down_arrow{height:225px;display:none;background-color:white}
    ul.logo-group{overflow:hidden;padding:0;border:1px solid #ddd;border-right:none;margin-bottom:10px;border-bottom:none;position:relative}
    .logo-client{text-align:left}
    .sectionContainer1{text-align:center;height:auto}
    .sectionContainer1 p{font-size:18px;line-height:30px;margin:0 auto;font-weight:200;color:#272727;position:relative;padding-top:10px;text-align:justify}
    .wrap2 h1{height:auto;padding-top:20px;position:relative;text-align:center;padding-top:20px;position:relative}
    .sectionContainer1 h3{padding-top:25px;font-size:24px}
    .parallax-1{background:#fff;background-size:100%}
    .get_started .logobox{position:absolute;right:-3px;bottom:15px;width:97px;display:block}.o-c{background:#fbfbfb;padding: 0;border:0;border-radius:8px;}
    .get.People{height:100%;background:url(../images/others/bg.html) fixed;width:100%;display:block;background-size:cover;padding-bottom:30px}
    _started .animated .down_arrow{height:225px;display:none}
    .web{display:block}
    .get_started{position:relative;width:100%;padding:0;margin:0;text-align:center;z-index:1}
    .get_started h3{font-family:'open_sanslight';font-size:18px;color:#1c1c1c;line-height:60px;text-align:left}
    .form_section span{font-size:10px;float:left;text-align:left;width:100%}
    .form_section form#contactForm{width:100%;margin:0 auto;float:left;margin-top:20px;font-size:20px;margin-bottom:17px;color:white}
    #cssmenu ul ul li,#cssmenu li:hover>ul>li{height:48px;padding-bottom:10px;margin-bottom:4px;left:0;max-width:100%;line-height:5}
    #cssmenu li:hover>ul{margin:0;padding-top:0;left:0;width:100%;margin-right:2px;float:right}
    .our-companies{display:none}
    .cd-half-width img{margin:0;padding:0;max-width:100%}
    .cd-hero-slider{position:relative;padding:30px 10px;display:flex;align-content:center;height:auto}
    .cd-slider-nav a{display:flex;align-items:center;justify-content:center;position:relative;font-size:6px;color:#000;padding:0;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s}
    .portfolio h3{margin:30px 0 30px 0;color:white;font-size:24px}
    .text-section h4 span{FONT-SIZE:17PX}
    .text-section h4{font-size:14px}
    .section-title h3{font-size:55px}
    #cssmenu{width:100%;float:left;top:-20px;margin:0;padding:0;background:none}
    #cssmenu #menu-button{margin-top:-3em}
    #cssmenu #menu-button{float:right;margin-right:3em;top:1em;border:2px solid #0085cf}
    #cssmenu ul{margin-top:2em}
    #cssmenu ul ul li a{color:#FFF;line-height:2}
    #cssmenu ul ul li a:hover{color:#0085cf}
    #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:66px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened{background:#0085cf}
    .portfolio{margin:0;padding:0;width:100%}
    .navbar-fixed-top{top:0;border-width:0 0 1px}
    .navbar-fixed-top{position:fixed!important;right:0;left:0;z-index:1100;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;animation-duration:.8s;-webkit-animation-duration:.8s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}
    .our-brand .img-responsive{padding-right:-2px;padding-left:0;padding:5px;margin-left:5px;width: 49%;margin: 0 auto;display: inline-block;margin-bottom: 10px;}.webdesign_process_head{padding:0}
    .People h4{position:relative;display:inline-block;vertical-align:top;width:100%;height:auto;padding:0 0 20px 0;font-family:'Nexa Light',Verdana,Geneva,Tahoma,sans-serif;font-weight:400;font-size: 10px;color:#2d2d2d;line-height:20px;text-align:justify;padding: 0 0 21px 0;}
    .People h2.section-title.cmp:after{top:38px}
    ul.logo-group.width33 li{min-width:100%}
    .features-text p{font-size:14px;text-align:justify}
    .sectionContainer1{text-align:center;height:auto;margin-bottom:30px;background:#ececec}
    #features{background-size:100%;padding:0}
    .home-p-services-s,.never-miss-bar,.client-video,.centerdiv.set-height.gray-bg{display:block}
    .our-companies{display:block;width:100%}
    .com-info h4 b{color:#fff;font-size:37px;font-weight:500}
    .our-companies button.btn.btn-primary{border:1px solid #4b4b4b;background:no-repeat;color:#4b4b4b!important;border-radius:3px;line-height:0;margin-top:20px;}
    .port .page-title h1{font-size:14px;letter-spacing:1px;text-align:center;font-weight:400;line-height:2;margin:0;text-transform:capitalize;margin-bottom:8px}
}
@media only screen and (min-width:320px){
   
    .page-title h1{font-size:20px;letter-spacing:5.5px;font-weight:500;text-transform:uppercase;margin:0;color:#fff;text-align:center;line-height:1.6em}
    ul.filter li{margin-bottom:10px;display:block}
    #cssmenu>ul>li>a i{display:block;margin-left:0;margin-bottom:12px;}i.fa.fa-cog.fa-spin.fa-3x.fa-fw{text-align:center;float:left;width:100%;color:black}
    .our-companies .webdesign_process_head h4 span{font-size:14px;width:100%;float:left;text-align:justify}
    .webdesign_process_body>.item>.holder{position:relative;width:270px;height:270px;float:left;border-right:1px #fff dashed;text-align:center;left:10%}
        
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px){.our-companies{width:100%}
    .centerdiv{margin:0 auto!important;width:100%}
    #featured-projects{transition:all 0.5s ease-out;background:#fff;float:left;width:100%}
    .get_started .logobox{position:absolute;right:0;bottom:-118px;width:228px}
    .get_started .logobox img{width:65%}
    .webdesign_process_head h1,.webdesign_process_head h3{display:inline-block;vertical-align:top;width:100%}
    .webdesign_process_head h2,.webdesign_process_head h4{position:relative;display:inline-block;vertical-align:top;width:100%}
    .webdesign_process_body>.item>.holder{position:relative;width:100%;height:142px;float:left;border-right:1px #fff dashed;text-align:center}
    .addTxt{padding:0;margin:0;width:100%;margin:0 auto}
    
}

@media only screen and (max-width :1200px){
    #features .col-md-2.col-sm-8.wow.bounceInDown{margin-right:13px;margin-left:36px;padding-left:4px}
    .webdesign_process_body>.item{display:inline-block;vertical-align:top;margin-right:14px}
    
}
@media (min-width:1600px){
    .what-we-do .box-content-right .box-img .hm-right{top:0;float:right;bottom:0;position:relative;left:0;right:0;bottom:0}#features .we-service{margin:0 auto;max-width:103%}
    .serviceBox{text-align:center;padding:0;overflow:hidden;position:relative;z-index:1;margin-bottom:30px;border-bottom:0;background:#fff;min-height:280px;box-shadow:-3px -3px 10px #f5f5f5;padding:10px}
    #features .col-md-2.col-sm-8.wow.bounceInDown{margin-right:15px;margin-left:34px}
    .worklist li{max-width:33.3%!important;float:left;margin:0}
    .serviceBox:before,.serviceBox:after{content:"";max-width:200%;min-height:66%;position:absolute;top:165px;left:-66px;z-index:-1;transform:rotate(-35deg);transition:all 0.5s ease 0s;margin-top:24px;margin-left:-7px}
    .webdesign_process_body>.item{display:inline-block;vertical-align:top;max-width:16%;margin-right:14px}
    
}
@media only screen and (max-width:1224px){
    #features .we-service{width:100%;margin:0 auto}
    .serviceBox{text-align:center;padding:0;overflow:hidden;position:relative;z-index:1;margin-bottom:30px;border-bottom:0;background:#fff;max-height:300px;box-shadow:-3px -3px 10px #f5f5f5;max-width:300px;padding:10px}
    #features .col-md-2.col-sm-8.wow.bounceInDown{margin-left:14px;margin-left:12px;width:15%}
    
}

@media all and (min-width:1024px) and (max-width:1280px){

    #features .we-service{width:100%;margin:0 auto}
    .serviceBox
    {text-align:center;padding:0;overflow:hidden;position:relative;z-index:1;margin-bottom:30px;border-bottom:0;background:#fff;max-height:300px;box-shadow:-3px -3px 10px #f5f5f5;max-width:300px;padding:10px}
    #features .col-md-2.col-sm-8.wow.bounceInDown
    {margin-left:14px;margin-left:12px;width:15%}
    #features .col-md-2.col-sm-8.wow.bounceInDown
    {margin-right:13px;margin-left:36px;padding-left:4px}
    .webdesign_process_body>.item
    {display:inline-block;vertical-align:top;width:24%;margin-right:14px}
    
}
@media screen and (max-width:980px){

    .right-call
    {
        width:100% !important;
    }
    .right-call .top-address
    {
        margin-top:2px;
    }
    .right-call .top-phone.mr10
    {
        width:80%;
    }
    .webdesign_process_body>.item
    {
        width:24%;
    }
    .testimonial-quote
    {
        margin-left:0px;
    }
}
@media screen and (max-width:980px){
      .webdesign_process_body>.item
    {
        width:24%;
    }
}
@media screen and (max-width:1200px){

    .right-call .top-phone.mr10
    {
        float:right !important;
    }
    .right-call .top-address
    {
        float:right !important;
    }
    .right-call
    {
        right:-120px !Important;
    }
    
}
@media (max-width: 423px){
.navbar-default .navbar-brand img {
    /* width: auto; */
    to; */
    margin-top: -40px;
}
}
@media (max-width:452px)
{
    #cssmenu #menu-button
    {
        margin-top:-40px;
    }
    .navbar-default .navbar-brand img
    {
        margin-top:10px;
    }
}
@media screen and (max-width:480px){
    .right-call
    {
        right:10px !important;
    }
    .navbar 
    {
    min-height: 65px;
    }
    
}
@media screen and (max-width:980px){
    #cssmenu>ul>li>a
    {
        font-size: 13px ;
        padding: 20px 3px;
        text-align:center;
    }
    .navbar-brand>img {
        width: 100px;
        height: auto;
    }
}
@media screen and (max-width:768px){
    #cssmenu>ul>li>a 
    {
        text-align:center;
    }
    #cssmenu #menu-button
    {
        margin-top:-40px;
        
    }
    .navbar-brand>img
    {
        margin-top:-20px;
        width:70px;
    }
}
@media only screen and (min-device-width :882px) and (max-device-width :892px){
    .container
    {
        width:980px;
    }
    #cssmenu>ul>li>a
    {
        padding:20px 2px;
    }
    .navbar-brand>img 
    {
        width: 100px;
        margin-top: -5px;
    }   
    .right-call 
    {
        right: -45px !Important;
    }
}
/*********/
@media screen and (max-width:1200px){
    .People .owl-next {
        right: -2%;
    }

    .People .owl-prev {
        left: -2%;
    }
}
@media screen and (max-width:1199px){
    .footer-list ul li.yellowfoo a {
        font-size: 21px;
    }
    .footer-list ul li.emailfoo a {
        font-size: 14px;
    }
    span.up {
        width: 59%;
        left: -36.9%;
        top: 4em;
    }

    .wrap {
        font-size: 40px;
    }
    .sec-pad{
        padding-top: 50px !important;
        padding-bottom: 60px !important;
    }
    .sec-pad-top{
        padding-top: 50px !important;
    }
    .sec-pad-btm{
        padding-bottom: 60px !important;
    }
    .who-we-are .about h3.lefttitle {
        left: 27%;
    }
    .section-title.text-center.about {
        left: -36%;
    }
    #cssmenu>ul>li>a{
        padding: 20px 7px;
    }
    .footer-list a.text-left br {
        display: none;
    }

    .footer-list a.text-left span {
        padding-left: 0px;
    }

}
@media screen and (max-width:1024px){
    .navbar-brand{
        height:auto;
        padding: 10px 15px;
    }
    a.navbar-brand img {
        width: 70px;
    }
    span.up {
        font-size: 40px;
        left: -35.9%;
        top: 3.5em;
    }

    .group-title.group-title-1 .main-title .dot {
        left: -30px;
    }

    .group-title.group-title-1 .main-title .mute-title {
        font-size: 40px;
        top: 6em;
        left: -39px;
        font-weight: 600;
    }
    #cssmenu #menu-button{
        margin-top: -40px;
    }
    #cssmenu ul.open {
        margin-top: 8px;
    }
    #cssmenu ul{
        display:none !important;
    }
    #cssmenu ul.open{
        display:block !important;
    }
    #cssmenu>ul>li>a {
        text-align: center;
    }

    #cssmenu ul ul li a {
        padding: 10px;
        padding-left: 20px;
    }

    #cssmenu .submenu-button:after {
        top: 23px;
        right: 13px;
        width: 13px;
        height: 2px;
    }
    #cssmenu .submenu-button:before{
        top: 18px;
        right: 18px;
        width: 2px;
        height: 12px;
    }
    #cssmenu #menu-button{
        display: inline-block;
        float: right;
    }
    .webdesign_process_body>.item>.holder{
        height: 225px;
    }
    #cssmenu>ul>li:hover{
        border-radius:0px;
    }
}
@media screen and (max-width:1023px){
    .webdesign_process_body>.item
    {
        width:30%;
    }
}
@media screen and (max-width:991px){
    ul.industry li {
        width: 23%;
        margin: 0 1%;
        margin-bottom:30px;
    }
    ul.industry li.dislires{
        display: none;
    }
    .wrap {
        font-size: 1.2em;
    }
    span.up {
        font-size: 28px;
        left: -33%;
        top: 1.2em;
    }
    .group-title.group-title-1 .main-title .dot {
        left: -12px;
    }
    .group-title.group-title-1 .main-title:after {
        left: -130px;
    }
    .group-title.group-title-1 .main-title .mute-title {
        left: -16px;
        font-size: 28px;
        top: 6.5em;
    }
    .form_section form#contactForm {
        font-size: 22px;
    }
    .get_started h6 {
        font-size: 16px;
    }
    ul.industry li .text {
        height: 90px;
    }
    ul.top-social {
        margin-bottom: 20px;
    }
    .navbar-default .navbar-brand {
        padding: 25px 15px 5px 10px!important;
    }
    #cssmenu #menu-button:after {
        right: 17px;
    }

    #cssmenu #menu-button:before {
        right: 17px;
    }
    .navbar-fixed-top .navbar-default .navbar-brand {
        padding: 10px 15px 5px 10px!important;
    }

    .navbar-fixed-top nav.navbar.navbar-default {
        height: 66px;
    }
    .webdesign_process_head h1, .webdesign_process_head h3 {
        font-size: 30px;
    }
    .who-we-are .about h3.lefttitle {
        font-size: 28px;
        left: 120%;
        top: -2em;
    }
    .skill-section {
        margin-top: 0px !important;
    }
    .webdesign_process_body>.item>.holder {
        height: 275px;
    }
    .webdesign_process_body>.item>.holder>.pic{
        left:-10px;
        top:-10px;
    }
    .worklist li {
        width: 50%;
    }
}
@media screen and (max-width:767px){
    .top-phone.mr10 {
        margin-right: 3px;
    }

    .top-header .top-phone {
        padding: 7px 0;
    }

    .top-header .top-phone, .top-header .top-address {
        font-size: 9px;
    }

    .navbar-default .navbar-brand img {
        margin-top: 0px;
        margin-left: 7px;
        margin-bottom: 3px;
    }

    .navbar {
        min-height: 64px;
    }
    
    .banner-bottom-tab span {
        display: none;
    }

    .banner-bottom-tab {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .banner-bottom-tab img {
        margin-bottom: 0px;
    }
    .top-header .top-phone a{
        font-size: 11px;
    }
    #cssmenu>ul>li>a i {
        margin-bottom: 5px;
    }


    #cssmenu>ul>li>a {
        padding: 6px 3px;
    }

    #cssmenu>ul>li>a i {
        line-height: 1.5;
    }

    #cssmenu>ul>li:last-child {
        padding: 10px;
    }
    ul.industry li {
        width: 31.33333333333333%;
    }

    ul.industry li .text {
        max-height: 92px;
        padding: 0;
    }

    .testimonial4_header h4 {
        font-size: 20px;
    }

    .testimonial4_header {
        margin: 10px auto;
    }

    .testimonial4_slide p {
        margin: 15px 0;
    }

    .webdesign_process_head h1, .webdesign_process_head h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .our-companies .webdesign_process_head h4 span {
        font-size: 11px;
        line-height: 18px;
        text-align: center;
    }

    .get_started h6 {
        font-size: 18px;
    }

    .get_started h3 {
        font-size: 31px;
        line-height: 38px;
    }
    .wrap {
        font-size: 25px;
        padding-left: 15px;
    }

    span.up {
        /* font-size: 19px; */
        top: 4.3em;
    }

    .sectionContainer1 p {
        font-size: 13px;
        line-height: 20px;
        padding-left: 15px;
    }
    .group-title .main-title {
        font-size: 25px;
        padding-left: 0px;
    }
    .group-title.group-title-1 .main-title .dot {
        left: -35px;
        top: -5.3px;
    }

    .group-title.group-title-1 .main-title .mute-title {
        left: -45%;
        top: 6.5em;
    }

    .form_section form#contactForm {
        margin-left: 0;
        width: 100%;
    }

    .form_section form#contactForm span {
        width: 100%;
        text-align: center;
    }

    .form_section form#contactForm span a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .form_section form#contactForm span label {
        width: 100%;
    }
    .People .webdesign_process_head h3 span {
        padding: 0;
        font-size: 25px;
    }

    .People .webdesign_process_head h4 span {
        font-size: 12px !important;
        line-height: 18px;
    }
    .left-map-box, .right-map-box {
        width: 98%;
        float: none;
        margin: 10px 1%;
    }
    .page-title h1.titletag {
        font-size: 24px;
    }

    .page-title h1 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .address-details a {
        padding: 0 0;
    }
}
@media screen and (max-width:600px){
    .section-title.text-center.about {
        left: -15%;
    }

    .who-we-are .about h3.lefttitle {
        font-size: 28px;
        left: auto;
        top: -2em;
    }
    .webdesign_process_body>.item>.holder{
        float: none;margin:0 auto;left:0;
    }
}
@media screen and (max-width:480px){
    .top-header .left .social-top {
        padding-left: 5px;
    }

    .social-top ul.top-social li {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    .social-top ul.top-social li a {
        line-height: 1.7;
    }

    .top-header .left {
        width: 33%;
    }

    .top-header .right {
        width: 67%;
        text-align: right;
        float: right;
    }
    .top-header .top-phone, .top-header .top-address {
        width: auto;
    }

    .top-header .top-address i {
        font-size: 11px;
    }
    .top-phone.mr10 {
        margin-right: 0;
    }

    .top-header .top-phone, .top-header .top-address {
        font-size: 9px;
    }

    .top-header {
        height: 33px;
    }

    header.clearfix img.stickylogo {
        display: block;
    }

    header.clearfix img.mainlogo {
        display: none;
    }

    .navbar-default .navbar-brand img {
        margin-top: 0;
        margin-bottom: 3px;
    }

    #cssmenu #menu-button:before {
        right: 8px;
    }

    #cssmenu #menu-button:after {
        right: 8px;
    }

    #cssmenu #menu-button {
        margin-right: 8px;
    }

    .sectionContainer1 {
        padding: 20px 0 30px 0;
    }

    span.up {
        font-size: 19px;
        left: -106%;
        top: 4.4em;
        color: #8c8c8c59;
    }

    .sectionContainer1 p {
        font-size: 13px;
        line-height: 20px;
    }

    a.btn.btn-primary.btn-breez {
        margin-left: 15px;
        padding: 7px 10px;
    }

    .what-we-do .box-content-right .box-img .hm-right {
        width: 100%;
    }

    .group-title.group-title-1 .main-title .mute-title {
        left: -60%;
        font-size: 19px;
        top: 7.5em;
    }

    .group-title.group-title-1 .main-title:after {
        width: 100px;
    }

    .group-title.group-title-1 .main-title .dot {
        left: -35px;
    }

    .group-title .main-title {
        font-size: 25px;
    }

    .what-we-do.layout-1 .what-we-do-wrapper {
        padding-left: 15px;
        padding-right: 0;
    }

    .get_started h6 {
        color: #fff;
        font-size: 15px;
    }

    .get_started h3 {
        color: #fff;
        text-align: center;
        width: 100%;
    }

    .webdesign_process_head h1, .webdesign_process_head h3 {
        font-size: 25px;
    }

    .webdesign_process_head h1 span, .webdesign_process_head h3 span {
        padding: 0;
    }

    .our-companies .webdesign_process_head h4 span {
        font-size: 11px;
    }

    .our-companies {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .People h4 {
        font-size: 11px;
        text-align: center;
        padding-top: 0;
    }

    ul.industry li {
        width: 48%;
    }

    .testimonial4_header h4 {
        font-size: 20px;
    }

    .wpb_column.vc_column_container.vc_col-sm-4.sm-border-box {
        margin-left: 0;
    }

    .col-md-6.right-cont {
        padding-top: 30px;
        margin-bottom:10px;
        padding-bottom: 0px;
    }

    .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl {
        line-height: 1em !important;
    }

    .sm_content_element .sm_wrapper p {
        margin-bottom: 0;
    }

    .sm_content_element {
        padding-bottom: 10px;
    }

    .centerdiv {
        width: 100% !important;
    }
    .get_started h3 {
        font-size: 31px;
        line-height: 30px;
        margin-top: 15px;
    }

    .get_started h6 {
        margin-top: 15px;
    }

    .People h4 {
        padding: 0;
        padding-bottom: 21px;
    }
    .o-c {
        padding: 0;
    }
    #cssmenu .submenu-button{
        height: 57px
    }
    #cssmenu ul.open{
        margin-top: 20px;
    }
    .icon-address-box{
        left:40%;
    }
    .People .owl-prev, .People .owl-next {
        background-color: transparent;
        border: 0;
    }

    .People .owl-prev i, .People .owl-next i{
        font-size: 17px;
    }

    .People .owl-prev:hover, .People .owl-next:hover {
        background-color: transparent;
        color: #33b4ff !important;
    }
    .People .owl-prev:hover i, .People .owl-next:hover i{
         color: #33b4ff !important;
    }
    .who-we-are {
        margin: 0 !important;
    }

    .section-title.text-center.about {
        left: -51%;
    }

    .who-we-are .about h3.lefttitle {
        font-size: 17px;
    }
    .port-co1 ul.filter li a {
        padding: 1px 5px;
    }

    ul.filter li {
        margin-bottom: 5px;
    }
    .portfolio-post .overlay h3{
        font-size: 16px;
    }
    .back-to-top{
        right:15px;
    }
}
@media screen and (max-width:375px){
    .icon-address-box{
        left: 37%;
    }
}
@media screen and (max-width:360px){
    .top-header .left {
        width: 60%;
        height: 28px;
    }
    .top-header .left .social-top ul.top-social {
        margin-bottom: 0 !important;
    }
    .social-top ul.top-social li {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
    .top-header .left .social-top {
        padding-left: 3px;
        padding-top: 3px;
    }
    .top-header .right {
        text-align: right;
        float: left;
        width: 100%;
    }
    .top-header .top-phone, .top-header .top-address {
        margin: 0;
        padding: 0;
        padding-left: 7px;
    }
    .top-header .top-phone, .top-header .top-address {
        font-size: 11px;
    }
    .navbar-default .navbar-brand img {
        margin-top: 3px;
    }
    .group-title.group-title-1 .main-title .mute-title {
        left: -53%;
    }
    .top-header {
        height: auto;
    }

    .top-header .right {
        height: auto;
    }
}
@media screen and (max-width:340px){
    .group-title.group-title-1 .main-title .mute-title {
        left: -44%;
    }
}