@media (max-width: 1920px){
    
    .blog-block-details {
    float: right;
    width: 74%;
    padding: 20px;
}

     .our-works-slidercontainer .rslides.rslides1{
         margin-top:-38px;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1{
         background:#ccc;
         right:0;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg{
         width:100%;
         background:#ccc;
    }
     .our-philosophy-content{
         margin:250px 0 180px 0 !important;
    }
     .about-img .myth-graphics-img1, .service-img .myth-graphics-img1 {
         display: none;
    }
     .owl-carousel .owl-item img {
         width: auto;
         float: left;
         margin: 40px 66px;
         /*-webkit-filter: grayscale(100%);
         filter: grayscale(100%);*/
         transition: 0.6s ease;
         height: 88px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .rslides-right {
         width: 587px;
         height: 329px;
         margin: 15px 49px 0 0;
    }
     button.clickdown {
         left: 49.2%;
    }
     .right.carousel-control {
         right: 47.2%;
    }
    
    .services-myth-content h2 {
    float: left;
    width: 100%;
    color: #f2b13c;
    font-size: 20px;
    font-family: 'BentonSans-Bold';
}

.carousel-caption h2{ margin: 0 0 10px 0; }

.zd-team-front-banner{padding:330px 0 0 0;}
    /* Hetal Add css 30/10/2018 Complete */
    
/* Purvank Add css 2/8/2019 Start */
.carousel-caption .zd-join-us-btn.hvr-sweep-to-right .fa {
    margin: 8px 0 0 10px;    
}
.expertise .zd-join-us-btn .fa {
    margin: 13px 0 0 0;    
}
.vport .zd-join-us-btn .fa {
    margin: 13px 0 0 15px;
}
.blog-details-container {
    padding-left: 160px;
    padding-right: 160px;    
}
/* Purvank Add css 2/8/2019 Start */
}
 @media (max-width: 1600px){
/* Purvank Add css 03/8/2019 Start */
    .carousel-caption .zd-join-us-btn.hvr-sweep-to-right .fa {
        margin: 6px 0 0 10px;
    }
    .blog-block-details {
        width: 69%;    
    }
    .older-blogs .fa {
        margin: 12px 8px 0 0;
    }
    .blog-details-container {
        padding-left: 134px;
        padding-right: 134px;    
    }
/* Purvank Add css 03/8/2019 Complete */
     .our-works-slidercontainer .rslides.rslides1 {
         margin-top:0px;
    }
     .owl-carousel .owl-item img {
         width: auto;
         float: left;
         margin: 40px 41px;
         /*-webkit-filter: grayscale(100%);
         filter: grayscale(100%);*/
         transition: 0.6s ease;
         height: 88px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .rslides-right {
         width: 494px;
         height: 280px;
         margin: 11px 1px 0 0;
    }
     .about-img .myth-graphics.myth-graphics1 {
         margin: 155px 0 0 0;
    }
     .carousel-caption h2 {
         color: #ff0000;
         font-size: 48px;
         text-shadow: none;
         color: #e82759;
         font-family: 'BentonSans-ExtraLight';
         font-weight: normal;
         margin-bottom: 15px;
         line-height: normal;
         margin-top: 40px;
         margin: 0 0 10px 0;
    }
     button.clickdown {
         top: 85%;
    }
     .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
         top: 86.5% 
    }
     h3.content-title span, h3.content-title span {
         float: none;
         display: inline-block;
         color: #231f20;
         margin: 0;
    }
     h3.content-title p {
         float: none;
         display: inline-block;
         margin-top: 0;
         color: #11b5b6;
    }
     .zd-why-myth-container h1.content-title {
         text-align: left;
         width: auto;
        /* position: absolute;
         */
         top: -50px;
    }
     .zd-why-myth-container h1.content-title p {
         margin-top: 68px;
         color: #ffffff;
    }
     h1 .content-title span::after{
         content: "";
         display: block;
         text-align: left;
         width: 100px;
         height: 2px;
         background: #231f20;
         float: none;
         margin: auto;
         position: absolute;
         bottom: -5px;
    }
     .zd-why-myth-container h3.content-title span::after {
         content: "";
         display: block;
         text-align: left;
         width: 100px;
         height: 2px;
         background: #fff;
         float: none;
         margin: auto;
         position: absolute;
         bottom: -5px;
    }
     .services-block h2 {
         display: inline-block;
         text-align: center;
         margin: auto;
         font-size: 18px;
         line-height: 22px;
         font-family: 'BentonSans-Bold';
         color: #231f20;
         float: none;
         width: 100%;
         transition: 0.6s ease;
         font-weight: normal;
    }
     .rslides-right {
         width: 492px;
         float: right;
         height: 277px;
         object-fit: cover;
         object-position: center center;
         margin: 10px 42px 0 0;
    }
     .rslides-left h3 {
         float: left;
         width: 100%;
         font-weight: normal;
         color: #f2b13c;
         font-size: 26px;
    }
     .our-philosophy-content-block h2 {
         float: left;
         width: 100%;
         margin: 0;
         font-weight: normal;
         padding: 0;
         font-size: 30px;
         color: #f2b13c;
         font-family: 'BentonSans-Bold';
    }
     .services-myth-content h2 {
         float: left;
         width: 100%;
         color: #f2b13c;
         font-size: 20px;
         font-family: 'BentonSans-Bold';
    }
     .services-myth-content h2:Focus {
         outline: none;
    }
     .services-myth-content h2 a {
         color: #f2b13c;
         text-decoration: none;
    }
     .about-myth-content dl dt h3 a {
         font-size: 16px;
         color: #f2b13c;
         font-weight: normal;
         font-family: 'BentonSans-Bold';
         text-decoration: none;
    }
     .we-are-myth-bg1 {
         top: 220px;
         right: 0;
         height: 240px;
         position: absolute;
         z-index: -1;
         background: #231f20;
         width: 50%;
    }
     .about-img .graphics-block img {
         top: -450px;
         width: auto;
         right: 0;
         left: 0;
         z-index: -1;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1 {
         top: 300px;
         left: : 0;
         height: 290px;
         position: absolute;
         z-index: -1;
         background: #ccc;
         width: 50%;
         right: 0;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg {
         width: 100%;
         background: #ccc;
         position: absolute;
         height: 800px;
         top: 590px;
         z-index: -1;
         left: 0;
    }
     .about-img .myth-graphics-img1, .service-img .myth-graphics-img1 {
         display: none;
    }
     .services-img .myth-graphics img {
         top: 20px;
    }
     .services-myth-content {
         margin-top: 100px;
    }
     .we-are-myth-container2.service-design {
         margin: 100px 0 150px 0;
    }
     .service-design .myth-graphics img {
         top: 180px;
    }
     .services-banner {
         margin-top: 50px;
    }
     .services-img .services-bottom-container .we-are-myth-bg1 {
         top: 205px;
    }
     .services-img .we-are-myth-container.services-bottom-container.services-bg-red .we-are-myth-bg {
         top: 405px;
    }
     .digital-marketing .myth-graphics img {
         top: 125px;
    }
     .thumb {
         margin: 0;
    }
     .pen-tap {
         float: left;
         margin: 50px 0 0 300px;
    }
     .contact-from button {
         float: left;
    }
     .notebook {
         right: 12%;
         top: -25%;
    }
     .startproject-img .myth-graphics img {
         top: 20px;
    }
     .startproject-img .about-myth-content {
         padding: 40px 60px;
    }
     .startproject-img .contact-container .we-are-myth-bg1 {
         top: 150px;
    }
     .about-img .myth-graphics-img .myth-graphics img {
         top: 120px;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1 {
         top: 346px;
    }
     .about-img .myth-graphics img {
         top: 45px;
    }
    /* Hetal Add css 30/10/2018 Complete */
}
 @media (max-width: 1440px){
     
     .blog-block-details {
    float: right;
    width: 66%;
    padding: 20px;
}

.blog-details-container {
	
	width: 80%;
	position:relative;
	z-index: 9;
	padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0 auto;
}
     
     .zd-team-front-banner{padding:230px 0 0 0;}
     .our-philosophy-content {
         margin: 0px 0 180px 0 !important;
    }
     .our-works-slidercontainer .rslides.rslides1 {
         margin-top:1px;
    }
     .owl-carousel .owl-item img {
         width: auto;
         float: left;
         margin: 40px 26px;
         /*-webkit-filter: grayscale(100%);
         filter: grayscale(100%);*/
         transition: 0.6s ease;
         height: 88px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .rslides-right {
         width: 492px;
         margin: 10px 2px 0 0;
    }
     button.clickdown {
         left: 49%;
    }
     .about-img .z-bounce img {
         right: -30px;
    }
     .about-img .graphics-block img {
         left: 0;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1 {
         top: 343px;
         height: 255px;
    }
     .about-img .myth-graphics.myth-graphics1 {
         margin: 152px 0 0 0;
    }
     .services-banner {
         margin-top: 0;
    }
     .services-myth-content {
         padding: 30px 50px 40px 50px;
    }
     .services-myth-content {
         margin-top: 60px;
    }
     .digital-marketing .myth-graphics img {
         top: 100px;
    }
     .mobile-image img {
         right: 50px;
    }
     .getintouch-img .myth-graphics img {
         top: 0px;
    }
     .about-img .myth-graphics img {
         top: 0;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 2/8/2019 Start */
    .blog-details-container {
        padding-left: 120px;
        padding-right: 120px;
    }
    .carousel-caption .zd-join-us-btn.hvr-sweep-to-right .fa {
        margin: 6px 0 0 10px;
    }
    .expertise .zd-join-us-btn .fa {
        margin: 10px 0 0 0;
    }
    .vport .zd-join-us-btn .fa {
        margin: 10px 0 0 15px;
    }
    .blog-block-details-text .content h2 {
        display: none;
    }
    .blog-block-details-text .content a {
        display: none;
    }
    .older-blogs .fa {
        margin: 8px 8px 0 0;    
    }
    /* Purvank Add css 2/8/2019 Complete */
}
/* Hetal Add css 30/10/2018 Start */
 @media (max-width: 1400px){
     .blog-details-container {
        padding-left: 116px;
        padding-right: 117px;
    }
     .our-works-slidercontainer .rslides.rslides1 {
         max-width: 100% !important;
         margin-left: 8px;
    }
     .rslides-right {
         margin: 10px 0 0 6px;
    }
     .rslides_tabs {
         text-align: left;
         margin-left: 6px;
         padding: 0;
    }
     .about-img .myth-graphics.myth-graphics1 {
         margin: 164px 0 0 0;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1 {
         top: 355px;
         height: 242px;
    }
     .about-img .video iframe {
         height: 524px;
    }
     .we-are-myth-container2.service-design {
         margin: 50px 0 150px 0;
    }
     .service-design .myth-graphics img {
         top: 200px;
    }
     .myth-inquiry-form-container {
         margin: 80px 0 0 0;
    }
     .getintouch-img .contact-details-container, .startproject-img .contact-details-container {
         padding: 30px 50px;
    }
     .notebook {
         top: -20%;
    }
     .contact-from {
         padding: 50px;
    }
     .about-img .we-are-myth-bg {
         top: 458px;
    }
}
/* Hetal Add css 30/10/2018 Complete */
 @media (max-width: 1366px){
     .owl-carousel .owl-item img {
         width: auto;
         float: left;
         margin: 40px 48px;
         /*-webkit-filter: grayscale(100%);
         filter: grayscale(100%);*/
         transition: 0.6s ease;
         height: 88px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .our-works-slidercontainer .rslides.rslides1 {
         max-width: 100% !important;
         margin-left: 18px;
    }
     .rslides_tabs {
         text-align: left;
         margin-left: 14px;
         padding: 0;
    }
     .rslides-right {
         margin: 11px 1px 0 0;
    }
     .about-img .myth-graphics img {
         top: 0;
    }
     .about-img .myth-graphics.myth-graphics1 {
         margin: 170px 0 0 0;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1 {
         top: 361px;
         height: 238px;
    }
     .about-img .video iframe {
         height: 510px;
    }
     .about-img .myth-graphics img {
         top: 0;
    }
     .we-are-myth-container2.service-design {
         margin: 50px 0 150px 0;
    }
     .service-design .myth-graphics img {
         top: 230px;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 11/12/2019 Start */
    .blog-details-container {
        padding-left: 113px;
        padding-right: 113px;
    }
    .about-myth-content {
            padding: 60px 60px 60px 60px;
    }
    .blog-block-details {
            width: 62%;
    }
    .expertise .zd-join-us-btn .fa {
        margin: 13px 0 0 0;    
    }
    .vport .zd-join-us-btn .fa {
        margin: 13px 0 0 15px;    
    }
    .carousel-caption .zd-join-us-btn.hvr-sweep-to-right .fa {
        margin: 8px 0 0 10px;    
    }
    .zd-join-us-btn .fa {
        margin: 13px 0 0 15px;    
    }
    .older-blogs .fa {
        margin: 11px 8px 0 0;    
    }
    .next-blogs .fa {
        margin: 12px 0 0 8px;
    }
    .blog-block-details-text .content h2 {
        display: none;
    }
    .blog-block-details-text .content a {
        display: none;
    }
    /* Purvank Add css 11/12/2019 Complete */
}
 @media (max-width: 1280px){
     
     .ft-menu-links ul li { margin:0 4px;}
     
     .internal-page-container {
    float: left;
    width: 100%;
    margin-top: 280px;
}

.blog-details-container {
	
	width: 80%;
	position:relative;
	z-index: 9;
	padding-left: 0px;
    padding-right: 0px;
    margin: 0 auto;
}
 

     .owl-carousel .owl-item img {
         width: auto;
         float: left;
         margin: 40px 27px;
        /* -webkit-filter: grayscale(100%);
         filter: grayscale(100%);*/
         transition: 0.6s ease;
         height: 88px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .our-works-slidercontainer .rslides.rslides1 {
         max-width: 100% !important;
         margin-left: 38px;
    }
     .rslides_tabs {
         text-align: left;
         margin-left: 32px;
         padding: 0;
    }
     .rslides-right {
         width: 492px;
    }
     .rslides-left p {
         line-height: 22px;
    }
     .about-myth-content {
         padding: 60px;
    }
     .about-img .myth-graphics.myth-graphics1 {
         margin: 200px 0 0 0;
    }
     .about-img .video iframe {
         height: 478px;
    }
     .about-img .z-bounce img {
         right: -60px;
    }
     .service-design .myth-graphics img {
         top: 160px;
    }
     .pen-tap {
         margin: 50px 0 0 200px;
    }
     .services-myth-content {
         padding: 30px;
         margin-top: 74px;
    }
     .services-myth-content p {
         line-height: 24px;
    }
     .services-myth-content h2, .services-myth-content .about-myth-content, .about-myth-content h3 {
         margin-top: 0;
    }
     .we-are-myth-container2.service-design {
         margin: 100px 0 150px 0;
    }
     .service-design .myth-graphics img {
         top: 180px;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         font-size: 50px;
    }
     .getintouch-img .myth-graphics img {
         top: 50px;
    }
     .notebook {
         top: -25%;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1 {
         top: 391px;
    }
     .zd-why-myth-container h1.content-title {
         margin-top: 0;
    }
    /* Hetal Add css 30/10/2018 Complete */
}
 @media (max-width: 1024px){
     
     
     .ft-menu-links .col-md-8 {
	max-width: 100%;
	float: left;
	width: 100%;
}

    .internal-page-container.team-page-container .zd-team-front-banner img {width: 95%;}

.internal-page-container.team-page-container .zd-team-front-banner .div1:hover ~ .div1img {width: 95%;}

.internal-page-container.team-page-container .zd-team-front-banner .div2:hover ~ .div2img {width: 95%;}

.zd-team-front-banner{height:auto;}
    /* 3D Visualization page start */
     #dtx-header-menu ul li a{
         font-size: 30px;
    }
     #dtx-header .ft-social-container a{
         margin-right: 35px;
         font-size: 35px;
    }
     #dtx-header-menu ul{
         margin-top: 80px;
    }
     .vector-model3d{
         display: none;
    }
     .about-myth-content.box-3d {
         height: 100%;
    }
     .about-myth-content{
         padding: 30px;
    }
     .myth-graphics.servicesdetailsimg img{
         margin-top: 40px;
    }
     .vport{
         margin-left: 0px;
    }
     .vport button{
         padding: 8px 15px;
    }
     .about-myth-content{
         line-height: 23px;
         font-size: 16px;
    }
     .expertise{
         margin-bottom: -10px;
    }
     .internal-page-container{
         margin-top: 200px;
    }
     .form-wrapper input{
         width: 90%;
         font-size: 50px;
    }
    /* About Page Start */
     .internal-page-container{
         margin-top: 300px;
    }
     .we-are-myth-container img{
         top: -180px;
         right: 2px;
    }
     .myth-graphics{
         top: 0;
    }
     .we-are-myth-container2 .myth-graphics img{
         top: -60px;
    }
     .our-philosophy-content{
         margin: 0;
    }
     .graphics-block{
         display: none;
    }
     .we-are-myth-bottom-container .myth-graphics img{
         top: -250px;
    }
     .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1{
         background: none;
    }
     .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg{
         background: none;
    }
     .we-are-myth-container1.we-are-myth-bottom-container{
         margin-bottom: 100px;
    }
     .video iframe{
         height: 383px;
    }
    /* Application ui design Start*/
     .vector-modelaud{
         display: none;
    }
     .space{
         margin: 80px 0px 40px 0;
    }
     .about-myth-content.box-aud{
         height: 100%;
    }
     .vector-modelard{
         display: none;
    }
     .about-myth-content.box-ar{
         height: 100%;
    }
    /* Augmented Reality Start */
     .vector-modelard{
         display: none;
    }
     .about-myth-content.box-ar{
         height: 100%;
    }
    /* Branding Start */
     .vector-modelbd{
         display: none;
    }
     .about-myth-content.box-br{
         height: 100%;
    }
    /* Brochure Design Start*/
     .vector-modelbr{
         display: none;
    }
     .about-myth-content.box-bro{
         height: 100%;
    }
    /* Contact Start */
     .mobile-image img{
         margin-top: 22px;
         margin-right: 12px;
    }
     .notebook{
         top: -40%;
    }
     .myth-inquiry-form-container{
         margin: 0;
    }
     .contact-from{
         padding: 50px;
    }
     .contact-details-container{
         padding: 30px 50px;
    }
    /* Dedicated Server Hosting Start */
     .vector-modeldsh{
         display: none;
    }
    /* Domain Registration Start */
     .vector-modeldnr{
         display: none;
    }
    /* Email Marketing Start */
     .vector-modelem{
         display: none;
    }
    /* Graphics Design Start */
     .vector-modelgd{
         display: none;
    }
    /* Image Enhancement Start */
     .vector-modelie{
         display: none;
    }
    /* Index Start */
     #dtx-h2-grid-portfolio{
         margin-top: -80px;
    }
     #dtx-h2-grid{
         margin-top: -140px;
    }
     .dtx-h2-slider-item-text-inner p{
         line-height: 20px;
    }
     #dtx-h2-grid-works{
         margin-top: -80px;
    }
    /* Logo Design Start */
     .vector-modelld{
         display: none;
    }
    /* Mobile Interface Design Start */
     .vector-modelmid{
         display: none;
    }
    /* Photography Start */
     .vector-modelph{
         display: none;
    }
    /* Psd Html Start */
     .vector-modelpsd{
         display: none;
    }
    /* Sem Start */
     .vector-modelsm{
         display: none;
    }
    /* Seo Start */
     .vector-modelso{
         display: none;
    }
    /* Services Start */
     .services-myth-content{
         padding: 10px 50px;
    }
     .we-are-myth-container2 .myth-graphics img {
         top: -140px;
    }
    /* Shared Web Hosting Start */
     .vector-modelswh{
         display: none;
    }
    /* Startaproject Start */
     .internal-page-container {
         margin-top: 100px;
    }
     .we-are-myth-container .content-title{
         margin-bottom: 0;
    }
    /* Web Design Start */
     .vector-modelwd{
         display: none;
    }
    /* Hetal Add css 30/10/2018 Start */
     div .carousel-caption {
         top: 50%;
    }
     button.clickdown {
         left: 48.6%;
    }
     .left.carousel-control {
         left: 44.5%;
    }
     h3.content-title {
         margin-top: 50px;
    }
     .about-img .myth-graphics img {
         top: 0;
    }
     .about-img .myth-graphics.myth {
         top: 0;
    }
     .about-img h3.content-title {
         margin-top: 0;
    }
     .about-img .we-are-myth-bg {
         top: 380px;
         height: 500px;
    }
     .about-img .z-bounce img {
         display: none;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1 {
         top: 250px;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg {
         top: 450px;
         height: 560px;
    }
     .about-img .video-bg-container {
         margin: 140px 0;
    }
     .about-img .video iframe {
         height: 380px;
    }
     .about-img .myth-graphics img {
         position: inherit;
    }
     .about-img .we-are-myth-container2 .about-myth-content {
         margin-top: 30px;
    }
     .about-img .myth-graphics {
         margin-bottom: 90px;
    }
     .our-philosophy-content {
         margin: 0px 0 100px 0 !important;
    }
     .internal-page-container .content-title {
         font-size: 36px;
    }
     .about-img .about-myth-content dl dd {
         margin-bottom: 30px;
    }
     .about-img .myth-graphics.myth-graphics1 {
         margin: 120px 0 0 0;
    }
     .content-title span::after {
         width: 80px;
    }
     .services-img .myth-graphics img {
         top: 50px;
    }
     .services-myth-content h2 {
         font-size: 18px;
    }
     .services-myth-content p {
         line-height: 22px;
         font-size: 15px;
    }
     .services-myth-content .about-myth-content {
         margin: 0;
    }
     .about-myth-content dl dt h3 a {
         font-size: 15px;
    }
     .services-img .about-myth-content h3 {
         margin-top: 0px;
    }
     .pencil-bunch {
         display: none;
    }
     .services-myth-content {
         padding: 10px 30px;
    }
     .service-design .services-myth-content {
         margin-top: 0;
    }
     .services-myth-content h2 {
         font-size: 17px;
    }
     .services-myth-content p, .services-myth-content .about-myth-content dl dd {
         line-height: 20px;
         font-size: 14px;
         margin-bottom: 10px;
    }
     .services-container .we-are-myth-bg {
         height: 600px;
    }
     .service-design .myth-graphics img {
         top: 125px;
    }
     .pen-tap {
         margin: 20px 0 0 100px;
    }
     .services-img .services-bottom-container .we-are-myth-bg1 {
         top: 85px;
    }
     .services-img .we-are-myth-container.services-bottom-container.services-bg-red .we-are-myth-bg {
         top: 322px;
    }
     .services-myth-content.services-gray-area .about-myth-content {
         padding: 30px;
    }
     .services-img .we-are-myth-container.services-bottom-container.services-bg-red .we-are-myth-bg {
         height: 630px;
    }
     .services-myth-content.digital-marketing {
         margin-top: 30px;
    }
     .we-are-myth-container2 {
         margin: 30px 0 100px 0;
    }
     .z-bounce img {
         display: none;
    }
     .getintouch-img .contact-details-container, .startproject-img .contact-details-container {
         padding: 10px 30px;
    }
     .getintouch-img .contact-details h1, .startproject-img .contact-details h1 {
         margin-top: 15px;
    }
     .getintouch-img .contact-details p, .startproject-img .contact-details p {
         margin: 16px 0 0 0;
         width: 86%;
    }
     .getintouch-img .contact-block {
         margin-bottom: 0;
    }
     .getintouch-img .contact-details .ft-social-container {
         margin: 15px 0;
    }
     .myth-inquiry-form-container {
         margin: 50px 0 0 0;
    }
     .notebook {
         display: none;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         font-size: 40px;
         margin: 0px 0 40px 0;
    }
     .getintouch-img .contact-from {
         padding: 40px;
    }
     .getintouch-img .contact-container .we-are-myth-bg {
         height: 388px;
    }
     .getintouch-img .contact-from button {
         margin: 10px 0 0 0;
    }
     .getintouch-img .contact-map {
         margin: 60px 0 0 0;
    }
     .carousel-caption h1, .carousel-caption h2 {
         margin-top: 60px;
         font-size: 40px;
    }
     .owl-carousel .owl-item img {
         margin: 12px;
    }
     .portfolio-img .zd-portfolio-intro-container {
         margin-top: 180px;
    }
     .portfolio-img .zd-portfolio-intro-block .content-title {
         font-size: 36px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 50px;
    }
    /* Hetal Add css 30/10/2018 Complete */
}
 @media (max-width: 991px){
    /* 3D Visualization page start */
    
    .logo-page-container .zd-portfolio-intro-block .content-title {
    float: none;
    width: 100%;
    text-align: left;
    display: inline-block;
    font-family: 'BentonSans-ExtraLight';
    font-size: 22px;
    padding: 0 25px;
}

.logo-page-container .zd-portfolio-text {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 24px;
    color: #444444;
    font-family: 'BentonSans-Thin';
    line-height: 30px;
    margin: 20px 0 0 0;
    padding: 0 25px;
}

.logo-page-container .zd-portfolio-intro-block {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0 0 50px 0;
    position: relative;
    z-index: 9;
    border: 1px solid rgba(0,0,0,0.05);
}
.logo-page-container .typewrite {
    font-size: 24px;
    font-family: 'BentonSans-Thin';
    color: #f2b13c;
    width: auto;
    display: inline-block;
    float: left;
    width: 100%;
}

     .header{
         display: none;
    }
     .zd-mobile-header {
         float: left;
         width: 100%;
         padding: 20px;
         display: block;
         position: fixed;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
         z-index: 999;
         background: #fff;
    }
     .zd-mobile-logo{
         float: left;
         width: auto;
    }
     .zd-mobile-logo a img {
         width: 100px;
    }
     .zd-mobile-menu {
         float: right;
         width: auto;
         margin: 10px 0 0 0;
    }
     .button_container {
         position: relative;
         top: 0;
         right: 0%;
         height: 24px;
         width: 30px;
         cursor: pointer;
         z-index: 100;
         transition: opacity 0.25s ease;
    }
     .button_container:hover {
         opacity: 0.7;
    }
     .button_container.active .top {
         transform: translateY(11px) translateX(0) rotate(45deg);
         background: #fff;
    }
     .button_container.active .middle {
         opacity: 0;
         background: #fff;
    }
     .button_container.active .bottom {
         transform: translateY(-9px) translateX(0) rotate(-45deg);
         background: #fff;
    }
     .button_container span {
         background: #f2b13c;
         border: none;
         height: 2px;
         width: 100%;
         position: absolute;
         top: 0;
         left: 0;
         transition: all 0.35s ease;
         cursor: pointer;
    }
     .button_container span:nth-of-type(2) {
         top: 9px;
    }
     .button_container span:nth-of-type(3) {
         top: 19px;
    }
     .overlay {
         position: fixed;
         background: #3A3A3A;
         top: 0;
         left: 0;
         width: 100%;
         height: 0%;
         opacity: 0;
         visibility: hidden;
         transition: opacity 0.35s, visibility 0.35s, height 0.35s;
         overflow: hidden;
    }
     .overlay.open {
         opacity: 1;
         visibility: visible;
         height: 100%;
    }
     .overlay.open li {
         animation: fadeInRight 0.5s ease forwards;
         animation-delay: 0.35s;
    }
     .overlay.open li:nth-of-type(2) {
         animation-delay: 0.4s;
    }
     .overlay.open li:nth-of-type(3) {
         animation-delay: 0.45s;
    }
     .overlay.open li:nth-of-type(4) {
         animation-delay: 0.5s;
    }
     .overlay nav {
         position: relative;
         height: auto;
         top: 50%;
         transform: translateY(-50%);
         font-size: 20px;
         font-weight: 400;
         text-align: center;
    }
     .overlay ul {
         list-style: none;
         padding: 0;
         margin: 0 auto;
         display: inline-block;
         position: relative;
         height: 100%;
    }
     .overlay ul li {
         display: block;
         height: 25%;
         height: calc(100% / 4);
         min-height: 45px;
         position: relative;
         opacity: 0;
    }
     .overlay ul li a {
         display: block;
         position: relative;
         color: #fff;
         text-decoration: none;
         overflow: hidden;
    }
     .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
         width: 100%;
    }
     .overlay ul li a:after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 50%;
         width: 0%;
         transform: translateX(-50%);
         height: 1px;
         background: #fff;
         transition: 0.35s;
    }
     @keyframes fadeInRight {
         0% {
             opacity: 0;
             left: 20%;
        }
         100% {
             opacity: 1;
             left: 0;
        }
    }
     .internal-page-container{
         margin-top: 60px;
    }
     .we-are-myth-container .content-title{
         padding-left: 30px;
    }
     .contact-container .we-are-myth-bg1{
         background: none;
    }
     .contact-container .we-are-myth-bg{
         background: none;
    }
     .services-details-container .services-container{
         margin-top: 80px;
    }
     #dtx-footer2{
         padding: 0px 30px;
    }
     .expertise{
         margin: 20px;
    }
    /* About Page Start */
     .zd{
         display: none;
    }
     .internal-page-container{
         margin-top: 60px;
    }
     .we-are-myth-bg1{
         background: none;
    }
     .we-are-myth-bg{
         background: none;
    }
    /* Dedicated Server Hosting Start */
     .about-myth-content.box-dsh{
         height: 100%;
    }
    /* Domain Registration Start */
     .about-myth-content.box-dnr{
         height: 100%;
    }
    /* Email Marketing Start */
     .about-myth-content.box-em{
         height: 100%;
    }
    /* Graphics Design Start */
     .about-myth-content.box-gd{
         height: 100%;
    }
    /* Image Enhancement Start */
     .about-myth-content.box-ie{
         height: 100%;
    }
    /* Index Start */
     figure.effect-goliath img{
         float: none;
         text-align: center;
         display: inline-block;
    }
    /* Logo Design Start */
     .about-myth-content.box-ld{
         height: 100%;
    }
    /* Mobile Interface Design Start */
     .about-myth-content.box-mid{
         height: 100%;
    }
    /* Photography Start */
     .about-myth-content.box-pho{
         height: 100%;
    }
     .content-title span{
         margin-top: 50px;
    }
    /* Portfolio Details Start */
     .main-banner{
         margin-top: 157px;
    }
     .portfolio-description-right{
         min-height: 325px;
    }
    /* Psd Html Start */
     .we-are-myth-container .content-title{
         margin-top: 50px;
    }
     .about-myth-content.box-ph{
         height: 100%;
    }
    /* Sem Start */
     .about-myth-content.box-sem{
         height: 100%;
    }
    /* Seo Start */
     .about-myth-content.box-seo{
         height: 100%;
    }
    /* Services Start */
     .lp{
         display: none;
    }
     .services-myth-content.services-gray-area .about-myth-content{
         padding: 10px 50px;
    }
    /* Shared Web Hosting Start */
     .about-myth-content.box-swh{
         height: 100%;
    }
    /* Web Design Start */
     .we-are-myth-container .content-title{
         margin-top: 0;
    }
     .about-myth-content.box-wd{
         height: 100%;
    }
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h1, .carousel-caption h2 {
         font-size: 40px;
    }
     .carousel-caption p {
         font-size: 18px;
    }
     button.clickdown {
         left: 48.4%;
    }
     .about-img .myth-graphics-img, .services-img .myth-graphics-img {
         display: none;
    }
     .about-img .myth-graphics-img1, .services-img .myth-graphics-img1 {
         display: block;
    }
     .about-img .myth-graphics.myth img {
         top: 0;
    }
     .about-img .myth-graphics {
         margin-bottom: 0;
    }
     .about-img h3.content-title {
         margin-top: 0;
    }
     .myth-graphics-bg {
         background-color: #eaeaea;
         float: left;
         width: 100%;
         height: 268px;
    }
     .myth-graphics-bg img {
         width: 30%;
         margin: auto;
         float: none;
         text-align: center;
         display: block;
    }
     .about-img .we-are-myth-container2 {
         margin: 30px 0 60px 0;
    }
     .about-img .myth-graphics.myth-graphics1 {
         margin: 0;
    }
     .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg1, .about-img .we-are-myth-container1.we-are-myth-bottom-container .we-are-myth-bg, .services-container .we-are-myth-bg, .services-img .services-bottom-container .we-are-myth-bg1, .services-img .we-are-myth-container.services-bottom-container.services-bg-red .we-are-myth-bg{
         background: none;
    }
     .about-img .video-bg-container {
         margin: 0 0 140px 0;
    }
     .our-philosophy-content {
         margin: 0 0 60px 0 !important;
    }
     .content-title span::after {
         width: 70px;
    }
     .services-myth-content {
         margin-top: 50px;
    }
     .services-img .myth-graphics img {
         position: inherit;
    }
     .services-img .myth-graphics img, .service-design .myth-graphics img {
         top: 0;
    }
     .we-are-myth-container2.service-design, .services-myth-content.services-gray-area, .services-myth-content.digital-marketing {
         margin: 0;
    }
     .pen-tap, .thumb {
         display: none;
    }
     .services-myth-content {
         margin-left: 0;
    }
     .digital-marketing .myth-graphics {
         margin-bottom: 0px;
    }
     .getintouch-img .myth-graphics img {
         top: 0;
    }
     .getintouch-img .myth-graphics img {
         position: inherit;
    }
     .getintouch-img .myth-graphics {
         margin-bottom: 0;
    }
     .getintouch-img .myth-inquiry-form-container {
         margin: 0;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         margin: 30px 0 20px 0;
         color: #f2b13c;
    }
     .startproject-img .about-myth-content {
         padding: 30px;
    }
     .startproject-img .myth-graphics img {
         top: 0;
         position: inherit;
    }
     .startproject-img .myth-graphics {
         margin-bottom: 0;
    }
     .myth-graphics.servicesdetailsimg img {
         margin-top: 0;
    }
     span.afbro br, span.afaud br, span.afswh br, span.afsem br {
         display: none;
    }
     .content-title span.afbro p, .content-title span.afaud p, .content-title span.afswh p, .contant-title span.afsem {
         padding-left: 10px;
    }
     .content-title span.afaud::after, .content-title span.afar::after, .content-title span.afbro::after, .content-title span.afdsh::after, .content-title span.afdnr::after, .content-title span.afie::after, .content-title span.afmid::after, .content-title span.afph::after, .content-title span.afsem::after, .content-title span.afswh::after {
         margin-top: 5px;
    }
     .space {
         margin: 80px 0px 0px 0;
    }
     .home-portfolio-second-row .custom-portfolio-img {
         position: inherit;
    }
     #dtx-h2-slider-container, #dtx-h2-slider, #dtx-h2-grid-client {
         padding: 0 15px;
    }
     .home-img h3.content-title {
         font-size: 36px;
    }
     .home-img .intro-text strong {
         line-height: 30px;
         margin: 30px 0;
         font-size: 25px;
    }
     .portfolio-img .portfolio-intro-bg {
         background: none;
    }
     .portfolio-img .zd-portfolio-intro-container {
         margin-top: 156px;
    }
     .portfolio-img .zd-portfolio-intro-block {
         padding: 0;
    }
     .portfolio-img .zd-portfolio-text {
         font-size: 50px;
         margin: 30px 0;
         padding: 0 15px;
    }
     .portfolio-img .zd-portfolio-intro-block .content-title {
         padding: 0 15px;
         margin-top: 0;
    }
     .portfolio-img .zd-portfolio-intro-block .content-title {
         font-size: 30px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 40px;
         line-height: 45px;
    }
    /* Hetal Add css 30/10/2018 Complete */
}
 @media (max-width: 800px){
     
     .ft-menu-links ul li {
	
	font-size: 14px;
	margin: 0 2px;
}

.ft-menu-links ul li a {font-size:14px;}

    /* 3D Visualization page start */
     .internal-page-container .content-title{
         font-size: 40px;
    }
     .form-wrapper input {
         font-size: 40px;
    }
     .form-wrapper button{
         height: 45px;
         width: 45px;
    }
     .content-title p{
         margin-top: 50px;
    }
    /* About Page Start */
     .video iframe {
         height: 360px;
    }
    /* Contact Start */
     .myth-inquiry-form-container h2{
         margin: 0 0 12px 0;
    }
     .myth-graphics {
         top: 180px;
    }
    /* Portfolio Details Start */
     .project-name{
         top: 70px;
    }
    /* Services Start */
     .myth-graphics {
         top: 0;
    }
    /* Startaproject Start */
     .internal-page-container .content-title {
         font-size: 30px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h1 {
         margin-top: 30px;
    }
     .carousel-caption h2 {
         margin-top: 0px;
    }
     .carousel-caption h1, .carousel-caption h2 {
         font-size: 30px;
    }
     button.clickdown {
         left: 48.2%;
    }
     .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
         top: 87.5%;
    }
     .right.carousel-control {
         right: 47.3%;
    }
     .about-img .video iframe {
         height: 350px;
    }
     .myth-graphics-bg {
         height: 218px;
    }
     .services-img .myth-graphics {
         margin-bottom: 30px;
    }
     .getintouch-img .contact-details h1, .startproject-img .contact-details h1 {
         font-size: 18px;
    }
     .getintouch-img .contact-details p, .startproject-img .contact-details p {
         font-size: 15px;
    }
     .getintouch-img .contact-from .form-group input, .startproject-img .contact-from .form-group input{
         font-size: 16px !important;
    }
     .getintouch-img .contact-from .form-group textarea, .startproject-img .contact-from .form-group textarea {
         font-size: 22px;
    }
     .getintouch-img .select2-container--flat .select2-selection--single .select2-selection__arrow, .startproject-img .select2-container--flat .select2-selection--single .select2-selection__arrow {
         height: 16px;
         right: 5px;
         width: 20px;
    }
     .getintouch-img .select2-container--flat .select2-selection--single .select2-selection__rendered, .startproject-img .select2-container--flat .select2-selection--single .select2-selection__rendered {
         line-height: 30px;
         font-size: 16px !important;
    }
     .getintouch-img .contact-from button, .startproject-img .contact-from button {
         width: 145px;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         font-size: 35px;
    }
     .home-img .zd-why-myth-container h1.content-title {
         top: -30px;
    }
     .home-img .dtx-h2-slider-item-left {
         height: 400px;
         margin-top: 15px;
    }
     .home-img .zd-why-myth-container {
         padding: 50px 0;
    }
     .home-img .dtx-h2-slider-item-left .slick-prev, .dtx-h2-slider-item-left .slick-next {
         height: 40px;
         width: 40px;
         bottom: 10%;
    }
     .home-img .dtx-h2-slider-item-left .slick-prev {
         left: calc(100% - 40px);
    }
    /* Hetal Add css 30/10/2018 Complete */
}
 @media (max-width: 768px){
    /* About Page Start */
     .about-img .video iframe {
         height: 330px;
    }
    /* Contact Start */
     .myth-inquiry-form-container h2 {
         margin: -30px 0 12px 0;
    }
     .left.carousel-control {
         left: 44%;
    }
     .content-title span::after {
         width: 60px;
    }
    /* Hetal Add css 30/10/2018 Complete */ 
}
 @media (max-width: 667px){
     
     
     .ft-menu-links .col-md-2 {
	max-width: 100%;
}
.ft-menu-links .col-md-8 {
	width: 100%;
	float: left;
	max-width: 100%;
}

     
     .ft-menu-links ul li:nth-child(2n) {
	display: none;
}
.ft-menu-links ul li {
	float: left;
	display: inline-block;
	width: auto;
	color: #999;
	font-size: 16px;
	margin: 3px 5px;
	width: 46%;
	text-align: left;
}

.ft-menu-links ul li a {font-size:15px;}
     
     .zd-portfolio-listing-container .col-md-3 { float:left; width:100%;}
     .dtx-lines{ display:none !important; }
     
     .carousel-caption .zd-join-us-btn.hvr-sweep-to-right {
    display: flex;
    background: #f2b13c;
    cursor: pointer;
    font-family: 'BentonSans-Medium';
    height: 39px;
    width: 140px;
    color: white;
    margin: 15px 0 0 0;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 39px;
    /* line-height: 3px; */
    position: relative;
    z-index: 9;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    font-size: 12px;
    padding: 0 10px;
}
.carousel-caption .zd-join-us-btn.hvr-sweep-to-right .fa {
    float: right;
    margin: 10px 0 0 10px;
    font-size: 20px;
}
     
    .zd-team-row .col-md-3 {
    float: left;
    width: 50%;
}
.zd-team-row {
    float: left;
    width: 100%;
    padding: 0 0;
}

.team-info{ padding: 15px 15px 10px 15px; line-height: 18px;}
.team-info span{font-size:16px;}
.team-info p{font-size:14px;}
     #dtx-portfolio h3.content-title {
         text-align: center;
    }
     .our-client-container .content-title {
         text-align: center;
    }
     .carousel-caption p{
         padding-left:0px;
    }
     .div1 , .div2 {
         display: none;
    }
     .zd-join-now-container {
         float: left;
         width: 100%;
         background: #fff;
         padding: 100px 0;
         padding: 0px 25PX 150px 25PX;
         text-align: center;
    }
     .internal-page-container .zd-join-now-container .content-title {
         font-size: 24px;
    }
     .zd-join-now-container .join-text {
         float: left;
         width: 100%;
         text-align: center;
         font-size: 16px;
         line-height: 26px;
         padding: 20px 0 60px 0;
    }
     .team-page-title {
         position: absolute;
         z-index: 99;
         width: 100%;
         padding: 40px 0 0 0;
    }
     .internal-page-container .team-page-title .content-title {
         font-size: 24px;
    }
     .internal-page-container.team-page-container .zd-team-front-banner img {
         width: 96%;
         display: inline-block;
         margin: auto;
         text-align: center;
         float: none;
    }
     .zd-team-front-banner{
         padding: 200px 0 0 0;
         height: 450px;
    }
     .internal-page-container.team-page-container .zd-team-front-banner .div1:hover ~ .div1img {
         display: block;
         position: absolute;
         left: 0;
         width: 90%;
         top: 0;
         right: 0;
    }
     .internal-page-container.team-page-container .zd-team-front-banner .div2:hover ~ .div2img {
         display: block;
         position: absolute;
         left: 0;
         width: 90%;
         top: 0;
         right: 0;
    }
     .zd-team-banner-internal-container {
         float: left;
         width: 100%;
         position: relative;
         height: auto;
    }
     #myCarousel.carousel.slide {
         float: left;
         width: 100%;
         margin: 0 0 0 0;
    }
     .portfolio-container {
         float: left;
         width: 100%;
         margin-top: 15px;
         position: relative;
    }
     #dtx-h2-grid {
         margin-top: -70px;
    }
     #dtx-homesection2 .content-title {
         font-size: 24px;
         padding: 0;
         float: left;
         width: 100%;
         position: relative;
         margin: 0;
         text-align:center;
    }
     .home-img .intro-text strong {
         line-height: 24px;
         margin: 30px 0;
         font-size: 18px;
    }
     #dtx-homesection3.zd-why-myth-container h1.content-title {
         text-align: center;
         width: 100%;
        /* position: absolute;
         */
         top: -30px;
         margin-bottom: 15px;
    }
     #dtx-h2-slider-container, #dtx-h2-slider, #dtx-h2-grid-client {
         padding: 0;
    }
     .home-img .dtx-h2-slider-item-left .slick-prev, .dtx-h2-slider-item-left .slick-next {
         height: 54px;
         width: 54px;
         bottom: 10%;
    }
     .rslides-left h3 {
         float: left;
         width: 100%;
         font-weight: normal;
         color: #f2b13c;
         font-size: 20px;
        /* margin: 0;
         */
    }
     .rslides-left {
         float: left;
         width: 100%;
         margin: 0;
         padding: 0 30px;
    }
     .portfolio-description-text {
         float: left;
         width: 100%;
         background: #fff;
         padding: 20px;
         border: 1px solid rgba(0,0,0,0.05);
         margin: 20px 0 0 0;
    }
     .portfolio-description-text p {
         float: left;
         width: 100%;
         font-size: 14px;
         line-height: 24px;
         color: #444444;
         font-family: 'BentonSans-Book';
         margin: 0 0 20px 0;
         text-align: center !important;
    }
     .request-quote-popup{
         display: none;
    }
     .sidenav{
         display: none;
    }
     .our-works-slidercontainer .rslides.rslides1{
         margin-left: 0;
    }
     .main-banner {
         margin-top: 180px;
    }
     .ft-bottom p{
         text-align:left;
    }
     .page-container ul{
         display: block;
    }
     .rslides-left {
         float: left;
         width: 100%;
         margin: 30px 0 0 0;
         padding: 0 30px;
    }
     .rslides-right {
         width: 100%;
         float: right;
         height: auto;
         object-fit: cover;
         object-position: center center;
         margin: 10px 0 10px 0;
         padding: 0 30px;
    }
     .rslides_tabs {
         text-align: center;
         margin: 0;
         padding: 0;
    }
     .our-works-container {
         float: left;
         width: 100%;
         height: auto;
         background: no-repeat;
         background-size: cover;
         background-color: #f1f2f2;
    }
     .dtx-h2-slider-item-left .slick-prev, .dtx-h2-slider-item-left .slick-next{
         bottom:0;
    }
     .dtx-h2-slider-item-left .slick-prev {
         left: 0;
         background-color: #f2b13c;
    }
     .dtx-h2-slider-item-left .slick-next {
         left: 54px;
         background-color: #fff;
    }
     .slider-start-project{
         display:none;
    }
     .second-item div .carousel-caption {
         top: 0%;
         left: 8%;
         right: 0;
         text-align: left;
    }
     .last-item div .carousel-caption {
         top: 0;
         left: 0;
         right: 8%;
         text-align: right;
    }
     .dtx-h2-slider-item-text-inner p {
         line-height: 22px;
    }
     .dtx-h2-slider-item-text-inner h2 {
         color: #fff;
         font-size: 24px;
         font-family: 'BentonSans-Thin';
         margin: 0;
    }
     .zd-why-myth-container .content-title {
         text-align: left;
         width: auto;
         position: relative;
         top: 0;
         margin-bottom: 50px;
    }
     .zd-why-myth-container .content-title p {
         margin-top: 0;
    }
     .zd-why-myth-container {
         float: left;
         width: 100%;
         background: #f2b13c;
         padding: 0 20px 20px 20px;
    }
     button.clickdown {
         position: absolute;
         top: 75%;
         left: 47%;
    }
     .left.carousel-control {
         width: auto;
         left: 37.5%;
         position: absolute;
         z-index: 9;
         bottom: 32px;
    }
     .right.carousel-control {
         width: auto;
         right: 42%;
         position: absolute;
         z-index: 9;
         bottom: 32px;
    }
     .home-portfolio-second-row .custom-portfolio-img {
         position: inherit;
         right: 0;
         top: 0;
    }
    /* 3D Visualization page start */
     #dtx-header-hamburger {
         height: 72px;
         width: 72px;
         padding-bottom: 0;
         min-height: auto;
    }
     .dtx-line-item{
         border-left: none;
    }
     .ft-subscribe-block {
         float: left;
         width: 100%;
         padding: 0 20px;
    }
     .form-wrapper button {
         overflow: visible;
         position: relative;
         float: right;
         border: 0;
         padding: 0;
         cursor: pointer;
         height: 35px;
         width: 35px;
         color: #fff;
         text-transform: uppercase;
         background: #f2b13c;
    }
     .form-wrapper button .fa.fa-angle-right {
         font-size: 26px;
    }
     .form-wrapper input {
         width: 89%;
         height: 35px;
         padding: 0;
         float: left;
         font-family: 'BentonSans-Thin';
         border: 0;
         background: transparent;
         border-radius: 0;
         color: #fff;
         font-size: 24px;
    }
     #dtx-footer2-grid {
         position: relative;
         display: inline-block;
         width: 100%;
         padding: 40px 0;
         z-index: 3;
    }
     .ft-subscribe-block label {
         float: left;
         width: 100%;
         font-weight: normal;
         font-size: 14px;
         color: #ffffff;
         margin-bottom: 5px;
    }
     .ft-bottom {
         float: left;
         width: 100%;
         text-align: center;
         padding: 0 20px;
    }
     .ft-bottom span{
         font-size: 20px;
    }
     .ft-bottom p {
         float: left;
         width: 100%;
         text-align: center;
         color: #999999;
         font-size: 16px;
         font-family: 'BentonSans-Light';
         padding: 0;
         margin: 20px 0 20px 0;
    }
     .contact-divider {
         display: none;
    }
     .contact-info span {
         font-size: 14px;
    }
     .email-info span a {
         font-size: 16px;
    }
     .email-info {
         margin-top: 20px;
    }
     .ft-contact-info {
         width: 100%;
         display: inline-block;
         text-align: center;
         margin: auto auto 30px auto;
    }
     .ft-subscribe-container {
         float: left;
         width: 100%;
         margin-bottom: 30px;
    }
     #dtx-client {
         position: relative;
         width: 100%;
         z-index: 2;
         padding: 40px 20px 50px 20px;
    }
     .content-title {
         float: none;
         width: 100%;
         text-align: center;
         display: inline-block;
         font-family: 'BentonSans-ExtraLight';
         font-size: 24px;
    }
     .content-title span::after {
         content: "";
         display: block;
         text-align: left;
         width: 50px;
         height: 1px;
         background: #231f20;
         float: none;
         margin: auto;
         margin: auto;
         position: absolute;
    }
     .our-client-container .intro-text strong {
         text-align: left;
         font-size: 20px;
         line-height: 26px;
         margin: 30px 0;
    }
     .intro-text p {
         float: left;
         width: 100%;
         text-align: center;
         font-size: 14px;
         color: #666666;
         line-height: 22px;
         font-family: 'BentonSans-Book';
         margin: 0 0 30px 0;
         padding: 0;
    }
     #testimonial p {
         font-family: 'BentonSans-Light';
         margin-bottom: 20px;
         margin-top: 0px;
         color: #666666;
         line-height: 26px;
         font-size: 16px;
    }
     .owl-carousel .owl-item img {
         width: auto;
         float: left;
         margin: 20px 40px;
         /*-webkit-filter: grayscale(100%);
         filter: grayscale(100%);*/
         transition: 0.6s ease;
         height: 50px;
    }
     .zd-why-myth-container {
         float: left;
         width: 100%;
         background: #f2b13c;
         padding: 0 20px 20px 20px;
    }
     .dtx-h2-slider-item-left {
         display: block;
         width: 100%;
         height: 457px;
         margin-top: 0;
    }
     .dtx-h2-slider-item-right {
         display: block;
         width: 100%;
         height: auto;
         margin:40px 0 0 0;
    }
     .our-services-container {
         float: left;
         width: 100%;
         padding: 110px 20px 0 20px;
    }
     .intro-text strong {
         float: left;
         width: 100%;
         text-align: center;
         font-weight: normal;
         color: #999999;
         font-family: 'BentonSans-ExtraLight';
         line-height: 36px;
         margin: 30px 0 30px 0;
         font-size: 18px;
         line-height: 24px;
         padding: 0px 0px;
    }
     .intro-text strong br {
         display: none;
    }
     .our-services-container .dtx-line-item {
         display: none;
    }
     .services-block {
         display: inline-block;
         margin: auto;
         width: 100%;
         background: #fafafa;
         float: none;
         text-align: center;
         border-right: 1px solid #eaeaea;
         border-top: 1px solid #eaeaea;
         border-left: 1px solid #eaeaea;
    }
     .grid figure {
         border-right: none;
    }
     .header {
         float: left;
         width: 100%;
         padding: 0 20px;
    }
     .zd-logo a img {
         width: 100px;
    }
     .dtx-line-item {
         border-left: none !important;
    }
     #dtx-homesection1{
         float: left;
         margin: 75px 0 0 0;
    }
     .header{
         display: none;
    }
    /*.zd-mobile-header {
         float: left;
         width: 100%;
         padding: 20px;
         display: block;
         position: fixed;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
         z-index: 9;
         background: #fff;
    }
     */
     .zd-mobile-logo {
         float: left;
         width: auto;
    }
     .zd-mobile-logo a img {
         width: 100px;
    }
     .carousel-inner > .item > a > img, .carousel-inner > .item > img {
         display: block;
         max-width: 100%;
         height: 250px;
         line-height: 1;
         width: 100%;
         object-fit: cover;
         object-position: center center;
    }
     .carousel-caption h1 {
         font-size: 20px;
         margin-bottom: 10px;
    }
     .carousel-caption p {
         font-size: 16px;
         line-height: normal;
    }
     .carousel-caption {
         top:23%;
    }
     .vector-model3d {
         display: none;
    }
     .we-are-myth-container .content-title{
         text-align: left;
         font-size: 40px;
    }
     .internal-page-container{
         margin-top: 30px;
    }
     .we-are-myth-container .content-title{
         margin-bottom: 0;
    }
     .about-myth-content.box-3d{
         text-align: left;
         font-size: 15px;
    }
     .vport{
         margin-left: 0;
         margin-top: 30px;
    }
     .vport button{
         padding: 6px 10px;
    }
     .services-details-container .services-container{
         margin-top: 30px;
    }
     .about-myth-content.box-3d{
         height: 100%;
    }
     .about-myth-content{
         padding: 30px;
    }
     .form-wrapper button i.ar {
         font-size: 16px;
    }
    /* About Page Start */
     .video iframe {
         height: 300px;
    }
     .we-are-myth-container2 .myth-graphics img{
         position: inherit;
         top: -250px;
    }
     .we-are-myth-container img {
         top: -250px;
    }
     .we-are-myth-container2 .about-myth-content{
         margin-top: 110px;
    }
     .our-philosophy-content {
         margin: 0;
         margin-top: -100px;
    }
     .our-philosophy-content-block {
         padding: 30px 50px;
         margin-top: 30px;
    }
     .our-philosophy-content-block h1{
         font-size: 24px;
    }
     .our-philosophy-content-block span{
         font-size: 18px;
         padding: 0 0 30px 0;
    }
     .about-myth-content dl dd{
         margin-bottom: 20px;
    }
    /* Contact Start */
     .myth-inquiry-form-container h2 {
         margin: -120px 0 0 0;
    }
     .contact-details h1{
         font-size: 17px;
    }
     .contact-details .ft-social-container a {
         margin: 0 25px 0 0;
    }
     .contact-details-container {
         padding: 10px 30px;
    }
     .contact-from .form-group select{
         font-size: 16px;
         padding: 5px;
    }
     .contact-from .form-group textarea{
         font-size: 22px;
         height: 80px;
    }
     .contact-from button{
         float: left;
    }
     .myth-inquiry-form-container h2{
         font-size: 40px;
    }
    /* Portfolio Details Start */
     .portfolio-description-left p{
         font-size: 15px;
         padding: 30px 60px;
    }
     .portfolio-description-right{
         padding: 30px 30px;
    }
     .portfolio-description-right span{
         font-size: 26px;
    }
     .portfolio-description-right p{
         font-size: 15px;
    }
     .color-options ul li{
         width: 30px;
         height: 30px;
    }
     .portfolio-client-text{
         padding: 30px;
    }
     .portfolio-client-text p{
         font-size: 18px;
         line-height: 26px;
    }
     .portfolio-client-text strong {
         font-size: 20px;
    }
     .portfolio-client-text span{
         font-size: 16px;
    }
     .project-name p{
         font-size: 40px;
    }
    /* Services Start */
     .pad{
         display: none;
    }
     .we-are-myth-container2 .about-myth-content{
         margin: 0;
    }
     .services-myth-content{
         margin-top: 30px;
    }
     .services-myth-content.services-gray-area{
         margin: 0;
    }
    /* Startaproject Start */
     .myth-graphics img{
         position: inherit;
    }
     .internal-page-container .content-title {
         font-size: 28px;
    }
     .contact-from label{
         font-size: 13px;
    }
     .contact-from .form-group textarea {
         font-size: 18px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h1 {
         margin-top: 64px;
    }
     .carousel-caption h1, .carousel-caption h2 {
         font-size: 20px;
         margin-bottom: 5px;
    }
     .carousel-caption h2 {
         margin-top: 80px;
    }
     .carousel-caption p {
         font-size: 15px;
         line-height: 18px;
         ;
    }
     button.clickdown {
         display: none;
    }
     #myCarousel .carousel-control {
         display: none;
    }
     .carousel-inner > .item > a > img, .carousel-inner > .item > img {
         height: 100%;
    }
     .carousel-caption h1 {
         margin-top: 95px;
    }
     .carousel-caption h2 {
         margin-top: 150px;
    }
     .about-myth-content, .our-philosophy-content-block p, .about-myth-content dl dt, .about-myth-content dl dd {
         font-size: 15px;
    }
     .our-philosophy-content-block h2 {
         font-size: 26px;
    }
     .our-philosophy-content-block span {
         font-size: 16px;
    }
     .our-philosophy-content {
         margin: 10px 0 40px 0 !important;
    }
     .why-us-title {
         margin-bottom: 30px;
    }
     .we-are-myth-container1.we-are-myth-bottom-container {
         margin-bottom: 60px;
    }
     .about-img .video iframe {
         height: 290px;
    }
     .about-img .video-bg-container {
         margin: 0 0 80px 0;
    }
     .myth-graphics-bg {
         height: 182px;
    }
     .about-myth-content, .services-myth-content .about-myth-content {
         margin-top: 30px;
    }
     h3.content-title {
         float: left;
         text-align: left;
         display: inline-block;
    }
     .we-are-myth-container2 .myth-graphics img {
         top: 0;
    }
     .about-myth-content, .services-myth-content .about-myth-content {
         margin-top: 0;
    }
     .we-are-myth-container2 {
         margin: 30px 0 60px 0;
    }
     .getintouch-img .contact-details h1 {
         font-size: 16px;
    }
     .getintouch-img .contact-details p {
         font-size: 14px;
    }
     .getintouch-img .contact-from .form-group input, .getintouch-img .select2-container--flat .select2-selection--single .select2-selection__rendered, .getintouch-img .select2-results__option, {
         font-size: 15px !important;
    }
     .getintouch-img .select2-container--flat .select2-selection--single {
         height: 40px;
    }
     .getintouch-img .contact-from .form-group textarea {
         font-size: 20px;
    }
     .getintouch-img .contact-from button {
         font-size: 15px;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         font-size: 30px;
         float: left;
         text-align: left;
         padding-left: 30px;
    }
     .startproject-img .we-are-myth-container .content-title {
         margin: 40px 0 30px 0;
    }
     .startproject-img .start-project-container {
         margin-bottom: 60px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 36px;
         line-height: 40px;
         margin: 10px 0 30px 0;
    }
     .portfolio-img .zd-portfolio-intro-block .content-title {
         font-size: 28px;
    }
     .sidenav {
         width: 100%;
    }
     .contact-from .form-group input, .select2-container--flat .select2-selection--single .select2-selection__rendered{
         font-size: 18px !important;
    }
     .select2-container--flat .select2-selection--single .select2-selection__arrow b {
         top: 75%;
    }
     .request-font .we-are-myth-container .content-title {
         margin-top: 0;
    }
     .select2-container--open {
         width: auto;
         min-width: unset;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 16/7/2019 Start */
    #testimonial .slide .carousel-inner {
        text-align: center;
    }
    #testimonial .slide .carousel-indicators {
        text-align: center;
    }
    .our-works-container .content-title {
        padding-left: 30px;
    }
    .contact-info img {
        margin: 0px 20px 0 0;    
    }
    .email-info img {
        margin: 5px 20px 0 20px;    
    }
    .vport button i {
        margin-left: 10px;    
    }
    .vport button {
        padding: 8px 10px;    
    }
    .expertise .zd-join-us-btn .fa {
        margin: 13px 0 0 0;    
    }
    .vport .zd-join-us-btn .fa {
        margin: 13px 0 0 15px;
    }
    .blog-posted-date {
        display: none;    
    }
    
    .blog-details-container {
    width: 83%;}
    .blog-details-container .blog-details-title {
        font-size: 32px;
        line-height: 35px;    
    }
    .blog-details-container p {
        margin-bottom: 20px;    
    }
    .next-blog-container.previous-blog-container {
        width: 100%;
        float: left;    
    }
    .next-blog-container {
        float: left;
        width: 100%;    
    }
    .internal-page-container .content-title {
        padding-left: 20px;    
    }
    .blog-block-details {
        width: 68%;
    }
    .blog-block-details-text .content h2 {
        margin-top: 0px;
        line-height: 1.1;
        display: none;
    }
    .blog-block-details-text .content a {
        padding: 0px;
    }
    .blogs-button-container .next-blogs .fa {
        margin: 12px 0 0 8px;    
    }
    .blogs-button-container .older-blogs .fa {
        margin: 12px 8px 0 0;    
    }
    .blog-block {
        margin-bottom: 20px;    
    }
    .contact-from .form-group input {
        padding: 0px;    
    }
    .getintouch-img .select2-container--flat .select2-selection--single .select2-selection__rendered {
        line-height: 20px;    
    }
    .getintouch-img .select2-container--flat .select2-selection--single .select2-selection__arrow {
        height: 0px;    
    }
    .getintouch-img .select2-container--flat .select2-selection--single {
        height: 26px;
    }
    .contact-from .form-group textarea {
        height: 60px;    
    }
    .next-portfolio-container .project-name {
        padding: 0 30px;    
    } 
    .project-name p {
        width: 81%;    
    }
    .getintouch-img .contact-from button, .startproject-img .contact-from button {
        font-size: 16px;
    }
    /* Purvank Add css 16/7/2019 Complete */
 }
 @media (max-width: 640px){
    /* About Page Start */
     .video iframe {
         height: 285px;
    }
    /* Contact Start */
     .myth-inquiry-form-container h2 {
         margin: -150px 0 0 0;
    }
    /* Hetal Add css 30/10/2018 Start */
     .about-img .we-are-myth-container .content-title {
         margin-top: 20px;
    }
     .internal-page-container .content-title {
         font-size: 26px;
         margin-top: 100px;
    }
     .about-myth-content {
         margin-top: 20px;
    }
     .our-philosophy-content-block h2 {
         font-size: 24px;
    }
     .our-philosophy-content-block span {
         font-size: 15px;
    }
     .about-img .video iframe {
         height: 280px;
    }
     .portfolio-img .zd-portfolio-intro-block .content-title {
         font-size: 26px;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 19/7/2019 Start */
    .carousel-caption h1 {
        margin-top: 60px;
    }
    .carousel-caption h2 {
        margin-top: 100px;
    }
     .page-content .internal-page-container.blog-internal-page-container {
        margin-top: 0px;     
    }
     .blog-details-container .blog-details-top {
        margin-top: 150px;     
    }
    /* Purvank Add css 19/7/2019 Complete */
}
 @media (max-width: 550px){
    /* About Page Start */
     .video iframe {
         height: 240px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h2 {
         margin-top: 110px;
    }
     .carousel-caption h1, .carousel-caption h2 {
         font-size: 18px;
    }
     .carousel-caption p {
         font-size: 14px;
    }
     .carousel-caption h1 {
         margin-top: 40px;
    }
     .about-img .we-are-myth-container2 {
         margin: 30px 0;
    }
     .our-philosophy-content-block {
         margin-top: 30px;
    }
     .about-img .video iframe {
         height: 245px;
    }
     .myth-graphics-bg {
         height: 150px;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         font-size: 28px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 32px;
         line-height: 30px;
         margin: 10px 0 20px 0;
    }
     .contact-from .form-group input, .select2-container--flat .select2-selection--single .select2-selection__rendered {
         font-size: 16px !important;
    }
     .contact-from button {
         font-size: 15px;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 20/7/2019 Start */
     .next-portfolio-container .project-name {
        padding: 0 30px;     
    }
    .next-portfolio-container .project-name p {
        width: 70%;    
    }
    .hvr-sweep-to-right .blog-block-details {
        width: 63%;    
    }
    .carousel-caption .zd-join-us-btn.hvr-sweep-to-right {
        height: 39px;    
    }
    .carousel-caption .zd-join-us-btn.hvr-sweep-to-right .fa {
        margin: 10px 0 0 10px;    
    }
    .owl-carousel .owl-item img {
        margin: 20px 24px;    
    }
    /* Purvank Add css 20/7/2019 Complete */
}
 @media (max-width: 500px) {
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h2 {
         margin-top: 80px;
    }
     .about-img .video iframe {
         height: 225px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 30px;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 20/7/2019 Start */
    .carousel-caption h1 {
        margin-top: 50px;
    }
    .zd-join-us-btn .fa {
        margin: 13px 0 0 15px;    
    }
    .blog-page-title .content-title {
        margin-top: 50px;    
    }
    .hvr-sweep-to-right .blog-block-details {
        width: 59%;    
    }
    #partialblog .blogs-listing-container {
        margin: 10px 0 0 0;    
    }
    .rslides1 .rslides-left {
        margin: 0px;    
    }
    .we-are-myth-container1 .content-title {
        margin-top: 22px;    
    }
    .blog-details-container .blog-details-top {
        margin-top: 100px;    
    }
    .blog-details-container .blog-details-title {
        margin: 20px 0 20px 0;    
    }
    /* Purvank Add css 20/7/2019 Complete */
}
 @media (max-width: 480px){
     .portfolio-intro-bg {
         width: 100%;
         height: 270px;
         background: #231f20;
         margin-top: -1px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .about-img .video iframe {
         height: 215px;
    }
     .myth-graphics-bg {
         height: 130px;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 20/7/2019 Start */
    .hvr-sweep-to-right .blog-block-details {
        width: 58%;    
    }
    .carousel-caption h1 {
        margin-top: 30px;
    }
    .carousel-caption h2 {
        margin-top: 50px;    
    }
    .owl-carousel .owl-item img {
        margin: 20px 21px;
    }
    .we-are-myth-container1 .content-title {
        margin-top: 20px;    
    }
    .rslides1 .rslides-left {
        margin: 0px;    
    } 
    .blog-details-container .content p {
        margin-top: 20px;    
    }
    .page-content .blog-bg {
        height: 500px;    
    }
    .blog-block-details-text .content h2 {
        display: none;    
    }
    /* Purvank Add css 20/7/2019 Complete */
}
 @media (max-width: 414px){
     .our-works-container .content-title {
        padding-left: 0;
        text-align: center;
    }
    .rslides1 .rslides-left {
        text-align: center;
    }
    .our-client-container .intro-text strong {
        text-align: center;    
    }
    .our-client-container .intro-text p {
        text-align: center;
    }
    .ft-bottom p {
        font-size: 15px;    
    }
    .zd-join-us-btn .fa {
        margin: 12px 0 0 15px;
    }
    .expertise .zd-join-us-btn .fa {
        margin: 11px 0 0 15px;    
    }
    .vport .zd-join-us-btn .fa {
        margin: 12px 0 0 15px;
    }
    .blog-block {
        margin-bottom: 40px;
    }
    .blogs-button-container .older-blogs .fa {
        margin: 9px 8px 0 0;
    }
    .blogs-button-container .next-blogs .fa {
        margin: 10px 0 0 8px;
    }
    .ft-social-container {
        margin-top: 20px;    
    }
     .carousel-caption .zd-join-us-btn.hvr-sweep-to-right {
	height: 32px;
    line-height: 34px;
}
.carousel-caption .zd-join-us-btn.hvr-sweep-to-right .fa {
	margin: 5px 0 0 7px;
}
     .zd-team-front-banner {
         padding: 200px 0 0 0;
         height: 350px;
    }
     .portfolio-intro-bg {
         width: 100%;
         height: 240px;
         background: #231f20;
         margin-top: -1px;
    }
    /* 3D Visualization page start */
     .internal-page-container .content-title{
         font-size: 30px;
         margin-top: 45px;
    }
     .form-wrapper button{
         height: 30px;
         width: 30px;
    }
     .form-wrapper button i.ar {
         font-size: 14px;
    }
     .contact-info img{
         margin: 0 20px 0 0;
    }
    /* About Page Start */
     .about-myth-content {
         font-size: 14px;
    }
     .our-philosophy-content-block h1 {
         font-size: 22px;
    }
     .our-philosophy-content-block span {
         font-size: 16px;
    }
     .our-philosophy-content-block p{
         font-size: 13px;
         line-height: 20px;
    }
     .our-philosophy-content-block {
         padding: 30px 20px;
    }
     .video iframe {
         height: 186px;
    }
    /* Application ui design Start*/
     .about-myth-content{
         font-size: 14px;
    }
     .content-title p{
         margin-top: 35px;
    }
    /* Contact Start */
     .we-are-myth-container .content-title {
         font-size: 26px;
    }
     .contact-details h1 {
         font-size: 15px;
    }
     .contact-details p {
         margin: 5px 0;
         font-size: 13px;
    }
     .myth-inquiry-form-container h2 {
         margin: -345px 0 0 0;
    }
     .contact-from {
         padding: 30px;
         margin-top: -240px;
    }
     .contact-from .form-group input {
         height: 40px;
         font-size: 18px;
    }
     .contact-from .form-group select {
         font-size: 12px;
    }
     .contact-from .form-group textarea {
         font-size: 18px;
         height: 60px;
    }
     .contact-from button{
         margin: 10px 0 0 0;
         width: 140px;
    }
    /* Services Start */
     .services-myth-content h1{
         font-size: 16px;
    }
     .services-myth-content p{
         line-height: 26px;
         font-size: 14px;
    }
     .about-myth-content dl dt{
         font-size: 15px;
    }
     .services-myth-content .about-myth-content dl dd{
         font-size: 14px;
    }
     .services-myth-content {
         padding: 10px 30px;
    }
    /* Startaproject Start */
     .contact-from{
         margin-top: 0;
    }
     .internal-page-container .content-title {
         font-size: 24px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h2 {
         margin-top: 30px;
    }
     .carousel-caption h1, .carousel-caption h2 {
         font-size: 16px;
    }
     .carousel-caption h1, .carousel-caption h2 {
         font-size: 15px;font-weight: bold;
    }
     .internal-page-container .content-title {
         font-size: 22px;
    }
     .about-myth-content, .about-myth-content dl dt, .about-myth-content dl dd {
         font-size: 13px;
    }
     .myth-graphics-bg {
         height: 188px;
    }
     .myth-graphics-bg img {
         width: 40%;
    }
     .our-philosophy-content-block h2 {
         font-size: 20px;
    }
     .our-philosophy-content-block span {
         font-size: 14px;
    }
     .content-title span::after {
         width: 40px;
    }
     .about-img .about-myth-content dl dd {
         margin-bottom: 10px;
    }
     .about-img .video iframe {
         height: 185px;
    }
     .myth-graphics-bg img {
         width: 50%;
    }
     .services-myth-content.services-gray-area .about-myth-content {
         padding: 10px 30px;
    }
     .getintouch-img .contact-details-container, .startproject-img .contact-details-container {
         margin-top: 30px;
    }
     .getintouch-img .contact-details h1, .startproject-img .contact-details h1 {
         font-size: 15px;
    }
     .getintouch-img .contact-details p, .startproject-img .contact-details p {
         font-size: 13px;
         width: 85%;
    }
     .getintouch-img .contact-from{
         padding: 20px;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         font-size: 26px;
         padding-left: 20px;
    }
     .getintouch-img .contact-from .col-md-6 {
         width: 100%;
    }
     .getintouch-img .contact-from .form-group input, .getintouch-img .select2-container--flat .select2-selection--single .select2-selection__rendered, .startproject-img .contact-from .form-group input, .startproject-img .select2-container--flat .select2-selection--single .select2-selection__rendered{
         font-size: 15px !important;
    }
     .select2-results__option {
         padding: 5px !important;
         font-size: 15px !important;
    }
     .getintouch-img .contact-from .form-group textarea, .startproject-img .contact-from .form-group textarea {
         font-size: 18px;
    }
     .getintouch-img .contact-details-container {
         padding: 10px 20px;
    }
     .portfolio-img .zd-portfolio-intro-block .content-title {
         font-size: 22px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 24px;
         line-height: 22px;
         margin: 10px 0;
    }
     .contact-from .form-group input, .select2-container--flat .select2-selection--single .select2-selection__rendered {
         font-size: 15px !important;
    }
     .contact-from button {
         font-size: 14px;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 22/7/2019 Start */
    .carousel-caption h1 {
        margin-top: 20px;
    }
    .owl-carousel .owl-item img {
        margin: 20px 9px;
    }
    .blog-block img {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;    
    }
    .blog-block-details .blog-block-date {
        display: none;    
    }
    .hvr-sweep-to-right .blog-block-details {
        width: 100%;
        text-align: center;
    }
    .next-portfolio-container .project-name p {
        width: 100%;
    }
    .project-name span {
        margin-left: 0px;    
    }
    .project-name p {
        font-size: 30px;    
    }
    /* Purvank Add css 22/7/2019 Complete */
}

@media (max-width: 407px){
.owl-carousel .owl-item img {
        margin: 20px 36px;
    }
}  
    
/* Purvank Add media query and css 29/7/2019 Start */
 @media (max-width: 375px){
    /* 3D Visualization page start */
     .about-myth-content.box-3d{
         font-size: 14px;
    }
     .internal-page-container .content-title{
         font-size: 24px;
    }
     #dtx-footer2 {
         padding: 0px;
    }
     .contact-from .form-group input, .select2-container--flat .select2-selection--single .select2-selection__rendered, .select2-results__option {
         font-size: 14px !important;
    }
     .contact-from .form-group textarea {
         font-size: 16px;
    }
     .select2-container--flat .select2-selection--single .select2-selection__arrow b {
         margin-top: 0;
    }
    /* Purvank Add css 22/7/2019 Start */
    .container .carousel-caption h1 {
        margin-top: 30px;
    }
    .container .carousel-caption h2 {
        margin-top: 42px;
    }
    .owl-carousel .owl-item img {
        margin: 20px 31px;
    }
    .form-wrapper input {
        height: 30px;    
    }
    /* Purvank Add css 22/7/2019 Complete */
}
 @media (max-width: 360px){
    /* About Page Start */
     .internal-page-container .content-title {
         font-size: 18px;
    }
     .about-myth-content {
         font-size: 12px;
    }
     .internal-page-container .content-title {
         font-size: 18px;
    }
     .video iframe {
         height: 160px;
    }
     .our-philosophy-content-block h1 {
         font-size: 18px;
    }
     .our-philosophy-content-block span {
         font-size: 14px;
    }
    /* Contact Start */
     .contact-from .form-group select {
         font-size: 10px;
    }
     .myth-inquiry-form-container h2 {
         margin: -380px 0 0 0;
         font-size: 30px;
    }
     .contact-from .form-group input {
         font-size: 16px;
    }
     .contact-from .form-group textarea {
         font-size: 16px;
    }
    /* Startaproject Start */
     .contact-from .form-group input {
         font-size: 16px;
    }
     .select2-container--flat .select2-selection--single .select2-selection__rendered {
         font-size: 18px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h1 {
         margin-top: 15px;
    }
     .myth-graphics-bg {
         height: 162px;
    }
     .about-img .video iframe {
         height: 160px;
    }
     .about-myth-content {
         padding: 20px;
    }
     .we-are-myth-container .content-title {
         padding-left: 20px;
    }
     .services-myth-content h2 {
         font-size: 15px;
    }
     .services-myth-content p, .about-myth-content dl dt h3 a, .services-myth-content .about-myth-content dl dd {
         line-height: 22px;
         font-size: 13px;
    }
     .services-myth-content {
         padding: 10px 20px;
    }
     .getintouch-img .myth-inquiry-form-container h2 {
         font-size: 24px;
    }
     .getintouch-img .contact-details p.widset {
         width: 100%;
    }
     .getintouch-img .contact-details p {
         width: 80%;
    }
     .startproject-img .we-are-myth-container .content-title {
         margin: 40px 0 10px 0;
    }
     .getintouch-img .contact-from .form-group input, .getintouch-img .select2-container--flat .select2-selection--single .select2-selection__rendered, .startproject-img .contact-from .form-group input, .startproject-img .select2-container--flat .select2-selection--single .select2-selection__rendered {
         font-size: 14px !important;
    }
     .getintouch-img .contact-from .form-group textarea, .startproject-img .contact-from .form-group textarea {
         font-size: 16px;
    }
     .portfolio-img .zd-portfolio-intro-block .content-title {
         font-size: 18px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 20px;
         line-height: 16px;
    }
     .contact-from button {
         font-size: 13px;
    }
    /* Hetal Add css 30/10/2018 Complete */
    
    /* Purvank Add css 26/7/2019 Start */
    .container .carousel-caption h2 {
        margin-top: 26px;
    }
    .owl-carousel .owl-item img {
        margin: 20px 26px;
    }
    .our-works-container .content-title {
        text-align: center;
    }
    .our-works-container .content-title {
        padding-left: 0px;    
    }
    .rslides1 .rslides-left {
        text-align: center;    
    }
    .our-client-container .intro-text strong {
        text-align: center;    
    }
    .our-client-container .intro-text p {
        text-align: center;
    }
    .expertise a {
        font-size: 15px;    
    }
    .expertise .zd-join-us-btn {
        height: 44px;
        line-height: 46px;
    }
    .expertise .zd-join-us-btn .fa {
        margin: 5px 0 0 0;    
    }
    .vport a {
        font-size: 15px;    
    }
    .vport .zd-join-us-btn {
        height: 44px;
        line-height: 46px;
    }
    .vport .zd-join-us-btn .fa {
        margin: 6px 0 0 15px;    
    }
    /* Purvank Add css 26/7/2019 Complete */
}
 @media (max-width: 320px){
     .owl-carousel .owl-item img {
         width: auto;
         float: left;
         margin: 20px 17px;
         /*-webkit-filter: grayscale(100%);
         filter: grayscale(100%);*/
         transition: 0.6s ease;
         height: 50px;
    }
    /* About Page Start */
     .video iframe {
         height: 140px;
    }
    /* Hetal Add css 30/10/2018 Start */
     .carousel-caption h1, .carousel-caption h2 {
         font-size: 14px;
    }
     .carousel-caption p {
         font-size: 12px;
         line-height: 14px;
    }
     .carousel-caption h1 {
         margin-top: 10px;
    }
     .carousel-caption h2 {
         margin-top: 70px;
    }
     .myth-graphics-bg {
         height: 145px;
    }
     .about-img .video iframe {
         height: 140px;
    }
     .portfolio-img .zd-portfolio-text, .portfolio-img .typewrite {
         font-size: 18px;
         line-height: 12px;
    }
    /* Hetal Add css 30/10/2018 Complete */
}