﻿
@media screen and (max-width:1366px){
	.ms-options-wrap>.ms-options {
      left: 14.3% !important;
      width: 65% !important;
}

}

/* LARGE DESKTOP PART */


@media screen and (min-width:1024px) and (max-width:1199px){
   .ms-options-wrap>.ms-options {
    position: absolute;
    left: 10% !important;
    width: 71% !important;
}

	.prod-crcl { margin-top: 24%;}
	.home-blogs .blog.element-six .blog-item > .holder > .data { height: 270px;}
	.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper>li>a {
    padding: 20px !important;}
    .blog[class*=element-].owl-nav-style-two .owl-nav>.owl-next{  right: -30px !important;}
    .blog[class*=element-].owl-nav-style-two .owl-nav>.owl-prev { left: -30px !important;}
    .sldr-botm img {margin-right: 0px !important;}
   .solu-boxes h3 {  font-size: 14px !important;}
   .solu-boxes .vc_column-inner {  height: 185px !important;}
   .dex { margin-top: 10%;}

}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){

	.aer-cat {
    position: absolute;
    top: -377px !important;
    z-index: 2;
    left: 35% !important;
}
	/*--------------------------------------------------------------
	# Event Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Event List View Page
	--------------------------------------------------------------*/
.ms-options-wrap>.ms-options {
    position: absolute;
    left: 7% !important;
    width: 74% !important;
}

.business_email {
    width: 100%;
    margin-top: 10px !important;
}
.res_main .entry_title {
    line-height: 30px;
}

.left-side-pro {   padding: 3% 1% !important}
.sldr-botm img {margin-right: 0px !important;}
.solu-boxes h3 {  font-size: 14px !important;}
.prod-crcl {  margin-top: 63%;}
.right-side-pro { padding: 3% 0% !important;}
.del {margin-bottom: 40px !important;}
.subtitlte a { font-size: 13px;}
.exal {    margin-bottom: 6% !important;}
.solu-boxes .vc_column-inner { padding: 22px 15px !important; height: 170px !important;}
.servcs-bx h3 {font-size: 15px !important;}
.home-blogs .blog.element-six .blog-item > .holder > .data { padding: 10px 10px; height: 250px;}
.news-ttl { height: 210px !important;}
.news-ttl p {  height: 100px !important;}

	.radiantthemes-event-list-item-pic,
	.radiantthemes-event-list-item-data,
	.radiantthemes-event-list-item-button{
		max-width:initial;
	}

	.radiantthemes-event-list-item-pic{
		position:static;
		background-image:initial;
	}


	.prodc-inno {
    border: 1px solid #ebebeb;
    margin: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto !important;
}
.production-block p {
    font-size: 13px;
    line-height: 20px;
    height: auto !important;
}

}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){

	/*--------------------------------------------------------------
	# GDPR Notice
	--------------------------------------------------------------*/

	.gdpr-notice > .row{
		display:block;
	}

	.gdpr-notice .btn{
		margin-top:25px;
	}

	/*--------------------------------------------------------------
	# Blog Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Blog Single Page
	--------------------------------------------------------------*/

	.comments-area ol.comment-list li ol{
		padding-left:20px;
	}

	/*--------------------------------------------------------------
	# Shop Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Product Listing Page
	--------------------------------------------------------------*/

	.woocommerce ul.products li.product.rt-shop-column-3,
	.woocommerce ul.products li.product.rt-shop-column-4{
		width:50%;
	}

	/*--------------------------------------------------------------
	# Cart Page
	--------------------------------------------------------------*/

	.woocommerce input.input-text[name=coupon_code]{
		width:50% !important;
	}

	/*--------------------------------------------------------------
	# Event Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Event List View Page
	--------------------------------------------------------------*/

	.radiantthemes-event-list-item > .row{
		display:block;
	}

	.radiantthemes-event-list-item-pic,
	.radiantthemes-event-list-item-data,
	.radiantthemes-event-list-item-button{
		max-width:initial;
	}

	.radiantthemes-event-list-item-pic{
		position:static;
		background-image:initial;
	}

	/*--------------------------------------------------------------
	# 404 Error Page
	--------------------------------------------------------------*/

	.wraper_error_main > .container{
		padding-top:80px !important;
		padding-bottom:90px !important;
	}

}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){

	/*--------------------------------------------------------------
	# GDPR Notice
	--------------------------------------------------------------*/

	.gdpr-notice > .row{
		display:block;
	}

	.gdpr-notice .btn{
		margin-top:25px;
	}

	/*--------------------------------------------------------------
	# Gallery Columns
	--------------------------------------------------------------*/

	.gallery-item,
	.gallery-columns-1 .gallery-item,
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item{
		width:100%;
		max-width:initial;
	}

	/*--------------------------------------------------------------
	# Blog Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Blog Single Page
	--------------------------------------------------------------*/

	.comments-area ol.comment-list li ol{
		padding-left:0;
	}

	/*--------------------------------------------------------------
	# Shop Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Product Listing Page
	--------------------------------------------------------------*/

	.woocommerce .woocommerce-products-header,
	.woocommerce .woocommerce-result-count,
	.woocommerce .woocommerce-ordering{
		width:100%;
		text-align:center;
	}

	.woocommerce ul.products li.product.rt-shop-column-3,
	.woocommerce ul.products li.product.rt-shop-column-4{
		width:100%;
	}

	/*--------------------------------------------------------------
	# Cart Page
	--------------------------------------------------------------*/

	.woocommerce input.input-text[name=coupon_code]{
		width:100% !important;
		margin:0px 0px 7px 0px !important;
	}

	.woocommerce input.button[name=apply_coupon]{
		width:100% !important;
	}

	/*--------------------------------------------------------------
	# Checkout Page
	--------------------------------------------------------------*/

	.woocommerce form #customer_details,
	.woocommerce form #order_review_heading,
	.woocommerce form #order_review{
		width:100%;
	}

	/*--------------------------------------------------------------
	# Event Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Event List View Page
	--------------------------------------------------------------*/

	.radiantthemes-event-list-item > .row{
		display:block;
	}

	.radiantthemes-event-list-item-pic,
	.radiantthemes-event-list-item-data,
	.radiantthemes-event-list-item-button{
		max-width:initial;
	}

	.radiantthemes-event-list-item-pic{
		position:static;
		background-image:initial;
	}

	/*--------------------------------------------------------------
	# 404 Error Page
	--------------------------------------------------------------*/

	.wraper_error_main > .container{
		padding-top:50px !important;
		padding-bottom:60px !important;
	}

	.error_main p{
		display:block;
		margin-top:0;
	}

}


