@media (max-width:1024px) {
  .container {
    width: 95%;
    margin: 0 2.5%;
    padding: 0
  }
  .red.desire {
    top: 140px
  }
  .flotleft {
    width: 345px
  }
  .flotleft.flotleft2 {
    width: 350px
  }
  .minandroid {
    height: 590px!important
  }
  .man,
  .oneman {
    height: auto!important
  }
  .appointment-sec {
    min-height: auto
  }
  .appointment-sec.clepass {
    width: 100%
  }
  .col-md-offset-1 {
    margin-left: 3.333%
  }
  .col-md-2 {
    width: 17.667%
  }
  .home-concept .sun {
    left: 5%;
    top: 50px
  }
  .home-concept .cloud {
    left: 45%
  }
  .home-04 h6 {
    padding-right: 35px
  }
  .posi>img {
    width: 540px;
    margin-left: 65px
  }
  .section-short-title.bottomy {
    padding: 0 0 5px
  }
  .appointment-form.clearfix {
    margin-right: 35px
  }
  .red.desire {
    left: 860px!important;
    margin-top: 10px
  }
  .home-04 #box-footer .box-footer-middle .block {
    width: 325px!important
  }
  .btn.btn-default.btn-rounded {
    margin-bottom: 15px
  }
  .Innovative {
    top: 151px!important
  }
  .value {
    width: 228px!important
  }
  .col-xs-9 {
    width: 92%
  }
  .buttonmenu>a {
    display: none
  }
  .rev_slider img {
    margin: 0 0 0 25px
  }
  .man {
    margin: 50px 0 0 20px!important;
    width: 100%!important
  }
  .oneman {
    margin: 20px 0 0 20px!important;
    width: 70%!important
  }
  .tp-leftarrow,
  .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 50px 0 0!important
  }
}

@media (max-width:1280px) {
  .section-short-title.bottomy {
    padding: 0 0 10px
  }
  .appointment-sec {
    min-height: auto
  }
  .red.desire {
    left: 995px;
    top: 130px
  }
  .col-xs-9 {
    width: 92%
  }
  .buttonmenu>a {
    display: none
  }
  .tp-leftarrow,
  .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: -8px;
    margin: 120px 0 0!important
  }
}

@media (max-width:1023px)
{
    .home-04 #box-footer .box-footer-middle .block
    {
        width: 220px!important;
        width: 95% !important;
        margin: 0 auto 20px !important;
        float: none;
        height: auto !important;
        clear: both;
    }
    .Know-Our-Team h3 {
    font-size: 15px;
}
}
@media (max-width:991px)
{
    .popup_dentist, .Know-our-Team-btn
    {
        margin-bottom:20px !important;
    }
    .Contact-Our-Team-btn
    {
        margin-bottom:0px !important;
    }
    
}
@media (max-width:980px) {
  .sky-mega-menu-anim-flip li,
  .sky-mega-menu-anim-flip li+li {
    border-top: 1px solid #8462c0;
    border-bottom: 1px solid #af8bee
  }
  .buttonmenu,
  .buttonmenu>a {
    display: block
  }
  .container {
    width: 95%;
    margin: 0 2.5%;
    padding: 0
  }
  .sky-mega-menu-anim-flip {
    width: 100%;
    position: fixed;
    right: -100%;
    transition: all 1s ease 0s;
    top: 67px
  }
  .sky-mega-menu .grid-column11,
  .sky-mega-menu .grid-container11 {
    width: 100%
  }
  .red.desire {
    left: 815px!important;
    margin-top: 10px
  }
  .logosectio {
    width: 150px
  }
  .minandroid {
    height: 470px!important
  }
  .appointment-sec {
    min-height: auto
  }
  .contactscction1 {
    margin-left: 170px
  }
  .appointment-form.clearfix {
    right: 35px
  }
  .location {
    float: left;
    padding: 0 0 25px
  }
  .col-md-2 {
    width: 17.667%;
    float: left;
    margin: 0 7%
  }
  .home-04 h6 {
    padding-right: 35px
  }
  .posi>img {
    width: 455px;
    margin-right: -130px;
    margin-top: 48px
  }
  .full {
    width: 980px!important;
    height: auto;
    float: left;
    margin: 0 0 0 -515px
  }
  .full p {
    padding: 0 5% 0 0;
    margin: 0
  }
  .colsix {
    width: 55%;
    float: left
  }
  .flotleft {
    width: 385px
  }
  .flotleft.flotleft2 {
    width: 275px
  }
  .col-md-6.Platform {
    width: 56%;
    float: right
  }
  .col-xs-9 {
    width: 92%
  }
  .Innovative {
    top: 97px!important
  }
  .eight_get {
    float: right;
    width: 58%
  }
  .titlebo {
    margin-top: 15px
  }
  .sky-mega-menu {
    margin-top: 81px
  }
  .sky-mega-menu ul {
    width: 100%
  }
  .sky-mega-menu-anim-flip li {
    width: 100%;
    background: #9575cd
  }
  .sky-mega-menu-anim-flip li a {
    color: #fff
  }
  .sky-mega-menu.sky-mega-menu-anim-flip.sky-mega-menu-response-to-icons.m_show {
    right: -10%
  }
  .buttonmenu {
    height: 35px;
    position: absolute;
    right: 0;
    width: 35px;
    border: 1px solid #af8bee;
    background: #9575cd;
    margin: 90px 25px 0 0;
    text-align: center;
    line-height: 35px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);
    top: 17px
  }
  .colr {
    color: #fff!important
  }
  .rightside {
    width: 340px!important;
    position: fixed;
    right: 0!important;
    margin: 0 10px;
    top: 160px!important;
    display: none
  }
  .buttonmenu:hover>.rightside {
    display: block
  }
  .dropright li {
    background: #0d47a1
  }
  .grid-container11.griprod.p_show {
    display: block!important;
    height: 154px;
    position: unset
  }
  .grid-container11.griprod.s_show {
    display: block!important;
    height: 77px;
    position: unset
  }
  .tp-leftarrow,
  .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    margin: -260px 0 0!important
  }
  .home-04 #box-footer .box-footer-middle .block {
    /*width: 325px!important*/
  }
  .addre {
    width: 400px!important
  }
}

