@media only screen and ( max-width: 1400px ) {
	  #sidr, .menu-button { visibility:hidden; display:none }
	}

    @media only screen and ( max-width: 1200px ) {
	  #sidr, .menu-button { visibility:hidden; display:none }
    }



/*===================================================================================*/
/*  TABLET PORTRAIT                                                                  */ 
/*===================================================================================*/

    @media only screen and ( min-width: 798px ) and ( max-width: 999px ) {
		

		h1.section_titless {
			  line-height: 100%;
			  float: right;
			  width: 100%;
			  margin: 0px auto 0;
			  padding: 0;
			  font-weight: 900;
			  font-size: 2rem;
			}
	  #sidr, .menu-button { visibility:hidden; display:none }
		.row .col.m6, .row .col.m7 { width: 100% !important}
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}
		h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }
    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}
		
    }



/*===================================================================================*/
/*  MOBILE PORTRAIT                                                                  */ 
/*===================================================================================*/

    @media only screen and ( max-width: 797px ) {


		ul.leftupdates {
  margin: 10px auto 50px;
}
.rightcust {
  height: auto !important;
}
.ttl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.foocertificate img {
  float: unset;
}
		.swiper-slide {
  width: 80% !important;
		}
		.index_countertext li .counter {
  width: auto;
  float: right;
  text-align: left;
  margin: 0 0 0 7px;
  font-weight: 900;
  color: #22496C;
}
.steps {
  align-items: baseline !important;
  flex-direction: column !important;
}

.steps .step {
  height: 120px;
  min-height: 120px;
  padding-left: 0;
}
.steps .step {
  align-items: center !important;
  height: 150px;
  justify-content: start;
  min-height: 150px;
  width: 100%;
}
.steps .step .t {
  position: static;
  text-align: right;
  width: auto;
}
.steps .step svg {
  width: 85px;
}
.steps .step .t {
  position: static;
  text-align: right;
  width: auto;
}

.steps .step.align-items-start::after {
  left: -110px;
  top: 54px;
}
.steps .step.align-items-start::after {
  background-image: url(../image/stepLine.webp);
  background-size: cover;
  height: 53px;
  right: 37px;
  top: 121px;
  width: 9px;
}



.steps .step.align-items-end::before {
  left: -110px;
  top: 54px;
}
.steps .step.align-items-end::before {
  background-image: url(../image/stepLine.webp);
  background-size: cover;
  height: 53px;
  right: 37px;
  top: 121px;
  width: 9px;
}


.title_strok { display:none }
		.postslist img {
  width: 100%;
}
.main_nav .logo {
    width: 100px;
    height: 50px;
    float: right;
    margin: 0 auto;
  }
  .xfullpage {
  min-height: calc(100vh - 75px);
  padding: 75px 0 0;
  background: #fff;
}
.sticking .logo {
  width: 158px;
  float: right;
  height: 38px;
}
		.col.s12.m6.webdesign-image img {
  margin: 0 auto;
  width: 100%;
}
.fadein {
  height: 440px;
}
		.dwshop_wrapper ul {
  grid-auto-columns: 90%;
}

		.porto_text_r {
  padding: 15px 5px !important;
}

footer .footer_footer .lastupdate {
  text-align: center;
  color:#fff
}
footer .footer_footer .cpytxt {
  padding: 5px 0 0;
  text-align: center;
  color:#fff
}
footer .footer_footer {
  width: 100%;
  min-height: auto;
  background: #1B1F20;
  position: relative;
  border-top: 1px solid #404040;
}

.postslist_inner {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  grid-gap: 0;
  gap: 0;
  padding: 25px 10px;
}
.postslist_inner li a {
  display: block;
}
.postslist_inner li img {
  margin: 0 auto;
  display: block;
  width: 150px;
}
.postslist_inner li a h1.ttl {
  text-align: center;
}
		

	  #sidr, .menu-button { visibility:hidden; display:none }
		.row .col.m6, .row .col.m7 { width: 100% !important}
		
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}
		h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}
    }
    @media only screen and ( min-width: 498px ) and ( max-width: 797px ) {

	  #sidr, .menu-button { visibility:hidden; display:none }
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}
		h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}
		
    }