@media screen and (max-width:767px){
	.try h4 {
    font-weight: 600;
    color: #3f4faf;
    line-height: 20px;
    font-size: 18px !important;
    padding: 17px 17px 0;
    text-align: center;
    height: 83px;
}
	#submitform {
        margin-top: 5px !important;
        }

.ms-options-wrap>.ms-options>ul input[type=checkbox] {
    vertical-align: middle;
   top: 5px !important; }


	.ms-options-wrap>.ms-options{
	    left: 3% !important;
        width: 94% !important;
    }

    .ms-options-wrap>.ms-options>ul label {
     font-size: 11px;
      line-height: 19px;
      height: 42px;
      padding-left: 22px !important;
    }

	p.mar-top input.wpcf7-form-control.wpcf7-submit.resource_sub {
    padding: 0px 30px !important;
}
	.res_main .entry_title {   line-height: 30px;}
	.mar-top {   padding: 0px !important;    margin-top: 10px !important;}

   .email-valid {  padding: 0px;}
	.left-sec { border: none !important;  padding: 0px !important;}
	.res_form {    padding: 0px 0px 0px 1px !important;}
.business_email {   width: 90% !important; margin-top: 10px !important;}	
	.servcs-buttn i {padding-top: 2px !important;}
	.servcs-buttn .fa-angle-right:before { vertical-align: -webkit-baseline-middle;}
	.rt-button2.element-two .rt-button2-main>.placeholder { display: inline-flex;}
	.rt-button2.element-two[data-button-icon-position=right] .rt-button2-main i {margin-left: 5px;}
	.solu-boxes .vc_column-inner{ height: auto !important;}
	.solu-boxes h3 { padding: 0px 16%;}
	.sldr-botm img {margin-right: 0px !important;}
	.left-side-pro img {   margin: 0px !important;}
	.pro-box .vc_column-inner {
    height: 360px !important;
        margin-bottom: 6% !important;
}
.bx2 .vc_column-inner {
    height: 420px !important;
}
.promone {
    margin-bottom: 10px !important;
}
.bx2 .rt-list.element-four {
    height: 147px !important;
}
.pro-box .rt-list.element-four {
    height: 150px !important;
}
.bx1 .rt-list.element-four {
    height: 176px !important;
}
.right-side-pro img {
    margin: 0px !important;
}
.bottom-side-pro p.subtitlte, .bottom-side-pro .descrp {
    padding: 0px 10%;
}
 #mobl-tem .team-item {
    width: 100% !important;
}
.uper-side-pro p.subtitlte, .uper-side-pro p.descrp {
    padding: 0 10%;
}
    .sldr-botm p {
    display: inherit;
}
    .resor-blk {
    display: table-cell;
}
    .mbl {
    display: none;
}
.left-side-pro {
    text-align: center;
    margin: 0px 0px 30px 0px;
}
    .left-side-pro p {
    display: inline-block;
    text-align: center;
}
    .left-side-pro p.subtitlte, .left-side-pro p.descrp {
    display: inherit;
    padding: 0px 10%;
}
    .right-side-pro {
    text-align: center;
    margin: 0px 0px 30px 0px;
}
    .right-side-pro p {
    display: inline-block;
    text-align: center;
}
    .right-side-pro p.subtitlte, .right-side-pro p.descrp {
    display: inherit;
    padding: 0px 10%;
}
    .bottom-side-pro {
       margin: 0px;
}

    .brand-logo {
    background-image: url(/wp-content/uploads/2019/06/xdi-logo-web.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px !important;
    position: relative !important;
    margin-bottom: 0px !important;
      height: 75px
}
.header-data-social {
    display: none !important;
}
.header_nav .responsive-nav{
            margin-top: -53px;
}
    .wpmm-mega-wrapper.hide-menu {
    display: block !important;
}
    .header_nav .responsive-nav i {
    font-size: 23px;
    line-height: 19px;
    cursor: pointer;
    color: #fff;
        text-align: center;
}
    .sidr {
    background: #fff !important;
}
    .header_main {
    width: 100%;
    height: 65px;
    float: left;
}
.fa-bars:after {
    content: 'Menu';
    display: flex;
    font-size: 12px;
}
    .header_nav_action {
     display: none;
}
.header-data-contact.hidden-xs {
    display: inline-block !important;
}
span.bb {
    color: #fff;
    font-size: 12px;
    text-align: right;
    display: block;
    margin-top: -9px;
}
    .mbl-icns {
    font-size: 14px;
}
    .mbl-icns i.fa.fa-phone {
     color: #fff;
    font-size: 22px;
    padding-right: 10px;
}
    .header-data-contact.hidden-xs {
    display: none !important;
}
    .mbl-icns {
 font-size: 19px;
    position: absolute;
    padding-right: 22%;
    top: 20px;
    right: 0px;
}
.resor-blk {
   width: 25%;
}   
    .sldr-botm h5 {
    font-size: 11px;
    display: inline;
}
    .resor-blk .vc_column-inner {
    padding-top: 11px !important;
    padding-bottom: 3px;
}
    .cloud-boxes {
    margin-bottom: 15px;
}
.banner-text h5 {
    padding: 0px 5% !important;
}
.wonderplugintabs-header-wrap .wonderplugintabs-header-li-fullwidth {
    display: inline-block !important;
   margin: 7px 0px 0px 7px!important;
}
    .left-tb {
    padding: 10px 0px 10px 15px !important;
}
section#sticky-wrapper {
    display: none;
}