@media (max-width:800px) {
  .arro_on.payrollds,
  .arro_on.tabe {
    display: none
  }
  .container {
    width: 95%;
    margin: 0 2.5%;
    padding: 0
  }
  .sky-mega-menu-anim-flip {
    width: 100%;
    position: fixed;
    right: -100%;
    transition: all 1s ease 0s;
    top: 67px
  }
  section {
    min-height: 440px
  }
  .logosectio {
    width: 150px
  }
  .sky-mega-menu {
    margin-top: 85px
  }
  .menurtpe {
    height: 60px
  }
  .sky-mega-menu li a {
    padding: 0 18px
  }
  .sky-mega-menu li {
    border-width: 1px
  }
  .bor {
    border-width: 1px!important;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1)
  }
  .red.desire {
    left: 637px;
    margin: 10px 0 0
  }
  .colsix {
    width: 55%;
    float: left
  }
  .flotleft,
  .flotleft.flotleft2 {
    width: 295px
  }
  .appointment-form.clearfix {
    right: 10px
  }
  .appointment-sec.height {
    height: 560px!important
  }
  .arro_on {
    font-size: 0
  }
  .minandroid {
    height: 690px!important
  }
  .buttonmenu,
  .buttonmenu>a {
    display: block
  }
  .posi>img {
    margin-right: -80px
  }
  .section-short-title h1 {
    font-size: 26px
  }
  .section-short-title.bottomy {
    padding: 0 0 10px
  }
  .col-md-6.text.low>img {
    width: 300px;
    height: 300px;
    float: right;
    margin: 50px 20px 0 0
  }
  .col-md-2 {
    width: 14.667%;
    float: left;
    margin: 0 60px
  }
  .home-04 #box-footer .box-footer-middle .block {
    /*width: 240px!important*/
  }
  .home-04 h6 {
    padding-right: 35px
  }
  .col-md-8.get {
    width: 45%
  }
  .full {
    width: 800px!important;
    height: auto;
    float: left;
    margin: 0 0 0 -435px
  }
  .Innovative {
    top: 300px!important
  }
  .full p {
    padding: 0 5% 0 0;
    margin: 0
  }
  .fa_webcon {
    float: left;
    height: 92px
  }
  .col-xs-9 {
    width: 92%
  }
  .Innovative>img {
    width: 58%;
    top: 100px!important
  }
  .sky-mega-menu ul {
    width: 100%
  }
  .sky-mega-menu-anim-flip li {
    width: 100%;
    background: #9575cd;
    border-top: 1px solid #8462c0;
    border-bottom: 1px solid #af8bee
  }
  .sky-mega-menu-anim-flip li a {
    color: #fff
  }
  .sky-mega-menu.sky-mega-menu-anim-flip.sky-mega-menu-response-to-icons.m_show {
    right: -10%
  }
  .buttonmenu {
    height: 35px;
    position: absolute;
    right: 0;
    width: 35px;
    border: 1px solid #af8bee;
    background: #9575cd;
    margin: 95px 25px 0 0;
    text-align: center;
    line-height: 35px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);
    top: 15px
  }
  .colr {
    color: #fff!important
  }
  .rightside {
    width: 340px!important;
    position: fixed;
    right: 0!important;
    margin: 0 10px;
    top: 160px!important;
    display: none
  }
  .buttonmenu:hover>.rightside {
    display: block
  }
  .dropright li {
    background: #0d47a1
  }
  .grid-container11.griprod.p_show {
    display: block!important;
    height: 154px;
    position: unset
  }
  .grid-container11.griprod.s_show {
    display: block!important;
    height: 77px;
    position: unset
  }
  .tp-leftarrow,
  .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    margin: -270px 0 0!important
  }
  .sky-mega-menu li li a {
    padding-left: 35px
  }
  .home-04 #box-footer .box-footer-middle {
    margin-top: 0
  }
  .big_cir {
    margin-right: 205px
  }
  .mor_client {
    margin-bottom: 10px
  }
}