/*===================================================================================*/
/*  MOBILE LANDSCAPE       
.shopping_area .specialoffer_area .inner {
    background: url(../images/specialoffer_fa.png) center 0 no-repeat;
    height: auto;
    padding-right: 0;
    background-size: 52% !important;
    padding-top: 83px;
}*/ 
/*===================================================================================*/

    @media only screen and ( max-width: 479px ) {
		.index_services_banner > .row {
			  background: #234A6B;
			  background: -webkit-linear-gradient(120deg, rgba(22, 196, 187, .9) 10%, rgba(13, 57, 94,.9) 50%, rgba(13, 57, 94, .9) 75%, rgba(13, 57, 94, .9) 95%);
			  background: linear-gradient(120deg, rgba(22, 196, 187, .9) 10%, rgba(13, 57, 94,.9) 50%, rgba(13, 57, 94, .9) 75%, rgba(13, 57, 94, .9) 95%);
			}
		.index_services_banner { background: #ffffff url(../image/bg_main_sect1.jpg) center -140px no-repeat; position: relative;}
	  #sidr, .menu-button { visibility:visible; display:block }
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		.rightcust {height: 450px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}
		h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }
	}
	
	

/* ============================================== */
/* iPad Landscape & Portrait                      */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	  #sidr, .menu-button { visibility:visible; display:block }
		.container {padding: 0px !important;}
		.rightcust {height: 450px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}
		h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}

	.sample-text-content p {text-align: justify !important;padding: 10px;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}
	#results { width: 100%;}

[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }

}

/* ============================================== */
/* iPad Landscape                                 */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	  #sidr, .menu-button { visibility:visible; display:block }
		.container {padding: 0px !important;}
		.rightcust {height: 450px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }


    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}


	.sample-text-content p {text-align: justify !important;padding: 10px;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}
	#results { width: 100%;}
[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
	.cons-endpage {	width: 70%; }
}

/* ============================================== */
/* iPad Portrait                                  */
/*                                       768x1024 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	  #sidr, .menu-button { visibility:visible; display:block }
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}
		.rightcust {height: 450px !important;}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}

/*** NEW RESP***/
.left-software-page-title {padding: 0;}
.left-softwares-title { border-right: none !important; }
.about-softwares li{background-size: 5% !important;padding: 10px 50px 20px 0 !important; }
.left-softwares-title ul li { margin: 0 !important; }

	.sample-text-content p {text-align: justify !important;padding: 10px;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}
	#results { width: 100%;}
[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
}

/* ============================================== */
/* Small Tablet Landscape/Portrait                */
/*                                        800x600 */
/* ============================================== */
@media screen and (min-width: 600px) and (max-width: 800px) {
	  #sidr, .menu-button { visibility:visible; display:block }
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.rightcust {height: 450px !important;}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }


    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}
/*** NEW RESP***/
.left-software-page-title {padding: 0;}
.left-softwares-title { border-right: none !important; }
.about-softwares li{background-size: 5% !important;padding: 20px 50px 20px 0 !important; }
.left-softwares-title ul li { margin: 0 !important; }

	.sample-text-content p {text-align: justify !important;padding: 10px;}
	#results { width: 100%;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}
[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
}


/* ============================================== */
/* iPhone5/Android landscape (& narrow browser)   */
/*                                        568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
	  #sidr, .menu-button { visibility:visible; display:block }
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.rightcust {height: 450px !important;}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }
		
		
		
		
		
		
		
    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}
	
	
/*** NEW RESP***/
.left-software-page-title {padding: 0;}
.left-softwares-title { border-right: none !important; }
	
.about-softwares li{background-size: 18% !important;padding: 10px 50px 10px 0 !important; }
.left-softwares-title ul li { margin: 0 !important; }

	
	
[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
	
	#results { width: 100%;}
	.sample-text-content p {text-align: justify !important;padding: 10px;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}


}

/* ============================================== */
/* iPhone4/Android landscape (& narrow browser)   */
/*                                        480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
	.webdesign-text .section_title {
  color: #004fa9;
  text-align: right;
  font-weight: 950;
  font-size: 2.9rem;
  line-height: 100%;
}
	  #sidr, .menu-button { visibility:visible; display:block }
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}

/*** NEW RESP***/
.left-software-page-title {padding: 0;}
.left-softwares-title { border-right: none !important; }