#wonderplugintabs-11 > .wonderplugintabs-header-wrap .wonderplugintabs-header-title {
    display: inline !important;
    font-size: 16px !important;
}
.cld-tb {
    color: #000 !important;
}
    .cld-tb h1 {
    color: #000 !important;
}
#wonderplugintabs-11 .wonderplugintabs-panel-inner .rt-list ul li:before {
    color: #000 !important;
}

#wonderplugintabs-11 > .wonderplugintabs-header-wrap .wonderplugintabs-panel {
    padding: 24px;
    text-align: left;
    margin: 0px 11% 0px 0px;
}
.wonderplugintabs-header-title p {
    font-size: 10px !important;
    line-height: 20px;
    font-weight: normal;
    padding-left: 14% !important;
    margin-top: -8%!important;
}
    #wonderplugintabs-11 > .wonderplugintabs-header-wrap .wonderplugintabs-header-caption {
    cursor: pointer;
    padding: 8px 5px;
}
    html, body {
    overflow-x: hidden !important;
}

	.servcs-buttn{
		padding:15px !important;
		font-size:12px !important;
	}
	.ftr-logos-img {
    width: 200px;
}

	.industry-para {
    padding-top: 15%;
}
.logos img {margin-bottom: 10%;}
	.w1 {
    border-right: none;
}
	.border-right-light:after {
    content: "";
    position: absolute;
    width: 0px !important;}
	.text-padding{ padding:0px 15px;}
	
	.demo6-text-line:after{width:0px !important;}
	
	.column-border:after {
content: "";
position: absolute;
background-color: none !important;
    right: 4px;
width:0px !important;
    height: 204px;
    top: 22%;
}
	.padding-price{padding-bottom:100px;}