@media (max-width:768px) {
  .arro_on.payrollds,
  .arro_on.tabe {
    display: none
  }
  .container {
    width: 95%;
    margin: 0 2.5%;
    padding: 0
  }
  .sky-mega-menu-anim-flip {
    width: 100%;
    position: fixed;
    right: -100%;
    transition: all 1s ease 0s;
    top: -40px
  }
  header {
    width: 100%
  }
  .logosectio {
    width: 150px
  }
  .sky-mega-menu {
    margin-top: 105px
  }
  .menurtpe {
    box-shadow: none;
    height: 55px
  }
  .contactscction li {
    float: none;
    border: none;
    margin-right: 15px
  }
  .contactscction1 li {
    border: none
  }
  .contactscction li a img {
    float: left;
    margin: 5px 5px 0
  }
  section {
    min-height: 425px
  }
  .bor {
    border-width: 1px!important;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1)
  }
  .red.desire {
    left: 620px;
    margin: 10px 0 0
  }
  .colsix {
    width: 60%;
    float: left
  }
  .flotleft,
  .flotleft.flotleft2 {
    width: 275px
  }
  .appointment-sec.height {
    height: 575px!important
  }
  .home-04 #box-footer .box-footer-middle .block {
    width: 220px!important;
    width: 95% !important;
    margin: 0 auto 20px !important;
    float: none;
    height: auto !important;
    clear: both;
  }
  .arro_on {
    font-size: 0
  }
  .minandroid {
    height: 735px!important
  }
  .buttonmenu,
  .buttonmenu>a {
    display: block
  }
  .posi>img {
    margin-right: -80px
  }
  .section-short-title h1 {
    font-size: 26px
  }
  .section-short-title h1 img {
    width: 30px !important;
    height: 30px !important;
}
  .col-md-2 {
    width: 14.667%;
    float: left;
    margin: 0 60px
  }
  .home-04 h6 {
    padding-right: 35px
  }
  .col-md-8.get,
  .location {
    width: 100%
  }
  .full {
    width: 768px!important;
    height: auto;
    float: left;
    margin: 0 0 0 -415px
  }
  .full p {
    padding: 0 5% 0 0;
    margin: 0
  }
  .col-xs-9 {
    width: 92%
  }
  .Innovative {
    margin-top: 67px!important
  }
  .Innovative>img {
    width: 55%
  }
  .sky-mega-menu ul {
    width: 100%
  }
  .sky-mega-menu-anim-flip li {
    width: 100%;
    background: #9575cd;
    border-top: 1px solid #8462c0;
    border-bottom: 1px solid #af8bee
  }
  .sky-mega-menu-anim-flip li a {
    color: #fff
  }
  .sky-mega-menu.sky-mega-menu-anim-flip.sky-mega-menu-response-to-icons.m_show {
    right: -10%
  }
  .buttonmenu {
    height: 35px;
    position: absolute;
    right: 0;
    width: 35px;
    border: 1px solid #af8bee;
    background: #9575cd;
    margin: 95px 20px 0 0;
    text-align: center;
    line-height: 35px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);
    top: -70px
  }
  .colr {
    color: #fff!important
  }
  .rightside {
    width: 340px!important;
    position: fixed;
    right: 0!important;
    margin: 0 10px;
    top: 160px!important;
    display: none
  }
  .buttonmenu:hover>.rightside {
    display: block
  }
  .dropright li {
    background: #0d47a1
  }
  .grid-container11.griprod.p_show {
    display: block!important;
    height: 154px;
    position: unset
  }
  .grid-container11.griprod.s_show {
    display: block!important;
    height: 77px;
    position: unset
  }
  .tp-leftarrow,
  .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    margin: -160px 0 0!important
  }
  .contactscction1 {
    margin-left: 35%;
    margin-top: 25px
  }
  .home-04 #box-footer .box-footer-middle {
    margin-top: 0
  }
  .big_cir {
    margin-right: 205px
  }
  .vendor-bg {
    background: url(../images/vendor-bg.jpg) 50% 0/cover no-repeat rgba(0,0,0,0)!important;
}
}
@media (max-width:600px)
{
  .btn-resp1
    {
    margin-right: 20px;
    margin-bottom: 20px;
    }
}
@media (max-width:480px) {
  .gray,
  .ulibody p {
    text-align: justify
  }
  .logosectio {
    width: 95px
  }
  .leftul {
    margin: 0 45px 0 0
  }
  .tophedr {
    height: 33px
  }
  .buttonmenu {
    top: -99px
  }
  .contactscction1 {
    margin-left: 126px;
    margin-top: 12px
  }
  .contactscction {
    padding-top: 0
  }
  .adj {
    margin-right: 60px
  }
  .for11 {
    min-height: 250px
  }
  .colsix {
    width: 100%
  }
  .col-md-6.text.low>img {
    margin: 25px 85px 0 0
  }
  .appointment-form.clearfix {
    background: 0 0;
    float: left;
    width: 100%;
    margin: 550px 0 0
  }
  .forever,
  .full {
    width: 100%!important
  }
  .full {
    margin: 0
  }
  .clep {
    margin: 30px 0 0!important
  }
  .posi {
    height: 346px;
    margin: 420px 0 0
  }
  .sef {
    width: 80%!important;
    margin: 235px 0 0!important
  }
  .colo {
    padding: 0!important
  }
  .col-md-2 {
    width: 68.667%
  }
  .home-concept .process-image {
    padding-bottom: 0
  }
  .big_cir {
    margin-right: 75px;
    margin-top: 100px
  }
  .home-04 #box-footer .box-footer-middle .block {
    width: 95%!important;
    margin: 0 3%
  }
  .section-short-title.centro.real {
    padding: 0
  }
  .gray {
    padding: 0 7px
  }
  .flotleft {
    width: 75%
  }
  .ulibody p {
    clear: both
  }
  .sky-mega-menu-anim-flip li a {
    color: #fff!important;
    font-size: 14px
  }
  .tp-leftarrow,
  .tp-rightarrow {
    display: none
  }
  .abou_absulute {
    width:100%;
}
  .addre {
    width: 100% !important;
}
  .home-04 h6 {
    padding: 10px;
}
}


