/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none */;}
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; border-radius: none; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul {/*list-style: none;*/ }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer;}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
.txt-center{text-align:center}
img { max-width: 100%; vertical-align:middle; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
.your-requirements-form input::-webkit-input-placeholder {color:#000;opacity:1;}
.your-requirements-form input::-moz-placeholder {color:#000;opacity:1;}
.form-ratecard input::-webkit-input-placeholder {color:#000;opacity:1;}
.form-ratecard input::-moz-placeholder {color:#000;opacity:1;} 
.form-ratecard textarea::-webkit-input-placeholder { color: #000; opacity:1;font-family:'PT sans',sans-serif;} /* WebKit browsers */
.form-ratecard textarea::-moz-placeholder { color: #000; opacity:1;font-family:'PT sans',sans-serif;} /* Mozilla Firefox 19+ */
.form-ratecard textarea:-ms-input-placeholder { color: #000; opacity:1;font-family:'PT sans',sans-serif;} /* Internet Explorer 10+ */
.your-requirements-form textarea::-webkit-input-placeholder { color: #000; opacity:1;font-family:'PT sans',sans-serif;} /* WebKit browsers */
.your-requirements-form textarea::-moz-placeholder { color: #000; opacity:1;font-family:'PT sans',sans-serif;} /* Mozilla Firefox 19+ */
.your-requirements-form textarea:-ms-input-placeholder { color: #000; opacity:1;font-family:'PT sans',sans-serif;} /* Internet Explorer 10+ */

/******body &sopan 03/10/2016******/
body { font-size: 15px; line-height: 21px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: 'PT Sans', sans-serif;background:#fff;font-weight:normal;-webkit-font-smoothing: antialiased;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
a:hover {text-decoration: none; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 25px; }
p strong { font-weight: bold;color:#000;}
h1,h2,h3,h4,h5,h6{font-family: 'Lato', sans-serif;}

h2 { font-size: 30px;color:#000;text-transform:uppercase;text-align:center;margin-bottom:24px;}
h3 { font-size: 24px;line-height:35px; margin-bottom: 40px;text-align:center;text-transform:uppercase; }
h4 { font-size: 22px;line-height:28px;margin-bottom:25px;text-align:center;text-transform:uppercase;}
h5 { font-size: 20px;}
h6 { font-size: 18px; margin-bottom: 19px;font-weight:bold;text-transform:uppercase; }

.container {max-width:1170px ;margin:0 auto !important;padding:0 !important;float:none !important; }
/*****************************  header ***********************************/

/*****************************  monk helps title  ***********************************/
.monk-help-titile-main{padding:88px 0 0 ; background:#f1c319;margin-top:94px;}
.monk-help-titile-main .container {border-bottom:4px solid #d1a910 ;padding-bottom:87px !important;}
.monk-help-titile-main h2{padding-left:14px;}
.helpboldh2 h2{font-size:42px;font-weight:900;margin-bottom: 30px;}
.helpliteh2 h2{font-size:36px;font-weight:300;}

.monk-help-titile-main .work-list{text-align:center;font-family: 'Lato', sans-serif;margin-bottom:90px;}
.monk-help-titile-main .work-list ul{display:inline-block;border:2px solid #000; padding:5px;}
.monk-help-titile-main .work-list ul li {display:inline-block;font-size:20px;text-transform:uppercase;  font-weight: bold;padding: 0 14px;position:relative;}
.monk-help-titile-main .work-list ul li:after {background: #fff none repeat scroll 0 0;color: #fff;content: "";height: 21px;position: absolute;right: -4px;top: 2px;transform: rotate(23deg);width: 2px;}
.monk-help-titile-main .work-list ul li:last-child:after{background:none;}

/*****************************  vision  ***********************************/
.vision-main {max-width:1090px;margin:0 auto !important;float:none !important;}
.vision-main h2{text-transform:unset;font-weight:normal;line-height:28px;text-align:left;padding-left:0;font-family:'PT Sans',sans-serif;margin-bottom:5px;}
.vision-main p {font-size:18px;line-height:30px;}
.hubmokvision-img {text-align:center;padding:3px 0 0 66px;}
.vision-centent{padding-left:13px;}
.left{margin-left:0 !important;}
.vision-centent img{margin-bottom:25px;}
.vimg{position:relative;}
.vimg:after {background: #ffd73e none repeat scroll 0 0;content: "";height: 25px;position: absolute;right: 43px;top: 27px;width: 3px;}
.vimg:nth-of-type(2):after {background:none;}
.vimg:nth-of-type(4):after {background:none;}

/*****************************  How-monk-help-box  ***********************************/
.How-monk-help-main{padding:71px 0 3px ; background:#f1c319;text-align:center;}
.How-monk-help-main h2 {margin-bottom:137px;}
.how-help-box{background:#ffd73e;padding:5px 27px 15px;position:relative;}
.how-help-box-img {background: #f1c319 none repeat scroll 0 0;border: 5px solid #ffd73e;height: 146px;left: 0;margin: 0 auto !important;position: absolute;right: 0;top: -92px;width: 88% !important;padding:35px 0;}
.how-help-box-content {margin-top: 91px;}
.how-help-box-content p {font-size:16px;line-height:24px;margin-bottom:0;}

/****************************** Slider ***********************************************/
.slider-main{padding:71px 0 104px ; background:#f1c319;position:relative;}
.slider-content{background:#fff;position:relative;text-align:center;margin-bottom:81px;}
.slider-text{padding:27px 0 15px;}
.left-img {left: 0;position: absolute;top: -13px;}
.right-img{position:absolute;right:-1px;bottom:10px;}
.slider-text p{max-width:883px;margin:0 auto 25px !important;font-style:italic;font-size:20px;line-height:33px;  letter-spacing: 0.3px;padding-bottom:29px;position:relative;}
.slider-text p:after {background: #f1c319;bottom: 0;content: "";height: 4px;left: 48.5%;position: absolute;width: 28px;}
.slider-text h3{font-style:italic; font-size: 24px;font-weight: 600;line-height: 24px;margin-bottom:5px;text-transform: capitalize;}
.slider-text h6{font-family: "PT sans",sans-serif;font-size: 14px;font-weight: normal;line-height: 24px;text-transform: capitalize;margin-bottom:13px;}
.owl-page {display:inline-block;}
.owl-page span {background: #000 none repeat scroll 0 0;border-radius: 20px;display: block;height: 10px;margin:3px;opacity: 0.5;width: 10px;position:relative;bottom:-32px;}
.active span  {opacity:1;} 
.get-quote-btn{text-align:center;}
.get-quote-btn a{   background: #dd5604 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow-3.png") no-repeat scroll 86% center;;color: #fff;font-family: lato;font-size: 20px;font-weight: bold;padding: 15px 74px;text-transform: uppercase;border-radius:4px;transition:all 0.5s ease;}
.get-quote-btn a:hover {background: #000 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow-3.png") no-repeat scroll 86% center; ;}

.slider-main:after {bottom: -22px;content: url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/ok.png?t=1477331389907");left: 49%;position: absolute;z-index:1;}

/****************************** rate card form ***********************************************/
.hubmonk-img img{width:100% !important;}
.form-ratecard-main{padding:119px 0 125px}
.form-ratecard-main h2{margin-bottom:53px;}
.dwnldrate-main{max-width:709px;margin:0 auto !important;float:none !important;}
.form-ratecard-main .dwnldrate-main .form-ratecard  input[type="text"],.form-ratecard-main .dwnldrate-main .form-ratecard input[type="email"], .form-ratecard-main .dwnldrate-main .form-ratecard input[type="tel"] {background:transparent;width:100%; border:2px solid #000;height: 56px;padding-left: 15px;border-radius:3px;font-size:14px;}
.form-ratecard{padding-left:37px;}
.form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"] {  background: #dd5604 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow-3.png") no-repeat scroll 86% center;border-radius: 3px;color: #fff;display: block;font-family: "lato",sans-serif;font-size: 20px;font-weight: 700;height: 50px;text-transform: uppercase;width: 100%; cursor: pointer;transition:all 0.5s ease;}
.form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"]:hover{background: #000 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow-3.png") no-repeat scroll 86% center; }

/* hubsport form */
.hs-form-required {display:none;}
.dwnldrate-main ul{margin:0 !important;text-align:left;}
.dwnldrate-main ul li {padding:0 !important;margin:0 !important;}
 ul li label {font-size:14px!important;line-height:0 !important;color:red;}
.form-ratecard h3{display:none;}
.form-ratecard-main .dwnldrate-main .form-ratecard .hs-form-field{margin-bottom:17px;}

/****************************** Example of work ***********************************************/
.examples-work-main{padding:102px 0 0 0px;background:#f1c319;position:relative;}
.examples-work-main .container {border-bottom:4px solid #d1a910 ;padding-bottom:101px !important;-webkit-padding-after:70px !important}
.examples-work-main h2{margin-bottom:54px}

.work-box{position:relative;margin:10px !important; }
.template-hover {background: rgba(36, 36, 36, 0.9) none repeat scroll 0 0;color: #fff;display: inline-block;height:100%;opacity: 0;position: absolute;top: 0;width:95%;text-align:center;padding:10px;visibility:hidden;transition:all 0.8s ease-in-out;-webkit-logical-height:92.5%}
.work-box:hover .template-hover {opacity:1;visibility:visible;}
.dspl{display:table !important;}
.tbl { display: table; height: 100%; width: 100%; }
.tbl-cell { display: table-cell; height: 100%; vertical-align: middle; width: 100%; }
.brdr {border: 1px solid #f1c319;height: 99%;margin: 0 auto;width: 99%;}
.tbl-cell > p {font-size: 16px;font-weight: 500;line-height: 24px;margin: 0 auto 24px;max-width: 300px;}
.tbl-cell > h6 {color: #e6b705;font-family: PT Sans,sans-serif;line-height: 24px;margin-bottom: 4px;text-transform: capitalize;}
.tbl-cell > a {background: #fff url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/yblack.png") no-repeat scroll 88% 56%;border-radius: 3px;color: #000;font-family: "Patua One",sans-serif;font-size: 18px;font-weight: 400;padding: 10px 29px 10px 25px;}

/* slider */
.examples-work-main .owl-prev:after {content:url(//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/left-arrow-slider.png);}
.examples-work-main .owl-prev { position: absolute; top: 40%; display: block; left: -70px; }
.examples-work-main .owl-next:after {content:url(//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/right-arrow-slider.png);}
.examples-work-main .owl-next { position: absolute; top: 40%; display: block; right: -70px; }
.examples-work-main .owl-page {display:none;}

/************************************* Blog Tweet Section *************************************** */
.blog-tweet-section {padding:88px 0 86px ;background:#f1c319;}
.blog-tweet-main {max-width:970px;margin:0 auto !important;float:none !important;}
.main-blog-post h3{ font-size: 26px;text-align: center; border-bottom: 1px solid #c19c14; padding: 0 0 15px; font-weight:300;text-transform: uppercase;line-height:35px;}
.main-tweet-post h3{ font-size: 26px;text-align: center; border-bottom: 1px solid #c19c14; padding: 0 0 15px;text-transform: uppercase;line-height:35px;}
.dsply-rss-h3  h3 {display:none !important;}
.blog-post{border-bottom: 1px dotted #333;position:relative;}
.blog-post h4{ font-size:18px;}
.blog-post p{font-size:14px;}
.blog-post a{font-style: italic; color: #000;text-decoration: none; font-weight:bold;}
.blog-post i{ padding-left:8px;}
.tweet {padding:0 20px; }
.tweet p{font-family: 'PT Sans', sans-serif; font-size:18px;font-style: italic;padding: 10px 34px;text-align: center;margin-bottom:0}
.tweet a{ color:#000; font-weight:bold;text-decoration: none;}

.feedreader_box span{ color:#000;}
.feedreader_box a span:hover{ color:#fff !important;transition:all 0.7s ease;}
.feedreader_box a:hover{ color:#fff !important;transition:all 0.7s ease;}
.hs-rss-title {color: #000;text-decoration: none;font-size:18px;font-weight:600;display:block;margin-bottom:10px;margin-top:4px;}
.hs-rss-description p{font-size:14px;}
.hs-rss-description a{ width:20%;font-size:14px;line-height:29px;font-style: italic; color: #000;text-decoration: none; font-weight:bold;display: block;background: rgba(0, 0, 0, 0) url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/bbbbbbb_arrow.png") no-repeat scroll 70px 12px;}
.feedreader_box{ position:relative;}
.hs-rss-item {border-bottom: 1px dotted #333}
.hs-rss-item-text {padding-left: 46px;}
.feedreader_box .hs-rss-item:nth-last-of-type(3)::before {
    content: "1";
}
.feedreader_box .hs-rss-item:nth-last-of-type(2)::before {
    content: "2";
}
.feedreader_box .hs-rss-item:nth-last-of-type(1)::before {
    content: "3";
}

/*.feedreader_box .hs-rss-item:hover::before {color: #fff;}*/
.feedreader_box .hs-rss-item::before {margin-top: -3px !important; border: 3px solid; content: "1"; display: inline-block; float: left; font-weight: bold; margin-right: 9px; padding: 5px 10px;font-size:22px; }
.speech-bubble { position: relative; width: 306px; height:75px; color: #000; text-align: center; padding: 1px; background:none; border-radius: 0px; border: #000000 solid 1px; margin-bottom:59px; }
.speech-bubble-last{margin-bottom:0 !important;}
.speech-bubble:after { content: ''; position: absolute; border-style: solid; border-width: 0 16px 15px; border-color: #f1c319 transparent; display: block; width: 0; z-index: 1; top: -15px; left:45%; }
.speech-bubble:before { content: ''; position: absolute; border-style: solid; border-width: 0 16px 15px; border-color: #000000 transparent; display: block; width: 0; z-index: 0; top: -16px; left:45%; }
.hs-rss-item:last-child {border:0;}

/****************************** your requirements form ***********************************************/
.your-requirements-form-main{padding:106px 0 91px 22px;}
.your-requirements-form-main h2{margin-bottom:50px;}
.your-requirements-form {max-width:770px;margin:0 auto !important;float:none !important;}
.your-requirements-form input[type="text"],.your-requirements-form input[type="email"], .your-requirements-form input[type="tel"],.your-requirements-form textarea {background:transparent;width:100%; border:2px solid #000;height: 49px;padding-left: 15px;border-radius:3px;font-size:14px;}
.your-requirements-form input[type="submit"] {  background: #000 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow-3.png") no-repeat scroll 73% center;border-radius: 3px;color: #fff;display: block;font-family: "lato",sans-serif;font-size: 20px;font-weight: 700;height:60px;text-transform: uppercase;width: 100%; cursor: pointer;transition:all 0.3s ease-in-out;}
.your-requirements-form input[type="submit"]:hover{background: #dd5604 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow-3.png") no-repeat scroll 73% center;}
.your-requirements-form textarea {resize: vertical;padding-top: 10px;height:145px;}
.your-requirements-form h3{display:none;}
.your-requirements-form  .hs_email , .your-requirements-form  .hs_firstname ,.your-requirements-form  .hs_phone ,.your-requirements-form  .hs_company {width:47.8%; float:left;}
.your-requirements-form  .hs_firstname  {margin-right: 32px;}
.your-requirements-form  .hs_phone  {margin-right: 32px;}
.your-requirements-form .hs-form-field{margin-bottom:20px;}

/* footer */
.copyright{padding:23px 0 40px;}
.copyright p{margin-robbtm}
.social ul li{padding-bottom:11px;}
.social ul li span{margin-top:0px !important;}
.monk-num > img { top: 0  !important;}

/*--------------- Responsive media query style start here ----------------*/
@media (max-width: 1330px){
    .examples-work-main .owl-prev {  left: -35px; }
    .examples-work-main .owl-next {  right: -35px; }
}

@media (max-width: 1280px){
    .work-box-main {max-width:820px !important;float:none !important;margin:0 auto !important;}
    .template-hover{width:90.7%;}
    .work-box{margin:20px !important;}
}

@media (max-width: 1250px){
    .container{padding:0 15px !important;}
    .monk-help-titile-main h2{padding-left:0;}
    .examples-work-main{padding-left:0;}
    .hubmokvision-img {padding:3px 0}
    .vision-centent{padding-left:0px;}
    .main-tweet-post {padding-left:0px;}

}
@media (max-width: 1024px){
    .vimg{text-align:center;}
    .vimg:after{right:0;}
}
@media (max-width: 991px){
    /* padding */
 .monk-help-titile-main{padding:70px 0 0;}
 .monk-help-titile-main .container {padding-bottom:70px !important;}
 .How-monk-help-main {padding:60px 0 3px;}
 .slider-main {padding:60px 0 ;}
 .form-ratecard-main {padding:70px 0;}
 .examples-work-main {padding:70px 0 0;}
 .examples-work-main .container {padding-bottom:70px !important;}
 .your-requirements-form-main {padding:50px 0;}
 .blog-tweet-section {padding:70px 0px ;}
    /* padding */
  h2 {font-size:27px;line-height:28px;}    
  .how-help-box{padding:5px 17px 15px;}
 .monk-help-titile-main .work-list {margin-bottom:65px;}
  .how-help-box-content {margin-top: 65px;} 
  .slider-text p{max-width:600px;line-height:25px;font-size:17px;}
  .how-help-box-content p{line-height:22px;}
  .speech-bubble p{padding:14px 5px;}
  .tbl-cell > p {font-size: 14px;line-height: 17px;margin: 0 auto 18px;max-width: 226px;}
  .hs-rss-description a{ width:35%;}
}
@media (max-width: 900px){
    .work-box-main {max-width:700px !important;}
     .work-box {margin:0 14px  !important;width:92% !important;}
     .template-hover { width: 100%; }
}
@media (max-width: 840px){
    .tbl-cell > a {font-size:17px;}
    .tbl-cell ul {margin-bottom: 13px;} 
     h2 {font-size:25px;line-height:25px;}   
     /*.monk-help-titile-main .work-list ul li{font-size:22px;}*/
     .helpboldh2 h2{line-height:45px !important;font-size:38px;}
     .helpliteh2 h2{margin-bottom:12px;}
     .how-help-box-content h6{font-size:17px;line-height:20px;margin-bottom:15px;}
     .slider-text p{max-width:550px;}
     .tbl-cell > a {padding:8px 29px 8px 21px;}
     .speech-bubble p{padding:10px 1px;}
    .template-hover { -webkit-logical-height: 90%;}
     .work-box-main {max-width:425px !important;}
    .examples-work-main .owl-prev {  left: -60px; }
    .examples-work-main .owl-next {  right: -60px; }
    .work-box {margin:0 31px !important;width:88% !important;}
    .template-hover{width:99%;}
    .your-requirements-form  .hs_firstname  {margin-right: 31px;}
    .your-requirements-form  .hs_phone  {margin-right: 31px;}
    .vimg:nth-of-type(2){text-align:right;}
     .vimg:after{right:-5px;}

}
@media (max-width: 768px){
   .vimg:after {right: -2px;}
}
@media (max-width: 767px){
    /* padding */
    .monk-help-titile-main{padding:50px 0 0;margin-top:58px;}
    .monk-help-titile-main .container {padding-bottom:50px !important;}
    .How-monk-help-main {padding:50px 0 3px;}
    .slider-main {padding:50px 0 70px;}
    .form-ratecard-main {padding:50px 0;}
    .examples-work-main {padding:50px 0 0;}
    .examples-work-main .container {padding-bottom:50px !important;}
    .your-requirements-form-main {padding:40px 0;}
    .monk-help-titile-main .work-list {margin-bottom:50px;}
    .how-help-box-content {margin-top:50px;} 
    .blog-tweet-section {padding:50px 0px ;}
    /* padding */
    .helpboldh2 h2{line-height:43px !important;font-size:35px;}
    h2{display:inline-block;width:100%;font-size:24px;margin-bottom:19px;}
    
    .hubmonk-img{text-align:center;margin-bottom:45px;}
    .form-ratecard{padding-left:0;}
    .vision-centent{text-align:center;}
    .vision-main h2{text-align:center;}
    .hubmokvision-img {margin-bottom:30px;}
    .vimg {display: inline-block !important;vertical-align: top;width: 35% !important;}
    .how-help-box{margin-bottom:140px;}
    .how-help-box:last-child{margin-bottom:0;}
    br{display:none;}
    .How-monk-help-main h2 {margin-bottom: 130px;}
    .hubmonk-img img {width:auto !important;}
    .form-ratecard-main h2{width:100%;margin-bottom: 40px;}
  
    .work-box:last-child{margin-bottom:0;}
    .tbl-cell > a {font-size:18px;}
    
  
    .your-requirements-form  .hs_email , .your-requirements-form  .hs_firstname ,.your-requirements-form  .hs_phone ,.your-requirements-form  .hs_company {width:100%; display: inline-block;vertical-align: top;}
    .your-requirements-form  .hs_firstname  {margin-right: 0;}
    .your-requirements-form  .hs_phone  {margin-right: 0;}
    .your-requirements-form input[type="submit"]   { background-position: 94% center;font-size: 18px;margin: 0 auto;width: 370px;}
    .your-requirements-form input[type="submit"]:hover   { background-position: 94% center;}
  
    .examples-work-main h2{margin-bottom:40px;}
    .your-requirements-form-main h2 ,.monk-help-titile-main h2 {line-height:30px;}
    .tweet a {display:block;}
    .speech-bubble{height:100px;padding:8px;margin-bottom:30px;}
    .speech-bubble p{padding:10px 0;}
    .main-blog-post {margin-bottom: 25px;}
    .slider-main:after{left:47%;}
    .tweet {padding:0; }
     .slider-text p{max-width:500px;}
     .template-hover { -webkit-logical-height: 92.5%;}
     .tbl-cell>p {max-width:200px;}
    .form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"] {width:370px;margin:0 auto}
    .vimg:nth-of-type(2){text-align:center;}
    .vimg:after{right:0;}
    
}

@media (max-width: 640px){
 
    .slider-text p {max-width:400px; font-size: 16px;line-height: 22px;}
    .left-img{width:15%;}
    .right-img {width:13%;}
    .vimg {width: 45% !important;} 
 
    .examples-work-main .owl-prev {  left: -20px; }
    .examples-work-main .owl-next {  right: -20px; }
    .monk-help-titile-main .work-list ul li{font-size:17px;}
    .helpboldh2 h2{line-height:40px !important;font-size:34px;}
}

@media (max-width: 480px){
    h2{font-size:22px}
    input[type="submit"]{font-size:18px;}
    .vimg {width: 55% !important;}
    .vimg:after {background: none;}
    .monk-help-titile-main .container {padding-bottom:30px !important;}
    .monk-help-titile-main .work-list ul li {padding: 10px 0;width: 70%;}
    .monk-help-titile-main .work-list ul li:before {background: #eee none repeat scroll 0 0;bottom: 0;content: "";height: 2px;left: 45%;position: absolute;right: 0;width: 25px;}
    .monk-help-titile-main .work-list ul li:last-child:before{background:none;}
    .monk-help-titile-main .work-list ul li:after {background:none;}
    .slider-main:after{left:45%;}
    .left-img{width:11%;top:-1px;}
    .form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"] {width:370px;margin:0 auto;}
    .examples-work-main .owl-page {display:inline-block;}
    .examples-work-main .owl-page span {bottom:0;}
    .examples-work-main .owl-buttons {display:none;}
    .work-box {margin:0 auto !important;}
    .examples-work-main .owl-pagination {margin: 25px auto 0;width: 80px !important;-webkit-margin-before:0px;}
   .helpliteh2 h2 {margin-bottom:8px;font-size:30px;}
   .helpboldh2 h2{line-height:37px !important;font-size:32px;}
    
}
@media (max-width: 450px){
    .template-hover{width:100%;}
}
@media (max-width: 400px){
     .form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"] {width:300px;margin:0 auto;background-position:91% center;font-size:18px;}
     .form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"]:hover {background-position:91% center;}
     .your-requirements-form input[type="submit"]   { background-position: 99% center;font-size: 17px;margin: 0 auto;width: 315px;}
     .your-requirements-form input[type="submit"]:hover   { background-position: 99% center;}
}

@media (max-width: 380px){
    /* padding */
    .monk-help-titile-main{padding:35px 0 0;}
    .monk-help-titile-main .container {padding-bottom:35px !important;}
    .How-monk-help-main {padding:35px 0 3px;}
    .slider-main {padding:35px 0 70px;}
    .form-ratecard-main {padding:35px 0;}
    .examples-work-main {padding:35px 0 0;}
    .examples-work-main .container {padding-bottom:35px !important;}
    .your-requirements-form-main {padding:35px 0;}
    .monk-help-titile-main .work-list {margin-bottom:35px;}
    /* padding */
   .slider-text p {max-width:300px;}
   .get-quote-btn a{padding:15px 40px;font-size:18px;background-position: 93% center;}
   .get-quote-btn a:hover{background-position: 93% center;}
    .left-img{width:17%;top:-8px;}
    .vimg {width: 60% !important;}
    h2{font-size:20px;line-height:28px;}
    .your-requirements-form-main h2 {margin-bottom:40px;}
     .speech-bubble{height:120px;padding:4px;}
    .speech-bubble p{padding:20px 0;}
    .helpliteh2 h2 {font-size:27px;}
   .helpboldh2 h2{line-height:34px !important;font-size:29px;}
}

@media (max-width: 340px){
    .slider-text p{max-width:250px;}
    .slider-main:after{left:44%;}
    .form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"] {width:260px;margin:0 auto;background-position:96% center;font-size:17px;}
     .form-ratecard-main .dwnldrate-main .form-ratecard input[type="submit"]:hover {background-position:96% center;}
     .your-requirements-form input[type="submit"]   { background-position: 98% center;font-size: 15px;margin: 0 auto;width: 100%;}
   .your-requirements-form input[type="submit"]:hover   { background-position: 98% center;}
   .helpliteh2 h2 {font-size:25px;}
}

/*--------------- Responsive media query style start here ----------------*/