.about-softwares li{background-size: 18% !important;padding: 10px 50px 10px 0 !important; }
.left-softwares-title ul li { margin: 0 !important; }

[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
	.banner-block h2 { text-align: justify }
	.banner-text h1 {font-size: 25px;}
	section.grow .portright figure.bigbrowsers {
		position: relative !important;
		width: 220px !important;
		height: 210px !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto !important;
	}
	div.content { width: 100%; }
	section.grow .features.grow { margin: 10px 0px; }
	ul.features > li { width: 100%; padding: 0; }
	section.grow .features.grow li.target::after {content: "";	position: absolute;	width: 0; height: 0; right: 0; top: 0; }
	.miniprojectdetails {width: 100%;margin: 0 auto; display: flex }
	section.grow .features.grow h3::after {width: 0;}
	.centered-img img {width: 100%}
	ol {padding: 16px;}
	.cons-endpage {	width: 90%;	margin: 0 auto;	display: block; height: auto; position: relative;}
	.cons-endpage a { min-width: 100%; box-sizing: border-box; z-index: 99999; position: relative; margin: 5px auto; color: #2d2a2a; }
	.cons-endpage span {position: absolute;	right: 50%;	margin-right: -26px; top: 20px;	opacity: .2;}
	.left-software-page-title {	padding: 1em 1rem 1rem 1rem !important;}
	.left-software-page-title h1 {font-size: 20px;text-align: center;}
	.serv-txt a { top: 98px; }
	.services-item h1 {font-size: 20px;}
	.serv-txt p {padding: 40px 10px 0;}
	.sample-text-content p {text-align: justify !important;padding: 10px;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}
	#results { width: 100%;}
}

/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{
}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}


/*** NEW RESP***/
.left-software-page-title {padding: 0;}
.left-softwares-title { border-right: none !important; }
.about-softwares li{background-size: 23% !important;padding: 0px 50px 0 0 !important; }
.left-softwares-title ul li { margin: 0 !important; }