@media (max-width:430px)
{
   .btn-resp
    {
    margin-right: 20px;
    margin-bottom: 20px;
    }
    .btn-resp1
    {
    margin-right: 20px;
    margin-bottom: 20px;
    }
}

@media (max-width:435px) {
  .full,
  .ulibody p {
    text-align: justify
  }
  .adj {
    margin-right: -5px
  }
  .contactscction1 {
    margin-left: 147px;
    margin-top: 30px;
    margin-bottom: 0px
  }
  .teamviewer {
    float: right!important
  }
  .uiconbody {
    margin-right: 10px;
    float: left;
    width: 22%
  }
  .posi>img {
    margin-top: 25px
  }
  .appointment-form.clearfix {
    background: 0 0;
    float: left;
    width: 100%;
    margin: 575px 0 0
  }
  .forever {
    margin: 0
  }
  .clep {
    margin: 30px 0 0!important
  }
  .big_cir {
    margin-right: 50px
  }
  .ulibody p {
    clear: both
  }
}

@media (max-width:414px) {
  .home-04 #box-footer .box-footer-middle .block {
    width: 90%!important;
    margin: 0 5%;
    border: none;
    height: auto;
    padding-bottom: 25px
  }
  .big_cir {
    margin-right: 40px
  }
  .sef {
    width: 80%!important;
    margin: 265px 0 0!important
  }
  .col-md-6.text.low>img {
    margin: 25px 50px 0 0
  }
  .contactscction1 {
    margin-left: 126px!important
  }
}

