@media only screen and (max-width:1240px){
.container						{width:100%;}

}
@media only screen and (min-width: 991px) and (max-width:1199px){
    #header.sticky .head_in {height: 54px;}
}

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

.form_temp figure img			{width:100%; height:auto;}
.form_cont						{padding:49px 0 0 0;}
.form_slide:before				{width:60px;}
.form_slide:after				{width:60px;}
.privacy_in ul li				{padding:0 4%;}
.business .owl-theme .owl-controls{bottom:16px;}
}

/* Pricing page */
@media (max-width:1130px){
.container{width:100%;}
.price_middle p{font-size:14.5px;}
.growth ul li.active{    transform: scale(1.1);  -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1);}
@media (max-width:991px){
.essential p br{display:none;}
.banner.pricing{padding:21px 0 0; min-height: 670px;}
.switch_blk{padding:0 0 62px 0; }
.essential{padding: 20px 16px 0;}
.essential h3{padding:10px 0 16px; font-size:26px; line-height:28px;}
.essential p{font-size: 20px;line-height:20px;padding: 0 0 16px 0;}
.essential span{padding: 15px 0 15px 0;font-size:33px;}
.essential small{padding: 0 0 10px 0;}
.essential a.btn{padding:14px 15px;}
.business {min-height: 394px;}
.team{padding:76px 0 12px 0;}
.required{padding:12px 0 20px 0;}
.price_lf{float:none; display:block; text-align:center; width:100%;}
.price_middle{float:none; display:block; text-align:center; width:100%; padding:0 0 23px 0;}
.price_rt{float:none; display:block; text-align:center; width:100%;}
.price_middle p{text-align:center;}
.price_middle ul li{float:none;}
.price_rt a{display:inline-block; padding:15px 65px;}
.price_lf h3{padding:14px 0 28px 0;}
.price{padding:25px 0 35px;}
.price_middle p{padding:0 0 15px 0;	}
.might{padding:61px 0 70px 0;}
.growth{margin:-451px 0 0 0;padding: 0 0 41px 0;}
.growth ul li{margin:0;}
.growth ul li.active .essential a.btn{padding: 11px 15px; display: inline-block;}
.growth ul li.active .essential{padding: 15px 11px 0 ;}

}