[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
	.banner-block h2 { text-align: justify }
	.banner-text h1 {font-size: 25px;}
	section.grow .portright figure.bigbrowsers {
		position: relative !important;
		width: 220px !important;
		height: 210px !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto !important;
	}
	div.content { width: 100%; }
	section.grow .features.grow { margin: 10px 0px; }
	ul.features > li { width: 100%; padding: 0; }
	section.grow .features.grow li.target::after {content: "";	position: absolute;	width: 0; height: 0; right: 0; top: 0; }
	.miniprojectdetails {width: 100%;margin: 0 auto; display: flex }
	section.grow .features.grow h3::after {width: 0;}
	.centered-img img {width: 100%}
	ol {padding: 16px;}
	.cons-endpage {	width: 90%;	margin: 0 auto;	display: block; height: auto; position: relative;}
	.cons-endpage a { min-width: 100%; box-sizing: border-box; z-index: 99999; position: relative; margin: 5px auto; color: #2d2a2a; }
	.cons-endpage span {position: absolute;	right: 50%;	margin-right: -26px; top: 20px;	opacity: .2;}
	.left-software-page-title {	padding: 1em 1rem 1rem 1rem !important;}
	.left-software-page-title h1 {font-size: 20px;text-align: center;}
	.serv-txt a { top: 98px; }
	.services-item h1 {font-size: 20px;}
	.serv-txt p {padding: 40px 10px 0;}
	.sample-text-content p {text-align: justify !important;padding: 10px;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}
	#results { width: 100%;}
}

/* ============================================== */
/* Smaller devices                                */
/* Android Landscape                      320x240 */
/* ============================================== */
@media screen and (min-width:240px) and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

    .workflow{padding-left:20px;padding-right:20px}.workflow header:before{madSafety($_GET['type'])-webkit-background-size:auto auto;-moz-background-size:auto auto;background-size:auto auto}.workflow #flow-switcher{respspec-webkit-background-size:14px 12px;-moz-background-size:14px 12px;background-size:14px 12px;width:auto;height:220px;margin:0 -20px}.workflow #flow-switcher>li{-webkit-border-radius:0;border-radius:0;width:20%;height:220px;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important;padding:0;margin:0!important}.workflow #flow-switcher>li span{position:absolute;-webkit-border-radius:0;border-radius:0;width:190px;height:20px;line-height:20px;left:50%;top:50%;margin:-10px 0 0 -95px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);text-align:left;font-size:16px;text-shadow:-1px 0 4px rgba(0,0,0,0.2)}.workflow #flow-switcher>li br{content:" "}.workflow #flow-switcher>li br:after{content:" "}.workflow #flow-switcher>li.done{}.workflow #flow-switcher>li.active:after{content:"";position:absolute;height:0;width:0;left:50%;margin-left:-12px;bottom:-24px;border:12px solid transparent;border-top-color:#00BAAD}.workflow #flow-boxes{top:0;margin:0 -20px;height:auto}.workflow #flow-boxes>div{width:748px;position:static;width:auto;margin:0;padding:30px 20px;height:auto;display:none}.workflow #flow-boxes>div.active{display:block}.workflow #flow-boxes .codebox{position:static}.workflow #flow-boxes .codebox,.workflow #flow-boxes .text,.workflow #flow-boxes .codebox-container{display:none;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.workflow #flow-boxes .codebox.active,.workflow #flow-boxes .text.active,.workflow #flow-boxes .codebox-container.active{display:block}.workflow #flow-boxes .codebox-container{width:auto;margin:0;height:auto;overflow:auto}.workflow #flow-boxes .codebox-container:after{content:none}.workflow #flow-boxes .codebox-container pre{position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;padding:20px}.workflow #flow-boxes .codebox-container pre:before{top:20px;bottom:20px}.workflow #flow-boxes .text{width:250px;position:static;width:auto;margin:20px 0 0!important}.workflow #flow-boxes .text:before{content:none}.workflow #flow-boxes .text h3:before{content:none}.workflow #flow-boxes #automatic-renewals .text{margin-top:0!important;width:auto}.workflow #flow-boxes #automatic-renewals .text:before{background-image:url(../img/subscriptions/workflow/renewals_402x.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-24px;content:"";position:static;float:right;width:100px;height:100px;margin:-10px -10px 0 10px}.workflow .columns{margin-top:40px}.workflow .columns>li:first-child{width:484px;width:auto}

/*** NEW RESP***/
.left-software-page-title {padding: 0;}
.left-softwares-title { border-right: none !important; }

#cd-timeline { padding: 0 !important; }
#cd-timeline::before {background: #fff !important;}
.static-content {
    line-height: 200% !important;
    font-family: normal 13px iransans !important;
    direction: rtl !important;
}
.cd-timeline-content {
    position: relative;
    margin-left: 0 !important;
    border-radius: 0.25em;
    text-align: justify;
    direction: rtl;
}
.cd-timeline-content h2 {text-align: right;}
.intro-text {
    background: #fff;
    padding: 0 !important;
    text-align: center;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
    font-family: iransans;
    font-size: 22px;
}
.about-softwares li{background-size: 23% !important;padding: 0px 50px 0 0 !important; }
.left-softwares-title ul li { margin: 0 !important; }

[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
	.banner-block h2 { text-align: justify }
	.banner-text h1 {font-size: 25px;}
	section.grow .portright figure.bigbrowsers {
		position: relative !important;
		width: 220px !important;
		height: 210px !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto !important;
	}
	div.content { width: 100%; }
	section.grow .features.grow { margin: 10px 0px; }
	ul.features > li { width: 100%; padding: 0; }
	section.grow .features.grow li.target::after {content: "";	position: absolute;	width: 0; height: 0; right: 0; top: 0; }
	.miniprojectdetails {width: 100%;margin: 0 auto; display: flex }
	section.grow .features.grow h3::after {width: 0;}
	.centered-img img {width: 100%}
	ol {padding: 16px;}
	.cons-endpage {	width: 90%;	margin: 0 auto;	display: block; height: auto; position: relative;}
	.cons-endpage a { min-width: 100%; box-sizing: border-box; z-index: 99999; position: relative; margin: 5px auto; color: #2d2a2a; }
	.cons-endpage span {position: absolute;	right: 50%;	margin-right: -26px; top: 20px;	opacity: .2;}
	.left-software-page-title {	padding: 1em 1rem 1rem 1rem !important;}
	.left-software-page-title h1 {font-size: 20px;text-align: center;}
	.serv-txt a { top: 98px; }
	.services-item h1 {font-size: 20px;}
	.serv-txt p {padding: 40px 10px 0;}
	.sample-text-content p {text-align: justify !important;padding: 10px;}
	.sample-text-content p img {width: 100% !important;	height: 100% !important;}
	#results { width: 100%;}
}

/* ============================================== */
/* Smaller devices                                */
/* Android Portrait                       240x320 */
/* ============================================== */
@media screen and (max-width:240px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
		.container {padding: 0px !important;}
		.row {margin-bottom: 0px !important;}
		
		.main_nav {}
		.bg-img {background: url('../image/dd_bg_mini.png') center 70px no-repeat; background-size: 100%;}
		.main_nav_menu {visibility:hidden; display:none;}
		.index_services_banner .sited_sectext {padding: 5rem 2rem 0;}
		.index_services_banner .sited_secdeps {position:relative; margin-top:0; border-radius: 0px;}
		.index_services_banner .col .glyph-icon {visibility: hidden;display: none;}
		
		.site_design_section {margin: 1rem auto 0;}
		.garantsec .container {
			padding: 0rem 1rem 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.garantsec h1.section_titless {line-height: 100%;float: right;}
		.garantsec p {text-align: justify;}
		.waraanty_main_bg {
			background: url(../image/waraanty_bg_text.png) center center no-repeat;
			width: 100% !important; height: 450px; background-size: 100%;
		}h1.section_titless {
  line-height: 100%;
  float: right;
  width: 100%;
  margin: 0px auto 0;
  padding: 0;
  font-weight: 900;
  font-size: 2rem;
}
		.workflow #flow-switcher > li span {margin: -10px 0 0 -105px !important; text-align: right;}
		.rightcust .index_countertext {padding: 1rem 0rem;}
		.rightcust .index_cons_call {margin: 0rem;}
		.rightcust h1.section_titless {margin: 7rem auto 2rem;}
		.sin_txt::before {content: none;}
		.sin_link {text-align: center; margin: 0.4rem 0;}
		.leftcust h3 {margin: 20px auto 6rem;}
		.waraanty_main_bg .wtext { visibility:hidden; display:none }
		.index_services_banner .sited_secdeps {box-shadow: 0 0 0 ; border-radius: 0px;}
		.icon-scroll {bottom: 17%;}
		.wr-nextPage {bottom: 23%;}
		.waraanty_text_r {padding: 0 !important;}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
		.warsign {
			width: 100px;
			height: 100px;
			top: -85px;
			right: 50%;
			margin-right: -50px;
		}
		.texthighlighter_wrapper { margin: 75px 0px 100px;}
.rotclip-right-top { right: 1px; }

/*** NEW RESP***/
.left-software-page-title {padding: 0;}
.left-softwares-title { border-right: none !important; }
.about-softwares li{background-size: 23% !important;padding: 0px 50px 0 0 !important; }
.left-softwares-title ul li { margin: 0 !important; }

[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before { visibility:hidden !important; display:none !important }
	.banner-block h2 { text-align: justify }
	.banner-text h1 {font-size: 25px;}
	section.grow .portright figure.bigbrowsers {
		position: relative !important;
		width: 220px !important;
		height: 210px !important;
		right: auto !important;
		top: auto !important;
		margin: 0 auto !important;
	}
	div.content { width: 100%; }
	section.grow .features.grow { margin: 10px 0px; }
	ul.features > li { width: 100%; padding: 0; }
	section.grow .features.grow li.target::after {content: "";	position: absolute;	width: 0; height: 0; right: 0; top: 0; }
	.miniprojectdetails {width: 100%;margin: 0 auto; display: flex }
	section.grow .features.grow h3::after {width: 0;}
	.centered-img img {width: 100%}
	ol {padding: 16px;}
	.cons-endpage {	width: 90%;	margin: 0 auto;	display: block; height: auto; position: relative;}
	.cons-endpage a { min-width: 100%; box-sizing: border-box; z-index: 99999; position: relative; margin: 5px auto; color: #2d2a2a; }
	.cons-endpage span {position: absolute;	right: 50%;	margin-right: -26px; top: 20px;	opacity: .2;}
	.left-software-page-title {	padding: 1em 1rem 1rem 1rem !important;}
	.left-software-page-title h1 {font-size: 20px;text-align: center;}
	.serv-txt a { top: 98px; }
	.services-item h1 {font-size: 20px;}
	.serv-txt p {padding: 40px 10px 0;}
	#results { width: 100%;}
}
/*!
 * fullpage.js Responsive Slides Extension
 * https://github.com/alvarotrigo/fullPage.js
 *
 * This code has been bought from www.alvarotrigo.com/fullPage/extensions/ and it is not free to use or distrubute.
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
var _0x6618=["\x66\x70\x5F\x72\x65\x73\x70\x6F\x6E\x73\x69\x76\x65\x53\x6C\x69\x64\x65\x73\x45\x78\x74\x65\x6E\x73\x69\x6F\x6E","\x76\x61\x6C","\x23","\x6C\x65\x6E\x67\x74\x68","\x23\x6D\x65\x6E\x75","\x6D\x65\x6E\x75","\x67\x65\x74\x46\x75\x6C\x6C\x70\x61\x67\x65\x44\x61\x74\x61","\x66\x75\x6C\x6C\x70\x61\x67\x65","\x66\x6E","\x6F\x70\x74\x69\x6F\x6E\x73","\x69\x6E\x74\x65\x72\x6E\x61\x6C\x73","\x5F\x34","\x74\x6F\x53\x65\x63\x74\x69\x6F\x6E\x73","\x2E\x66\x70\x2D\x63\x6F\x6E\x76\x65\x72\x74\x65\x64\x2D\x73\x65\x63\x74\x69\x6F\x6E","\x2E\x66\x70\x2D\x73\x65\x63\x74\x69\x6F\x6E","\x63\x6C\x6F\x73\x65\x73\x74","\x2E\x66\x70\x2D\x73\x6C\x69\x64\x65\x73\x43\x6F\x6E\x74\x61\x69\x6E\x65\x72","\x61\x6C\x76\x61\x72\x6F\x74\x72\x69\x67\x6F\x2E\x63\x6F\x6D","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72","\x63\x73\x73","\x2E\x66\x70\x2D\x73\x6C\x69\x64\x65","\x66\x69\x6E\x64","\x75\x6E\x77\x72\x61\x70","\x61\x6E\x63\x68\x6F\x72\x73","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x61\x6E\x63\x68\x6F\x72","\x64\x61\x74\x61","\x64\x61\x74\x61\x2D\x61\x6E\x63\x68\x6F\x72","\x61\x74\x74\x72","\x65\x61\x63\x68","\x61\x63\x74\x69\x76\x65","\x68\x61\x73\x43\x6C\x61\x73\x73","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x66\x70\x2D\x63\x6F\x6E\x76\x65\x72\x74\x65\x64\x2D\x73\x65\x63\x74\x69\x6F\x6E","\x61\x64\x64\x43\x6C\x61\x73\x73","\x66\x70\x2D\x73\x65\x63\x74\x69\x6F\x6E","\x66\x70\x2D\x73\x6C\x69\x64\x65","\x77\x69\x64\x74\x68","\x31\x30\x30\x25","\x66\x70\x2D\x66\x69\x78\x65\x64","\x61\x66\x74\x65\x72","\x65\x6D\x70\x74\x79","\x72\x65\x6D\x6F\x76\x65","\x2E\x66\x70\x2D\x63\x6F\x6E\x74\x72\x6F\x6C\x41\x72\x72\x6F\x77","\x66\x69\x72\x73\x74","\x63\x68\x69\x6C\x64\x72\x65\x6E","","\x6E\x65\x78\x74","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x73\x74\x79\x6C\x65\x53\x6C\x69\x64\x65\x73","\x6E\x6F\x74","\x2E\x66\x70\x2D\x73\x65\x63\x74\x69\x6F\x6E\x2E\x61\x63\x74\x69\x76\x65","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x41\x63\x74\x69\x76\x65","\x61","\x74\x6F\x70","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x61\x75\x74\x6F\x53\x63\x72\x6F\x6C\x6C\x69\x6E\x67","\x73\x63\x72\x6F\x6C\x6C\x42\x61\x72","\x73\x69\x6C\x65\x6E\x74\x53\x63\x72\x6F\x6C\x6C","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x68\x74\x6D\x6C\x2C\x20\x62\x6F\x64\x79","\x74\x6F\x53\x6C\x69\x64\x65\x73","\x70\x72\x65\x76","\x2E\x66\x70\x2D\x73\x6C\x69\x64\x65\x2E\x61\x63\x74\x69\x76\x65","\x6B\x65\x65\x70\x53\x6C\x69\x64\x65\x73\x50\x6F\x73\x69\x74\x69\x6F\x6E","\x63","\x63\x6F\x6D\x70\x6C\x65\x74\x65","\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65","\x72\x65\x73\x70\x6F\x6E\x73\x69\x76\x65\x53\x6C\x69\x64\x65\x73","\x6C\x6F\x61\x64","\x6F\x6E"];(function(_0xd526x1){window[_0x6618[0]]= function(){function _0xd526x2(){return parseInt(_0xd526x1(_0x6618[2]+ _0xd526xa)[_0x6618[1]]())=== _0xd526xa[_0x6618[3]]+ 1}function _0xd526x3(){return _0xd526x2()&& _0x6618[4]=== _0xd526x8[_0x6618[5]]}function _0xd526x4(){for(var _0xd526x1=0,_0xd526x5=_0xd526xa,_0xd526x6=0;4> _0xd526x6;_0xd526x6++){_0xd526x1+= _0xd526x6,_0xd526xa= (_0xd526x6+ _0xd526x1)/ 2};_0xd526xa&& (_0xd526xa= _0xd526x5);return _0xd526x1/ _0xd526xa[_0x6618[3]]=== _0xd526xa[_0x6618[3]]+ 1}var _0xd526x5=this,_0xd526x7=_0xd526x1[_0x6618[8]][_0x6618[7]][_0x6618[6]](),_0xd526x8=_0xd526x7[_0x6618[9]],_0xd526x9=_0xd526x7[_0x6618[10]],_0xd526xa=_0x6618[11];_0xd526x5[_0x6618[12]]= function(){if(!_0xd526x1(_0x6618[13])[_0x6618[3]]){var _0xd526xb=_0xd526x1(_0x6618[16])[_0x6618[15]](_0x6618[14]);_0xd526x1[_0x6618[32]](_0xd526xb,function(_0xd526xb){if(!(0> window[_0x6618[20]][_0x6618[19]][_0x6618[18]](_0x6618[17]))){var _0xd526x6=_0xd526x1(this);_0xd526xb= _0xd526x6[_0x6618[22]](_0x6618[21]);var _0xd526xa=_0xd526x1(this)[_0x6618[24]](_0x6618[23]),_0xd526x9=_0xd526x1(this)[_0x6618[24]](_0x6618[16]);_0xd526x3()&& _0xd526x4()&& (_0xd526x9[_0x6618[25]](),_0xd526x8[_0x6618[26]][_0x6618[3]]&& _0xd526xa[_0x6618[32]](function(_0xd526xb){_0xd526xb&& _0x6618[27]===  typeof _0xd526x1(this)[_0x6618[29]](_0x6618[28])&& _0xd526x3()&& _0xd526x1(this)[_0x6618[31]](_0x6618[30],_0xd526x6[_0x6618[29]](_0x6618[28])+ (_0xd526xb+ 1))}));_0xd526x6[_0x6618[34]](_0x6618[33])|| _0xd526xa[_0x6618[35]](_0x6618[33]);_0xd526xa[_0x6618[32]](function(_0xd526xb){_0xd526xb&& _0xd526x4()?_0xd526x1(this)[_0x6618[35]](_0x6618[39])[_0x6618[37]](_0x6618[38])[_0x6618[37]](_0x6618[36]):_0xd526x1(this)[_0x6618[22]](_0x6618[40],_0x6618[41]);_0xd526x5[_0x6618[42]]()&& _0xd526x6[_0x6618[34]](_0x6618[33])&& _0xd526x1(this)[_0x6618[34]](_0x6618[33])&& _0xd526x2()&& _0xd526xb&& (_0xd526x1(this)[_0x6618[37]](_0x6618[33]),_0xd526x6[_0x6618[35]](_0x6618[33]))});_0xd526x6[_0x6618[43]](_0xd526x9);_0xd526x6[_0x6618[44]]();_0xd526xa[_0x6618[22]](_0x6618[21],_0xd526xb)}});_0xd526x1(_0x6618[46])[_0x6618[45]]();_0xd526x1(_0x6618[16])[_0x6618[32]](function(){_0xd526x1(this)[_0x6618[48]]()[_0x6618[47]]()[_0x6618[25]]()});_0xd526x1(_0x6618[13])[_0x6618[22]](_0x6618[40],_0x6618[49]);_0xd526x1(_0x6618[14])[_0x6618[53]](_0x6618[13])[_0x6618[32]](function(){var _0xd526xb=_0xd526x1(this)[_0x6618[50]](_0x6618[23]);_0xd526xb[_0x6618[3]]&& _0xd526xb[_0x6618[51]](_0xd526x1(this));_0xd526xb= _0xd526x1(this)[_0x6618[24]](_0x6618[23]);_0xd526x9[_0x6618[52]](_0xd526x1(this),_0xd526xb,_0xd526xb[_0x6618[3]])});_0xd526x5[_0x6618[55]](_0xd526x1(_0x6618[54]))}};_0xd526x5[_0x6618[42]]= function(){return _0xd526x1(_0x6618[23])[_0x6618[3]]|| _0xd526x1(_0x6618[14])[_0x6618[3]]?_0xd526x1(_0x6618[56])[_0x6618[3]]== 10+ _0xd526xa[_0x6618[3]]+ 1&& _0xd526x2():10};_0xd526x5[_0x6618[55]]= function(_0xd526xb){_0xd526xb= _0xd526xb[_0x6618[58]]()[_0x6618[57]];_0xd526x8[_0x6618[59]]&& !_0xd526x8[_0x6618[60]]?_0xd526x9[_0x6618[61]](_0xd526xb):(_0xd526x9[_0x6618[61]](0),_0xd526x1(_0x6618[63])[_0x6618[62]](_0xd526xb))};_0xd526x5[_0x6618[64]]= function(){_0xd526x1(_0x6618[13])[_0x6618[3]]&& (_0xd526x1(_0x6618[54])[_0x6618[34]](_0x6618[36]),_0xd526x1(_0x6618[14])[_0x6618[53]](_0x6618[13])[_0x6618[32]](function(){_0xd526x2()&& _0xd526x1(this)[_0x6618[24]](_0x6618[23])[_0x6618[25]]()[_0x6618[25]]()}),_0xd526x4()&& _0xd526x1(_0x6618[13])[_0x6618[32]](function(){var _0xd526xb=_0xd526x1(this)[_0x6618[65]]();_0xd526x1(this)[_0x6618[34]](_0x6618[33])&& (_0xd526xb[_0x6618[37]](_0x6618[33]),_0xd526xb[_0x6618[24]](_0x6618[66])[_0x6618[35]](_0x6618[33]));_0xd526x3()&& (_0xd526x1(this)[_0x6618[35]](_0x6618[38])[_0x6618[35]](_0x6618[36])[_0x6618[37]](_0x6618[39])[_0x6618[22]](_0x6618[21],_0x6618[49]),_0xd526x1(this)[_0x6618[51]](_0xd526xb))}),_0xd526x4()&& _0xd526x1(_0x6618[14])[_0x6618[32]](function(_0xd526xb){_0xd526xb= _0xd526x1(this)[_0x6618[24]](_0x6618[23]);_0xd526x9[_0x6618[52]](_0xd526x1(this),_0xd526xb,_0xd526xb[_0x6618[3]])}),_0xd526x5[_0x6618[55]](_0xd526x1(_0x6618[54])),_0xd526x9[_0x6618[67]]())};_0xd526x5[_0x6618[68]]= _0xd526x9[_0x6618[68]];var _0xd526xc=_0xd526x5[_0x6618[68]];_0x6618[69]=== document[_0x6618[70]]&& _0xd526xc(_0x6618[71]);_0xd526x1(window)[_0x6618[73]](_0x6618[72],function(){_0xd526xc(_0x6618[71])});return _0xd526x5}})(jQuery)