@media (max-width:411px) {
  .container {
    width: 95%;
    margin: 0 2.5%;
    padding: 0
  }
  .full,
  .ulibody p {
    padding-right: 5px
  }
  .pdr-45
    {
            padding-right: 45px!important;
    }
  .for11 {
    min-height: 225px
  }
  .colsix {
    width: 99%
  }
  .col-md-6.text.low>img {
    margin: 20px 50px 20px 0
  }
  .thr20 {
    background: 0 0;
    margin-top: 550px;
    width: 180px;
    right: 190px
  }
  .full {
    width: 394px!important
  }
  .clap {
    margin: 590px 0 0
  }
  .posi>img {
    margin-top: 10px
  }
  .sef {
    width: 100%!important;
    margin-top: 215px
  }
  .forever,
  .full {
    margin: 0 0 0 10px
  }
  .forever {
    width: 375px
  }
  .oneman {
    width: 41%!important
  }
  .col-md-2 {
    width: 69.667%
  }
  .hompro .process-image {
    margin-top: 30px
  }
  .circle1 {
    margin-top: 95px
  }
  .col-md-4 {
    margin-right: 35px
  }
  .popup-height
    {
        margin-right:0px;
    }
  .contactscction1 {
    margin-left: 90px!important
  }
}

@media (max-width:360px) {
  .buttonmenu,
  .buttonmenu>a {
    display: block
  }
  .logosectio {
    width: 75px
  }
  header {
    width: 100%
  }
  .contactscction {
    width: 78%;
    float: left;
    margin: 0;
    padding-top: 0
  }
  .contactscction li:nth-child(2) {
    width: 105%
  }
  .contactscction1 {
    width: 70%;
    margin-left: 7px;
    margin-bottom: 28px;
    margin-top: -20px
  }
  .tp-rightarrow {
    margin-top: 120px
  }
  .adj li {
    margin: 0 0 0 45px
  }
  .teamviewer {
    width: 25px!important;
    float: left!important
  }
  .teamviewer img {
    margin: 0 0 0 155px;
    float: left
  }
  .contactscction li strong,
  .contactscction1 li strong {
    font-size: 12px
  }
  .contactscction li,
  .contactscction1 li {
    width: 100%;
    font-size: 10px
  }
  .logosectio {
    position: static;
    margin-top: 10px
  }
  .menurtpe {
    width: 100%;
    height: auto;
    float: left
  }
  .sky-mega-menu {
    margin-top: 0
  }
  .sky-mega-menu ul {
    width: 100%
  }
  .sky-mega-menu-anim-flip li {
    width: 100%;
    border-top: 1px solid #8462c0;
    border-bottom: 1px solid #af8bee
  }
  .sky-mega-menu-anim-flip {
    width: 100%;
    position: fixed;
    right: -100%;
    transition: all 1s ease 0s;
    top: 35px
  }
  .sky-mega-menu li a {
    font-size: 14px;
    text-align: left
  }
  section {
    min-height: 200px
  }
  .appointment-sec.height {
    width: 100%
  }
  .wid {
    width: 360px
  }
  .colsix {
    width: 100%;
    float: left
  }
  .red.desire {
    left: 225px!important;
    margin: 104px 0 0
  }
  .appointment-sec.clepass {
    /*margin-top: 535px!important*/
  }
  .section-short-title {
    width: 98%;
    margin: 0 1%
  }
  .circle1 {
    margin-top: 95px!important
  }
  .seviceblock li {
    width: 100%
  }
  .uiconbody i {
    width: 59px;
    height: 59px;
    line-height: 59px
  }
  .appointment-form.clearfix {
    margin: 488px 0 0
  }
  .section-short-title h1 {
    font-size: 24px;
    padding: 0 10px 0 0
  }
  .appointmentsep {
    width: 100%!important;
    margin: 50% 0 0;
    padding: 0
  }
  .posi>img {
    width: 100%;
    margin: 0
  }
  .posi {
    height: 370px;
    margin-right: -81px
  }
  .sef {
    width: 100%!important;
    margin-top: 175px!important
  }
  .minandroid {
    height: 1250px!important
  }
  .demolinl h6 {
    width: 96%;
    margin: 0 2%;
    padding: 0
  }
  .col-md-8.get {
    float: left;
    width: 100%
  }
  .full {
    width: 100%!important
  }
  .col-md-6.Platform {
    width: 100%;
    float: right;
    margin: 133% 0 0
  }
  .fa_webcon {
    float: left;
    height: 55px
  }
  .fa_webcon i {
    width: 59px;
    height: 59px;
    line-height: 59px
  }
  .abou_absulute {
    width: 290px;
    left: 7px
  }
  .client-logo li {
    width: 75%!important;
    margin: 10%;
    position: static
  }
  .home-04 #box-footer .box-footer-middle .block {
    height: 200px;
    width: 85%!important;
    margin: 0 0 0 10%;
    padding: 0
  }
  .home-04 h6 {
    padding: 10px;
    border-top: 1px solid
  }
  .location {
    margin: 0 20px 0 0
  }
  .col-xs-9 {
    width: 92%
  }
  .uiconbody {
    margin-right: 0
  }
  .circl img {
    margin: 0 20px 20px 0!important
  }
  .Innovative img {
    margin-left: 8%;
    width: 79%
  }
  .Innovative {
    margin-top: -136px!important
  }
  .col-md-2 {
    width: 73.667%;
    float: left;
    margin: 0 0 0 45px;
    padding: 0;
    height: 310px
  }
  .home-concept {
    background: 0 0!important
  }
  .project-image {
    background: url(../images/home-concept-item.png) no-repeat rgba(0, 0, 0, 0);
    margin: 95px 0 0 -15px;
    padding-bottom: 45px;
    position: relative;
    width: 159px;
    z-index: 1
  }
  .sky-mega-menu.sky-mega-menu-anim-flip.sky-mega-menu-response-to-icons.m_show {
    right: 0;
    overflow: auto;
    height: 100%;
    width: 288px;
    background: #9575cd
  }
  .buttonmenu {
    height: 35px;
    position: absolute;
    right: 0;
    width: 35px;
    border: 1px solid #af8bee;
    margin: 20px 20px 0 0;
    text-align: center;
    line-height: 35px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);
    background: #9575cd;
    top: -22px
  }
  .colr {
    color: #fff!important
  }
  .rightside {
    width: 340px!important;
    position: fixed;
    right: 0!important;
    margin: 0 10px;
    top: 160px!important;
    display: none
  }
  .buttonmenu:hover>.rightside {
    display: block
  }
  .dropright li {
    background: #0d47a1
  }
  .grid-container11.griprod.p_show {
    display: block!important;
    height: 154px;
    position: unset
  }
  .grid-container11.griprod.s_show {
    display: block!important;
    height: 77px;
    position: unset
  }
  .man,
  .oneman {
    height: auto!important
  }
  .rev_slider img {
    margin: 0 0 0 15px
  }
  .man {
    margin: 50px 0 0 20px!important;
    width: 100%!important
  }
  .oneman {
    margin: 20px 0 0 20px!important;
    width: 40%!important
  }
  .tp-leftarrow,
  .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 125px 0 0!important;
    display: none
  }
  input[type=text],
  input[type=email],
  input[type=number],
  select {
    height: 40px;
    outline: 0;
    width: 91%;
    margin: 7px
  }
  .home-04 #box-footer .box-footer-bottom {
    margin: 65px 0 0;
    text-align: center
  }
  .home-04 #box-footer .box-footer-middle {
    border: none
  }
  .leftul {
    float: right;
    margin: 0 35px 0 0
  }
  .tophedr {
    height: 35px
  }
  .leftul li {
    padding: 10px 13px
  }
  .big_cir {
    width: 100%;
    margin: 0 -120px 0 0
  }
  .home-04 #box-footer .box-footer-middle .block {
    border-right: none
  }
  .col-md-6.text.low>img {
    margin: 20px 15px 20px 0!important
  }
  .dentalsto {
    color: #333!important;
    text-align: justify
  }
  .tab_res {
    margin: 2%;
    width: 41%;
    height: auto
  }
}