.production-block p {    font-size: 13px;    line-height: 20px;    height: auto !important;}
.cloud-txt h5 {    font-size: 17px !important;    line-height: 27px !important;    padding-right: 11% !important;    padding-left: 20px;}
.cloud-txt p {    padding-left: 7%;}

.cloud-hed {
    padding-left: 5%;
}
.mech-text {
    height: auto !important;
}
.vid-butn a:before, .vid-butn a:after {
    position: absolute;
    content: '';
    width: 67px;
    height: 66px;
    top: 77% !important;
    left: 50%;
    border-radius: 50%;
    z-index: 0;
    transform: translate(-50% , -50%);
    cursor: pointer;
}
.prodc-inno {
    margin-bottom: 8% !important;
        background-size: cover !important;
    background-position-y: bottom;
}
.pro-side-image .vc_column-inner {
    background-image: none !important;
}
.sev-boxes {
    margin: 0% 0% 10% 0% !important;
}
.resource-list-col, .event-list-col, .news-list-col {
    width: 100% !important;
}
input.search-field {
    margin: 10px;
}
.last-box {
    margin-top: 32% !important;
}
.top-bx {
    top: 45px !important;
}
}



/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:400px){
	.post.single-post .entry-header .entry-meta>.holder {
    position: relative;
    min-height: 98px;
    padding-left: 60px;
}


#submitform {
        margin-top: 5px;
}
	/*--------------------------------------------------------------
	# GDPR Notice
	--------------------------------------------------------------*/

	.gdpr-notice > .row{
		display:block;
	}

	.gdpr-notice .btn{
		margin-top:25px;
	}

	/*--------------------------------------------------------------
	# Gallery Columns
	--------------------------------------------------------------*/

	.gallery-item,
	.gallery-columns-1 .gallery-item,
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item{
		width:100%;
		max-width:initial;
	}

	/*--------------------------------------------------------------
	# Blog Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Blog Single Page
	--------------------------------------------------------------*/

	.comments-area ol.comment-list li ol{
		padding-left:0;
	}

	/*--------------------------------------------------------------
	# Shop Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Product Listing Page
	--------------------------------------------------------------*/

	.woocommerce .woocommerce-products-header,
	.woocommerce .woocommerce-result-count,
	.woocommerce .woocommerce-ordering{
		width:100%;
		text-align:center;
	}

	.woocommerce ul.products li.product.rt-shop-column-3,
	.woocommerce ul.products li.product.rt-shop-column-4{
		width:100%;
	}

	/*--------------------------------------------------------------
	# Cart Page
	--------------------------------------------------------------*/

	.woocommerce input.input-text[name=coupon_code]{
		width:100% !important;
		margin:0px 0px 7px 0px !important;
	}

	.woocommerce input.button[name=apply_coupon]{
		width:100% !important;
	}

	/*--------------------------------------------------------------
	# Checkout Page
	--------------------------------------------------------------*/

	.woocommerce form #customer_details,
	.woocommerce form #order_review_heading,
	.woocommerce form #order_review{
		width:100%;
	}

	/*--------------------------------------------------------------
	# Event Page
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Event List View Page
	--------------------------------------------------------------*/

	.radiantthemes-event-list-item > .row{
		display:block;
	}

	.radiantthemes-event-list-item-pic,
	.radiantthemes-event-list-item-data,
	.radiantthemes-event-list-item-button{
		max-width:initial;
	}

	.radiantthemes-event-list-item-pic{
		position:static;
		background-image:initial;
	}

	/*--------------------------------------------------------------
	# 404 Error Page
	--------------------------------------------------------------*/

	.wraper_error_main > .container{
		padding-top:50px !important;
		padding-bottom:60px !important;
	}

	.error_main p{
		display:block;
		margin-top:0;
	}

}