@media only screen and (max-width:991px){
header#header					{padding:10px; position:absolute!important; background-color: transparent!important;}
.head_in						{padding:2px 0px 5px;}
.menu							{width:26px; height:28px; text-align:center; top:7px; right:10px; position:absolute; z-index:9999;}
#nav-icon						{display:block; width:26px;}
nav								{background:#ffffff none repeat scroll 0 0; display:none; left:0; margin:6px auto 0; padding:0; position:absolute; top:84px; width:98%; z-index:99999; float:none; border-radius:6px;}
nav ul li						{float:none; display:block; width:100%; margin:0; padding:0; background:none; border-bottom:1px solid #e4e4e4;}
nav ul li a						{width:100%; margin:0; padding:20px 20px; display:block; font-family: 'Roboto', sans-serif; font-size:16px; line-height:16px; color:#424142; font-weight:500; text-decoration:none; text-transform:capitalize; border:none; text-align:center;}
nav ul li a:hover				{text-decoration:none; border:none; color:#424142;}
nav ul li a.active				{text-decoration:none; border:none; color:#424142;}
nav ul li a:focus				{color:#424142;}
nav ul li a:active, nav ul li a:visited {color:#424142;}
nav ul li.login					{border:none; padding:0 14px;}
nav ul li.login:before			{display:none;}
nav ul li.get					{padding:0; border:none;}
nav ul li a.get 				{border:2px solid #038bcf; color:#038bcf; padding:14px 20px; margin:12px 0 0 0;}
nav ul li.log 					{padding:0; border:none;}
nav ul li a.log					{padding-right:20px;}
nav ul li.resource				{padding:0;}
ul.drop_down:after				{display:none;}
ul.drop_down					{width:100%; position:static; box-shadow:none; padding:18px 20px 28px 20px;}
ul.drop_down li					{border:none;}
nav ul li.resource a span:after			{content:''; position:absolute; right:-16px; bottom:0px; /*background:url(images/down_arrow.png) no-repeat right center;*/ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #424142; top: -5px;}
nav ul li.resource a.intro span:after	{content:''; position:absolute; right:-16px; bottom:0px; /*background:url(images/down_arrow.png) no-repeat right center;*/ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top:none; border-bottom: 4px solid #424142; top: -5px;}

.wrapper						{position:relative; top:0; right:0; transition:all 0.3s ease-in-out;}
.side_bar						{display:block; width:100%; background:none; height:100%; position:fixed; top:0; right:-100%; z-index:109; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.side_bar nav					{display:block; position:static; height:98%; padding:50px 12px 20px 12px; box-sizing:border-box; border:none; overflow: scroll;}
.side_bar nav ul				{width:100%; overflow:auto; }
.open							{overflow-y:scroll;}
.open .wrapper					{right:0px;}
.open header					{left:0px;}
.open .side_bar					{right:0;}
body.open 						{overflow:hidden;}

.ban_cont						{padding:52px 0 22px 0;}
.ban_cont h1					{font-size:36px; line-height:38px; padding:0 0 10px 0;}
.ban_cont h2					{padding:0 0 38px 0;}
.ban_img figure img				{height:auto;}
.partnar						{padding:32px 0 19px 0;}
.part_in h2						{padding:0 0 14px 0;}
.part_in ul li					{padding:0 24px;}
.form_top ul					{margin:0 0 7px 0;}
.form_top ul li a				{width:160px;}
.form_top figure img			{width:100%; height:auto;}
.form_cont						{padding:49px 0 0 0;}
.form_slide:before				{width:40px;}
.form_slide:after				{width:40px;}
.work							{padding:22px 0 49px 0;}
.work_in ul						{float:none; margin:0 auto; display:block;}
.work_in ul li					{margin:0 0 40px 0; padding:0 9px;}
.work_in ul li:after			{top:inherit; left:0; bottom:-30px; margin:0 auto; background:url(images/arrow_mob.png) no-repeat; width:14px; height:16px;}
.work_main						{height:auto !important;}
.work_cont						{padding:28px 17px 17px 17px;}
.list ul li						{padding:0 0 0 23px; margin:0 0 7px 0; float:none;}

.business						{padding:0;}
.business_main					{padding:46px 20px 40px 20px;}
.business_top p					{font-size:28px; line-height:36px;}
.capture						{padding:48px 0 41px 0;}
.capt_top h2					{padding:0 0 50px 0;}
.capt_top						{padding:0 10px 44px 10px;}
.capt_top ul li					{padding:0 10px;}
.capt_main						{padding:19px 10px 10px 10px;}
.expert_rgt						{padding:0 0 0 8px;}
.expert							{padding:0 7px 15px 7px;}
.template						{padding:52px 0 56px 0;}
.form_temp						{padding:0 0 40px 0;}
.whether						{padding:56px 0 49px 0;}
.whether_in a.larg				{margin:44px auto;}
.privacy						{padding:34px 0 20px 0;}
.privacy_in ul li				{width:32%; padding:0 2%;}
.privacy_in ul li p				{padding:0 0 0 14px;}
.copy_lft						{padding:6px 0 0 11px;}
.copy_rgt						{padding:0 18px 0 0;}

.form_temp						{overflow: hidden; left:0px; right:0px;}
.template .tile-3l              {left:10%; z-index: 1000;}
}

@media only screen and (max-width:767px){
.ban_cont ul li a				{width:240px;}
.form_top						{padding:0 6px;}
.form_top ul					{margin:0;}
.form_top ul li					{display:block;}
.form_top .form_nav .slick-initialized .slick-slide{width:100% !important;}
.form_slide						{padding:0;}
.form_slide .slick-track		{padding:20px 0 10px 0;}
.form_slide:before				{display:none;}
.form_slide:after				{display:none;}
.form_cont						{opacity:1;}

.business_top p					{font-size:22px; line-height:30px;}
.business .owl-theme .owl-controls{bottom:10px;}
.capt_top						{padding:0 10px 12px 10px;}
.capt_top ul li					{float:none; margin:0 0 31px 0; padding:0;}
.capt_cont						{width:100%;}
.prograss_bar figure img		{width:100%;}
.part_in ul li					{padding:0;}

.form_temp						{margin:0 auto; width: 90%; position:inherit;}
.template .tile 				{position: initial; display: inline-block; text-align: center;margin: 10px;}
.template .tile:nth-child(9),
.template .tile:nth-child(10)	{display: none;}
}

@media (max-width:767px){
.growth ul li{ display:block; margin:0 0 36px 0; padding:6px;}
.business{min-height:auto !important;}
.price_middle ul li{display:block;}
.banner.pricing{min-height:319px;}
.growth{margin:-145px 0 0;  padding:0;}
.includes {padding:0 0 25px 0;}
.growth .clone_class,
.growth .clone_class .growth_clone	{display:block;  padding:5px; background:#fff;border-radius: 5px;}
.growth .growth_clone {display:none;}
.banner.pricing h2{padding:10px 0 49px;}
.switch_blk{padding:0;}
.growth ul li.active{transform:none; }
.business{padding:0;}
.essential h3{padding:19px 0 16px;}
.essential p{padding: 0 10px 13px;font-size:16px;line-height:20px;}
.essential span{padding:15px 0 21px 0;}
.essential small{padding: 0 0 43px 0;}
.essential a.btn{display:block; margin:0 0 39px 0;}
.mob_price{display:block;}
.mob_inc{display:none;}
.mob_price .mob_inc{display:block;}
.includes1{padding:10px 0 0px 0;}
.required{padding:7px 0 0;}
.price{padding:24px 0 35px;}
.price_middle p{font-size:17px; line-height:21px; padding:0 0 22px 0;}
.price_rt a{display:block; padding:15px 10px; }
.price_rt{padding:0;}
.might_in{padding:0;}
.might{padding:54px 0 49px 0;}
.advise_block{padding:29px 0 0 17px;}
.trail a{display:block; padding:15px 0;}
.might_in h3{font-size:22px;}
.switch_blk span small{text-align:right;}
.leads ul li{width:70%; margin:0 auto;}
.panel-group .panel{padding:0 0 58px 0;}
.under{padding: 0 0 25px 0 !important;}
.panel-group .panel:after{width:100%;}
.essential{padding: 20px 0 0;}

.growth ul li{width:100%;}
.essential span b{font-size:40px;}
.essential span sub{font-size:24px; line-height:24px;}
.growth ul li.active .essential a.btn{display: block;}
.growth ul li.active .essential{padding: 15px 11px 0;}
.essential small small{padding: 0;}
.switch_blk{padding:0 0 82px 0; margin:0 0 0 -42px;}
.essential a.btn{width:100%;}
}

@media only screen and (max-width:599px){
nav								{width:96%;}
.ban_img						{margin:0 -12px; padding-top:0;}
.ban_cont						{padding:40px 0 13px 0;}
.ban_cont h1					{font-size:34px; line-height:41px;}
.ban_cont h2					{line-height:24px; padding:0 0 35px 0;}
.ban_cont ul					{display:block;}
.ban_cont ul li					{display:block; margin:0 0 17px 0;}
.ban_cont ul li.get				{float:none;}
.ban_cont ul li.view			{float:none;}
.ban_cont ul li a				{width:300px;}

.banner.pricing h2              {padding: 10px 0 34px;}
.ban_img figure span    		{width: 90%;}
.ban_img .left_head_img,
.ban_img .right_head_img		{display: none;}

.switch_blk                     {padding: 0 0 92px 0;}
.partnar						{padding:26px 0 19px 0;}
.part_in h2						{font-size:13px;}

.forms							{padding:33px 0 40px 0;}
.form_top h2					{font-size:28px; padding:0 0 22px 0;}
.form_top ul					{margin:0 0 5px 0;}
.form_top ul li					{display:block;}
.form_cont						{padding:20px 4px 0 4px;}
.form_cont h3					{line-height:22px; padding:0 0 14px 0;}
.form_cont_in					{padding:16px 0 0 0;}
.form_cont_in p					{padding:0 0 25px 0;}
.form_cont_in a					{width:300px;}
/*.form_top figure.form_dec		{display:none;}*/
/*.form_top figure.form_mob		{display:block;}*/
.form_slide .slick-track		{padding:2px 0 4px 0;}
.forms .row						{margin-right: auto; margin-left: auto;}

.growth                         {padding:0 15px;}

.work							{padding:30px 0 49px 0;}
.work_in a						{width:300px;}
.work_cont h3					{padding:0 0 17px 0;}
.work_in ul li					{margin:0 0 63px 0;}
.work_in ul li.no_arrow			{margin-bottom:49px;}
.work_in ul li:after			{bottom:-40px;}
.list ul li						{padding:0 0 0 23px; margin:0 0 10px 0;}

.business						{padding:0;}
.business_main					{padding:20px 10px;}
.business_top					{padding:0 0 20px 0;}
.business_top p					{font-size:22px; line-height:26px; padding:0 8px;}
.business_cont					{padding:20px 0 0 0;}
.business_cont p				{padding:0 0 20px 0;}

.capture						{padding:37px 0 41px 0;}
.capt_cont						{padding:45px 6px 0 6px;}
.capt_cont a					{width:300px;}
.capt_cont h2					{line-height:38px;}
.capt_cont h3					{line-height:28px; padding:0 0 65px 0;}
.expert							{padding:0 14px 14px 14px;}
.expert_rgt						{padding:0 0 0 20px;}

.form_temp						{padding:0 0 51px 0; overflow:hidden;}
.form_temp figure img			{width:auto; height:460px; position:relative; left:-200px;}
.template						{padding:52px 0 60px 0;}
.template_in h2					{padding:0 6px 27px 6px;}
.template_in a					{width:300px;}

.whether						{padding:27px 0 15px 0;}
.whether_in						{padding:0 8px;}
.whether_in h2					{line-height:32px; padding:0 0 41px 0;}
.whether_in h3					{line-height:20px; padding:0 0 25px 0;}
.whether_in a.larg				{width:300px; margin:19px auto;}
.whether_in ul					{padding:0;}
.whether_in ul li				{float:none; width:100%; margin:0 0 35px 0; padding:0 58px;}

.privacy						{padding:24px 0 5px 0;}
.privacy_in ul li				{width:100%; display:block; padding:0; margin:0 0 20px 0;}
.privacy_in ul li:after			{display:none;}
.privacy_in ul li p				{padding:12px 0 0 9px; float:none;}

footer							{padding:23px 0 28px 0;}
.foot_in						{padding:0 0 14px 0;}
.foot_cont						{float:none; width:100%; margin:0 0 17px 0;}
.foot_cont h2					{padding:0 0 12px 0;}
.foot_cont ul li				{padding:0 0 7px 0;}
.copy_rgt						{float:none; padding:0 0 26px 0;}
.copy_rgt ul li					{padding:0 5px;}
.copy_lft						{float:none; padding:0;}

.form_temp						{width: 100%;}
.template .tile:nth-child(7),
.template .tile:nth-child(8)	{display: none;}

.panel-title > a:after          {left:-11px;}
}

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

.ban_cont ul li					{padding:0;}
.ban_cont ul li a				{width:100%;}

.part_in .slick-slide img		{width:auto; height:32px;}

.form_cont_in a					{width:100%;}

.work_in a						{width:94%;}
.business_main					{padding:20px 10px 26px 10px;}
.business_top p					{font-size:18px; line-height:22px;}
.capt_cont a					{width:94%;}

.template_in a					{width:94%;}

.whether_in a.larg				{width:98%;}

.form_temp						{margin:0 auto; width: 90%; position:inherit;}

.template .tile:nth-child(5),
.template .tile:nth-child(6)	{display: none;}
.template .tile img             {width: 100%;}
}



@media (max-width:479px){
.mob_br br{display:block !important;}
.banner.pricing p{font-size:22px; line-height:23px; padding:0 0 23px;}
.banner.pricing{min-height:369px;}
.leads ul li{width:90%; margin:0 auto;}
.essential small{padding: 0 0 35px 0;}

}
@media (max-width: 1840px) {
  .page-template-templates-page .content button {
    background-position: 33% 50%;
  }
}
@media (max-width: 1260px) {
  .page-template-templates-page .magnet ul li {
    margin: 0 16px;
  }
  .page-template-templates-page .magnet .slick-next {
    right: -50px;
  }
  .page-template-templates-page .magnet .slick-prev {
    left: 5px;
  }
  .page-template-templates-page .template {
    padding: 75px 15px 25px 15px;
  }
}
@media (max-width: 1200px) {
  .page-template-templates-page .container {
    max-width: 100%;
  }
  .page-template-templates-page .segment_in {
    width: 100%;
  }
  .page-template-templates-page .watch_in {
    padding: 99px 0 78px 0;
  }
  .page-template-templates-page .segment {
    padding: 84px 15px 60px 15px;
  }
  .page-template-templates-page .segment_left {
    width: 40%;
  }
  .page-template-templates-page .segment_right {
    width: 60%;
    padding: 68px 10px 71px 73px;
  }
  .page-template-templates-page .seg_left {
    padding: 63px 15px 20px 33px;
  }
  .page-template-templates-page .seg1 {
    padding: 102px 0 26px 0;
  }
  .page-template-templates-page .seg2 {
    padding: 39px 0 0 0;
  }
  .page-template-templates-page .magnet ul {
    margin: 30px 0 0 0;
  }
  .page-template-templates-page .magnet {
    padding: 53px 0 60px 0;
  }
  .page-template-templates-page .magnet ul li {
    margin: 0 5px;
  }
}
@media (max-width: 991px) {
  .page-template-templates-page .banner {
      min-height: 240px;
  }
  .page-template-templates-page .watch_in {
    width: 100%;
    padding: 75px 15px 32px 15px;
    text-align: center;
  }
  .page-template-templates-page .watch_right a {
      width: 100%;
  }
  .page-template-templates-page .embed_in {
    width: 100%;
  }
  .page-template-templates-page .watch_left {
    display: block;
    float: none;
    width: 100%;
  }
  .page-template-templates-page .watch_right {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    padding: 55px 40px 0 40px;
  }
  .page-template-templates-page .watch_right button {
    margin: 0 auto;
  }
  .page-template-templates-page .watch_left a {
    display: block;
    max-width: 510px;
    margin: 0 auto;
  }
  .page-template-templates-page .watch_left a figure img {
    width: 100%;
    margin: 0 auto;
  }
  .page-template-templates-page .watch_left p {
    max-width: 391px;
    margin: 22px auto 0;
  }
  .page-template-templates-page .watch_right p {
    margin: 36px 54px 40px 60px;
  }
  .page-template-templates-page .segment {
    padding: 51px 15px 48px 15px;
  }
  .page-template-templates-page .segment_in {
    text-align: center;
  }
  .page-template-templates-page .segment_left {
    display: block;
    float: none;
    width: 100%;
  }
  .page-template-templates-page .segment_right {
    display: block;
    float: none;
    width: 100%;
    padding: 0 98px;
  }
  .page-template-templates-page .seg {
    padding: 71px 0 82px 0;
  }
  .page-template-templates-page .seg_left {
    display: block;
    float: none;
    width: 100%;
    padding: 63px 0 0 0;
  }
  .page-template-templates-page .seg_right {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
  }
  .page-template-templates-page .segment p {
    margin: 0 0 46px 0;
  }
  .page-template-templates-page .seg1 {
    padding: 85px 0 36px 0;
  }
  .page-template-templates-page .seg2 {
    padding: 88px 0 0 0;
  }
  .page-template-templates-page .segment h2 {
    margin: 0 0 17px 0;
  }
  .page-template-templates-page .seg_left p {
    margin: 0 107px 38px 107px;
  }
  .page-template-templates-page .seg2 h2 {
    margin: 0 0 27px 0;
  }
  .page-template-templates-page .seg1 .seg_right {
    padding: 0;
  }
  .page-template-templates-page .seg1 p {
    margin: 0 107px 2px 107px;
  }
  .page-template-templates-page .template {
    padding: 66px 15px 50px 15px;
  }
  .page-template-templates-page .enquiry {
    width: 100%;
  }
  .page-template-templates-page .magnet {
    padding: 36px 0 45px 0;
  }
  .page-template-templates-page .template p {
    margin: 0 63px;
  }
  .page-template-templates-page .enq_cnt p {
    margin: 0;
  }
  .page-template-templates-page .magnet ul li {
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .page-template-templates-page header h1 {
    font-size: 36px;
    line-height: 38px;
  }
  .page-template-templates-page .ebmed p {
    margin: 15px 0 25px 0;
  }
  .page-template-templates-page .ebmed p br {
    display: none;
  }
  .page-template-templates-page .embed_cnt ul li {
    width: 16.6%;
  }
  .page-template-templates-page .seg1 p {
    margin: 0 20px 2px 20px;
  }
  .page-template-templates-page .segment_right {
    padding: 0 15px;
  }
  .page-template-templates-page .seg1 .seg_left {
    padding: 48px 0 34px 0;
  }
  .page-template-templates-page .seg_left p {
    margin: 0 20px 38px 20px;
  }
  .page-template-templates-page .watch_right {
    padding: 55px 0 0 0;
  }
  .page-template-templates-page .watch_right p {
    margin: 36px 15px 40px 15px;
  }
  .page-template-templates-page .enquiry ul li {
    width: 33.3%;
    outline: 0 none;
    padding: 0 15px;
  }
  .page-template-templates-page .template p {
    margin: 0 15px;
  }
  .page-template-templates-page .enq_cnt p {
    margin: 0;
  }
  .page-template-templates-page .template p br {
    display: none;
  }
  .page-template-templates-page .enquiry .slick-slider .slick-next {
    background: url(../images/right_arrow.png) no-repeat;
    width: 28px;
    height: 30px;
    right: -15px;
    top: 41%;
    font-size: 0;
    position: absolute;
    z-index: 999;
    font-size: 0;
    border: none;
    outline: none;
  }
  .page-template-templates-page .enquiry .slick-slider .slick-prev {
    width: 28px;
    height: 30px;
    left: 5px;
    top: 41%;
    font-size: 0;
    position: absolute;
    z-index: 99999;
    font-size: 0;
    border: none;
    outline: none;
    background: url(../images/left_arrow.png) no-repeat;
  }
  .page-template-templates-page #html5-elem-wrap, .page-template-templates-page #html5lightbox-div, .page-template-templates-page #html5-image {
    width: 100% !important;
  }
  .page-template-templates-page #html5-lightbox-box {
    width: 100% !important;
  }
  .page-template-templates-page .demo button {
    min-height: 35px;
    font-size: 11px;
  }
  .page-template-templates-page .demo {
    padding: 20px 15px;
  }
  .page-template-templates-page .demo button.view {
    padding: 12px 0 12px 30px;
    background-size: 16px;
  }
  .page-template-templates-page .demo button.embed {
    padding: 12px 0 12px 30px;
    background-size: 16px;
  }
  .page-template-templates-page .magnet .demo {
    padding: 60px 15px;
  }
  .page-template-templates-page .magnet .demo button.view {
    padding: 12px 0 12px 40px;
  }
  .page-template-templates-page .magnet .demo button.embed {
    padding: 12px 0 12px 40px;
  }
  .page-template-templates-page .enq_cnt h4 {
    font-size: 12px;
  }
  .page-template-templates-page .content button {
    width: 93%;
    background-position: 24% 50%;
  }
  .page-template-templates-page #html5-close {
    top: 6px !important;
    right: 15px !important;
    z-index: 999;
  }
}
@media (max-width: 599px) {
  .page-template-templates-page header h1 {
    font-size: 28px;
    line-height: 30px;
  }
  .page-template-templates-page .schedule_in {
    padding: 0;
  }
  .page-template-templates-page .embed_cnt ul {
    width: 100%;
    display: inline-block;
    padding: 27px 0 0 0;
  }
  .page-template-templates-page .embed_cnt ul li {
    width: 50%;
  }
  .page-template-templates-page .embed_cnt ul:after {
    width: 1px;
    height: 80%;
    display: block;
    background: #ccc;
  }
  .page-template-templates-page .embed_cnt ul li:after {
    width: 34px;
    height: 1px;
    top: 27%;
  }
  .page-template-templates-page .embed_cnt ul li.list_1:after {
    left: auto;
    position: absolute;
    right: 0;
  }
  .page-template-templates-page .embed_cnt ul li.list_2:after {
    left: 0;
    position: absolute;
    right: auto;
  }
  .page-template-templates-page .segment {
    padding: 16px 15px 33px 15px;
  }
  .page-template-templates-page .segment figure img {
    min-height: 208px;
    object-fit: cover;
  }
  .page-template-templates-page .segment_right, .page-template-templates-page .segment_left {
    padding: 0;
  }
  .page-template-templates-page .segment p {
    margin: 0 0 40px 0;
  }
  .page-template-templates-page .seg {
    padding: 14px 0 82px 0;
  }
  .page-template-templates-page .seg_left {
    padding: 60px 0 0 0;
  }
  .page-template-templates-page .seg_left p {
    margin: 0 0 44px 0;
  }
  .page-template-templates-page .seg1 {
    padding: 61px 0 15px 0;
  }
  .page-template-templates-page .seg1 p {
    margin: 0 0 0 0;
  }
  .page-template-templates-page .seg2 {
    padding: 33px 0 0 0;
  }
  .page-template-templates-page .seg2 p {
    margin: 0 0 24px 0;
  }
  .page-template-templates-page .seg1 .seg_left h2 {
    margin: 0 0 20px 0;
  }
  .page-template-templates-page .seg1 .seg_right img {
    min-height: 120px;
  }
  .page-template-templates-page .template {
    padding: 49px 15px 50px 15px;
  }
  .page-template-templates-page .template p {
    margin: 0;
    font-size: 15px;
  }
  .page-template-templates-page .enq_cnt p {
    font-size: 11px;
  }
  .page-template-templates-page .magnet p {
    font-size: 16px;
  }
  .page-template-templates-page .template h2 {
    margin: 0 0 59px 0;
    font-size: 26px;
  }
  .page-template-templates-page .enquiry {
    padding: 90px 0 32px 0;
  }
  .page-template-templates-page .enquiry ul li {
    padding: 0 15px;
  }
  .page-template-templates-page .popup, .page-template-templates-page #html5lightbox-div {
    width: 100% !important;
  }
  .page-template-templates-page #html5-elem-wrap, .page-template-templates-page #html5lightbox-div, .page-template-templates-page #html5-image {
    width: 100% !important;
  }
  .page-template-templates-page #html5-lightbox-box {
    width: 100% !important;
  }
  .page-template-templates-page .embed_cnt ul li:after {
    top: 35%;
  }
  .page-template-templates-page .embed_cnt ul li {
    padding: 11px 15px 47px 15px;
  }
  .page-template-templates-page .demo button.view {
    padding: 12px 0 12px 40px;
  }
  .page-template-templates-page .demo button.embed {
    padding: 12px 0 12px 40px;
  }
}
@media (max-width: 479px) {
  .page-template-templates-page header h1 {
    font-size: 24px;
    line-height: 26px;
  }
  .page-template-templates-page header h3 {
    font-size: 15px;
    line-height: 19px;
  }
  .page-template-templates-page h2, .page-template-templates-page .template h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .page-template-templates-page .schedule_in figure img {
    height: 153px;
    object-fit: cover;
  }
  .page-template-templates-page .watch_in {
    padding: 51px 15px 32px 15px;
  }
  .page-template-templates-page .watch_left p {
    margin: 17px auto 0;
  }
  .page-template-templates-page .watch_right {
    padding: 42px 0 0 0;
  }
  .page-template-templates-page .watch_right p {
    margin: 22px 0 21px 0;
  }
  .page-template-templates-page .watch_right button {
    width: 100%;
  }
  .page-template-templates-page .ebmed {
    padding: 21px 0 15px 0;
  }
  .page-template-templates-page .ebmed p {
    font-size: 15px;
    margin: 15px 0 22px 0;
  }
  .page-template-templates-page .enquiry .slick-slider .slick-next {
    right: -6px;
  }
  .page-template-templates-page .magnet .slick-next {
    right: -5px;
    top: 0px;
  }
  .page-template-templates-page .popup {
    max-width: 210px;
    max-height: 300px;
    overflow: auto;
  }
  .page-template-templates-page #html5-elem-wrap, .page-template-templates-page #html5lightbox-div, .page-template-templates-page #html5-image {
    width: 100% !important;
  }
  .page-template-templates-page #html5-lightbox-box {
    width: 100% !important;
  }
  .page-template-templates-page .close {
    right: 0;
  }
  .page-template-templates-page .content {
    padding: 25px 15px;
  }
  .page-template-templates-page .demo button.view {
    padding: 12px 0 12px 54px;
  }
  .page-template-templates-page .demo button.embed {
    padding: 12px 0 12px 54px;
  }
  .page-template-templates-page .magnet .demo button.view {
    padding: 12px 0 12px 48px;
  }
  .page-template-templates-page .magnet .demo button.embed {
    padding: 12px 0 12px 48px;
  }
  .page-template-templates-page .content button {
    width: 100%;
    background-position: 5% 50%;
    font-size: 14px;
    background-size: 14px;
  }
  .page-template-templates-page .content h2 {
    font-size: 25px;
    line-height: 27px;
  }
  .page-template-templates-page .magnet ul li {
    margin: 0 30px;
  }
  .page-template-templates-page .enquiry ul li {
    padding: 0 30px;
  }
}