@media (max-width:320px) {
  .buttonmenu,
  .buttonmenu>a {
    display: block
  }
  .clear {
    margin-top: -15px
  }
  .logosectio {
    width: 65px
  }
  .row.denfollwed {
    width: 320px
  }
  .conico {
    width: 40px
  }
  .seviceblock a {
    width: 320px
  }
  header {
    width: 100%
  }
  section {
    min-height: 175px
  }
  .red.desire {
    left: 185px!important;
    margin: 115px 0 0
  }
  .uiconbody i {
    margin-right: 13px
  }
  .col-md-6.text.low>img {
    width: 270px;
    height: 270px;
    margin: 30px 45px 0 0!important
  }
  .section-short-title h1 {
    font-size: 24px;
    padding: 0 10px 0 0
  }
  .minandroid {
    height: 1415px!important
  }
  .col-md-8.get {
    float: left;
    width: 100%
  }
  .location {
    width: 98%;
    margin: 0 2% 0 0
  }
  input[type=text],
  input[type=email],
  input[type=number],
  select {
    height: 40px;
    outline: 0;
    width: 90%;
    margin: 7px
  }
  .Innovative {
    margin-top: -150px!important
  }
  .client-logo li {
    width: 75%!important;
    margin: 10%;
    position: static
  }
  .home-04 #box-footer .box-footer-middle .block {
    height: 200px;
    width: 80%!important;
    margin: 0 0 0 10%;
    padding: 0
  }
  .home-04 h6 {
    padding: 10px
  }
  .col-xs-9 {
    width: 92%
  }
  .Innovative img {
    margin-left: 8%;
    width: 79%
  }
  .col-md-2 {
    width: 74.667%;
    float: left;
    margin: 0 0 0 40px;
    padding: 0;
    height: 310px
  }
  .home-concept {
    background: 0 0!important
  }
  .project-image {
    background: url(../images/home-concept-item.png) no-repeat rgba(0, 0, 0, 0);
    margin: 100px 0 0 -28px;
    padding-bottom: 45px;
    position: relative;
    width: 159px;
    z-index: 1
  }
  .buttonmenu {
    height: 35px;
    position: absolute;
    right: 0;
    width: 35px;
    border: 1px solid #af8bee;
    text-align: center;
    background: #9575cd;
    line-height: 35px;
    margin: 20px 15px 0 0;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1)
  }
  .colr {
    color: #fff!important
  }
  .rev_slider img {
    margin: 0 0 0 15px
  }
  .sky-mega-menu.sky-mega-menu-anim-flip.sky-mega-menu-response-to-icons.p_show {
    position: absolute;
    right: 0;
    top: -50px
  }
  .dropright li {
    background: #0d47a1
  }
  .grid-container11.griprod.p_show {
    display: block!important;
    height: 154px;
    position: unset
  }
  .grid-container11.griprod.s_show {
    display: block!important;
    height: 77px;
    position: unset
  }
  .man,
  .oneman {
    height: auto!important
  }
  .man {
    margin: 50px 0 0 20px!important;
    width: 100%!important
  }
  .oneman {
    margin: 20px 0 0 20px!important;
    width: 40%!important
  }
  .tp-leftarrow,
  .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 185px 0 0!important
  }
  .adj {
    margin-right: 0
  }
  .home-04 #box-footer .box-footer-middle .block {
    border-right: none
  }
  .for11 {
    min-height: 165px!important
  }
  .sky-mega-menu.sky-mega-menu-anim-flip.sky-mega-menu-response-to-icons.m_show {
    width: 320px
  }
  .appointment-sec.clepass {
    /*margin-top: 625px!important*/
  }
  .than_desing {
    text-align: center;
    width: 95%;
    margin: 0 2%
  }
  .high {
    height: 123px
  }
  .value {
    width: 200px!important
  }
  .popup-box h2, .popup-box1 h2 {
      font-size: 25px;
}
}
@media screen and (min-width: 1536px) and (max-width: 1536px) and (min-height: 2048px) and (max-height: 2048px)
{
    .popupres-1536
    {
            top: 81%!important;
    }
}