@media screen and (max-width:1199px) {
	.dashicons-no-alt:before {
    content: "\f333" !important; }

	.dashicons-menu:before {    content: "\f335" !important;}
	.vc_row.wpb_row.vc_inner.vc_row-fluid.image-position {
    position: absolute;
    width: 100%;
    top: 48px;
    right: -45px;
}
	
}
@media screen and (max-width:990px) {
	.vc_row.wpb_row.vc_inner.vc_row-fluid.image-position {

    display: none;
}
}
@media screen and (max-width:767px) {
	.signfrm {
    border: 1px solid #ebebeb;
    padding: 40px 13px 40px 7px;
}
	.wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal{
		position: absolute !important;
	}
	.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li.wpmega-horizontal-full-width .wpmm-sub-menu-wrap {
    width: auto !important;
    overflow: hidden;
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper {
    right: 0px;
}
	.aer-cat {
      top: -240px !important;
      left: 22% !important;
}
	.post.single-post .post-thumbnail {
    margin-top: 60px;
}
		.ms-options {
    margin-top: 13% !important;
}
.ms-options-wrap>button:focus, .ms-options-wrap>button {
    width: 91% !important;
}
		.style-nine {
    position: relative;
}
	.after-border:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 40px;
    width: 0px;
    height: 100%;
    background-color: none !important;
}
.after-border {
    position: relative;
    margin-bottom: 20px;
    margin-left: 10px;
}
.after-border + .vc_column_container {
    margin-left: 10px;
}

.vc_custom_1524646716449 > .wpb_wrapper > .rt-button2.element-two[data-button-direction=right],
.vc_custom_1521436203613 > .wpb_wrapper > .rt-button2.element-two[data-button-direction=right]{
    text-align: left !important;
    margin-top: 15px;
	padding-left:10px !important;
}

.vc_custom_1522744952081 {
    padding: 0px 30px !important;
	}
	#wonderplugintabs-13 > .wonderplugintabs-header-wrap .wonderplugintabs-header-title p {
    font-size: 12px;
    margin-top: 2% !important;
    font-weight: normal;
    padding-left: 0px !important;
}
	.w1 {
    height: 610px;
}
}

@media screen and (max-width:400px) {
	.inner_banner_main .title,.vc_custom_1522730022704,.vc_custom_1518697486754,.vc_custom_1518760412281 .vc_custom_heading,.vc_custom_1518762306782,.vc_custom_1518762268936,.vc_custom_1519195663293,.vc_custom_1519195682256,.vc_custom_1519195574793,.vc_custom_1519195465860,.vc_custom_1519195486087,.vc_custom_1519195506048,.vc_custom_1518844289548,.vc_custom_1520486308869,.vc_custom_1522736394141,.vc_custom_1519730936863,.vc_custom_1519733402399,.vc_custom_1521715588283,.vc_custom_1521626615193,.vc_custom_1521436436604,.vc_custom_1519733402399,.vc_custom_1519735222279,.vc_custom_1519795993386,.vc_custom_1522745956413,.vc_custom_1522748056181,.vc_custom_1522749873690,.vc_custom_1519211782078,.vc_custom_1519207092950,.vc_custom_1519208581726,.vc_custom_1522753025240,.vc_custom_1519389515951,.vc_custom_1519207092950,.vc_custom_1519208581726,.vc_custom_1520835343321,.vc_custom_1522919565906,.vc_custom_1522919495020{
		  font-size: 7vw !important;
    line-height: 10vw !important;
	}
	.wraper_inner_banner_main > .container {
    padding-top: 33px !important;
    padding-bottom: 10px;
}

	.vc_custom_1522740475327 {

    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.heading-left-border, .heading-left-border2, .heading-left-border3,.vc_custom_1522744656988 {
    position: relative;
    padding-left: 21px;
    font-size: 7vw !important;
    line-height: 10vw !important;
}
.heading-left-border3 h2{
	  font-size: 7vw !important;
    line-height: 10vw !important;
}

.wpb_single_image .vc_figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%;
    width: 100%;
}
.overlay-holder .vc_single_image-wrapper img {
    transition: transform .5s;
    width: 100%;
}
.overlay-holder .vc_single_image-wrapper {
    overflow: hidden;
    width: 100%;
}
.vc_custom_1522736394141,.vc_custom_1522736089519,.vc_custom_1522736020859{
padding-left: 0px !important;
background-image: none !important; 
}
	
	.vc_custom_1522735991852,.vc_custom_1522736104131,.vc_custom_1522736394141{ 
font-size: 5vw !important;
line-height: 7vw !important;
	}
	
	.vc_column-inner.vc_custom_1522736140339 ,.vc_column-inner.vc_custom_1522736089519,.vc_column-inner.vc_custom_1522736020859{
 padding-left: 0px !important;
		background-image:none !important;
}
	
	.menu-our-services-container > ul > li {
    width: 100% !important;
    display: inline-block !important;
    vertical-align: top !important;
}
	
	p.vc_custom_heading.vc_custom_1522749508438 {
    margin-bottom: 30px !important;
}
	.left-border2::after {
    position: absolute;
    height: 63%;
    width: 3px;
    background: none !important;
    content: "";
    right: 16%;
    top: 0;
}
}


@media screen and (max-width: 400px) {
.price-list-text{padding-left:18px;}
}

@media screen and (max-width: 375px) {
#submitform {
        margin-top: 5px !important;
}
}