@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1200px) {
/*.main {width: 90%;}*/
}
@media (max-width:1180px) {
.main {width: 96%; margin:0 auto; }
h1{font-size:46px;}
h2{ font-size:33px;}
header .header-top{ padding:80px 0 0px 0;}
header p{ font-size:30px;}

header .google-img{ background-size:cover; height:410px;}
.blank{ padding-bottom:30px;}
.row-1 h2{ margin-bottom:20px;}

.row-2{ padding:40px 0 50px 0;}
.row-2 .inner-content .title h3{ font-size:26px;}
.row-2 .inner-content{ padding:0;}
.row-2 .inner-content .white-line .col-1{width:16%;}
.row-2 .inner-content .white-line .col-2{width:66%; padding:15px 10px;}
.row-2 .inner-content .white-line .col-3{width:17%;}
.row-2 .inner-content .white-line p{ font-size:15px; line-height:22px;}
.row-2 .inner-content .white-line .col-1 span{ padding-left:60px;}

.row-3 h2{ padding-top:60px; line-height:40px;}
.row-3 .black-bar{ width:auto; left:0;}
.row-3 .black-bar .text p{ font-size:18px;}

.row-4{ padding-top:140px;}
.row-4 .mobile-friendly-algorithm{ margin:30px 0;}
.row-4 .responsive-design-txt h3{ font-size:18px;}
.row-4 .responsive-design-txt h3 strong{ font-size:22px;}
.row-4 h3{ font-size:22px;}
.row-4 .white-box{ margin:30px auto 59px auto;}

.row-5{ padding:60px 0 150px 0;}
.row-5 .image{ width:245px; display:inline-block;}

.row-6{ padding:155px 0 50px 0;}
.row-6 .title h2{ font-size:43px; line-height:45px;}
.row-6 .title p{ font-size:20px;}
.row-7{ padding:60px 0;}

}
@media (max-width:1023px) {
header .header-top{ padding-top:50px;}
h1{ font-size:35px;}
h2{ font-size:27px;}
header p{ font-size:25px;}
header .google-img{ height:350px;}
.row-1 p{ padding:0 30px;}
.devices{ padding-top:35px}

.row-2 .inner-content .title h3{ font-size:21px;}
.row-2 .inner-content .white-line .col-1 span{ font-size:50px; padding-left:52px; line-height:102px;}
.row-2 .inner-content .white-line .col-1 span em{font-size:39px;}
.row-2 .inner-content .white-line .col-3 span{ font-size:50px; padding-left:15px;}
.row-2 .inner-content .white-line .col-3 span em{font-size:39px;}
.row-2 .inner-content .white-line .col-1{ width:18%;}
.row-2 .inner-content .white-line .col-2{ width:60%;}
.row-2 .inner-content .white-line .col-3{ width:18%;}

.row-3 h2{ padding-top:40px;}
.row-3 .black-bar .text{ padding:10px 20px 10px 225px;}
.row-3 .black-bar .text p{ line-height:26px; font-size:17px;}
.row-4 .responsive-design-txt h3{ font-size:17px;}
.row-4 .responsive-design-txt h3 strong{ font-size:20px;}
.row-4 .mobile-design{ width:auto; padding:20px 90px; margin:30px auto;}
.row-4 .mobile-design .icont-top{ left:20px;}
.row-4 .mobile-design .icont-bottom{ right:20px;}
.row-4 .mobile-design .mobie-inner .col-1{ width:30%;}
.row-4 .mobile-design .mobie-inner .col-2{ width:30%;}
.row-4 .mobile-design .mobie-inner .col-3{ width:30%;}
.row-4 h3{ font-size:19px;}
.row-4 .white-box{ width:auto;}
.row-4 .white-box{ margin:30px auto;}

.row-5 .four-box{ width:auto;}
.row-5 .four-box .box{ width:49%; min-height:285px;}
.row-5 .four-box .box span{ font-size:17px;}
.row-5 .bottom-text-block{ width:auto;}
.row-5 .bottom-text-block .title{ font-size:22px;}
.row-5 .bottom-text-block p{ font-size:16px; line-height:30px;}
.row-5 .google-love{ margin-bottom:20px;}
.row-5 .image{ width:155px;}
.row-5 .google-love h2{ line-height:65px;}

.row-6 .title h2{ font-size:30px; line-height:40px;}
.row-6 .title p{ font-size:18px;}
.row-6 .white-box{ padding:0;}
.row-6 .white-box .one-line{ padding:20px 10px;}
.row-6 .white-box .two-line{ padding:20px 10px;}
.row-6 .white-box p{ font-size:16px;}

.footer-wrapper-wd{ width:auto;}
.sources-links-block ul li span{ font-size:13px;}
.fblock3{ width:230px;}

#header_txt{ width:60%;}

}

@media (max-width:900px) {
header .google-img{ height:300px;}
.fblock1{ margin-right:100px;}
}


/*------------tablet portrait  view------*/
@media (max-width:800px) {
header .google-img{ height:250px;}
header p{ font-size:24px;}

}
/*------------mobile landscape  view------*/
@media (max-width:767px) {
h1{ font-size:32px;}
h2{ font-size:25px;}
header p{ font-size:22px;}
header .google-img{ height:240px;}
.row-1 p{ padding:0;}

.row-2 .inner-content .title{ padding:10px 55px;}
.row-2 .inner-content .title h3{ font-size:18px; }
.row-2 .inner-content .white-line .col-1 span{ line-height:65px; font-size:45px; padding:0;}
.row-2 .inner-content .white-line .col-1 span em{font-size:30px;}
.row-2 .inner-content .white-line .col-3 span{ line-height:65px; font-size:45px; padding:0;}
.row-2 .inner-content .white-line .col-1{ width:100%; text-align:center;}
.row-2 .inner-content .white-line .col-2{ width:100%; text-align:center; padding:25px 60px;}
.row-2 .inner-content .white-line .col-3{ width:100%; text-align:center; font-size:inherit; line-height:inherit;}
.row-2 .inner-content .white-line .big{ padding:0;}
.row-2 .inner-content .white-line p.text-center{ padding:0;}
.row-2 .inner-content .white-line p.text-center{ margin-top:-20px;}
.row-2 .inner-content .white-line p.text-right{ margin-bottom:-15px; text-align:center;}
.row-2 .inner-content .white-line p.one{ margin-top:-10px !important;}
.row-2 .inner-content .white-line p.last{ margin:0 !important;}
.row-2 .inner-content .white-line .icon-left{ display:none;}
.row-2 .inner-content .white-line .icon-right{ display:none;}
.row-2 .inner-content .title .icon-left{ display:none;}
.row-2 .inner-content .title .icon-right{ display:none;}

.row-4{ padding-top:125px;}
.row-4 .mobile-design{ display:none;}
.row-4 .mobile-device{ display:block; margin:20px 0;}
.row-4 .responsive-design-txt h3 strong{ line-height:29px;}
.row-4 .white-box .one-line{padding:20px 20px;}
.row-4 .white-box .two-line{padding:20px 20px;}

.row-5{ padding:30px 0 150px 0;}
.row-5 .image{ width:130px;}
.row-5 .google-love h2{ font-size:23px; line-height:40px;}
.row-5 .four-box .box{ width:48%; min-height:350px; }
.row-5 .four-box .box span{ padding:20px 10px;}
.row-5 .google-love h2 strong{ line-height:42px;}

.footer-wrapper{ padding:30px 0;}
.fblock1{ float:none; margin:15px auto; width:230px;}
.fblock2{ float:none; margin:15px auto; width:230px;}
.fblock3{ float:none; margin:15px auto;}
.sources-links-block ul li span{ padding:5px 0px;}

#headerSlideContent{ width:100%;}
#header_order{ float:right; margin-right:20px;}
#header_logo{ margin-left:20px;}
#header_txt{ display:none;}
#sthoverbuttons{ display:none;}
#livechat-compact-container{ display:none;}
#livechat-eye-catcher{ display:none;}
#livechat-eye-catcher a{ display:none !important;}
.monk-share-area{ margin:0;}


}
/*------------mobile portrait view------*/
@media (max-width:640px) {
h1{ font-size:30px;}
h2{ font-size:23px;}
header p{ font-size:20px;}
header .google-img{ height:230px;}
header .header-top{ padding-top:30px;}

.row-2 .inner-content .white-line p.one{ margin-top:-20px !important;}

.row-3 .round-image{ width:450px;}
.row-3 .round-image p{ font-size:15px; line-height:43px;}
.row-3 .round-image .text .midol-txt{ margin:13px auto;}
.row-3 .round-image .text .midol-txt .rwd-txt{ padding:7px 0;}
.row-3{ padding:0;}
.row-3 .black-bar{ position:relative; bottom:0; margin-top:50px; padding:30% 2% 2% 2%;}
.row-3 .black-bar .mobile-image{ left:50%; margin-left:-80px; width:25%;}
.row-3 .black-bar .text{ padding:0;}
.row-3 .black-bar .text p{ font-size:15px; line-height:20px; text-align:center;}

.row-4{ padding-top:25px;}

.row-5 .four-box .box{ width:100%; height:auto; margin:0 0 10px 0; min-height:inherit; padding-bottom:20px; display:block;}
.row-5 .four-box .box:nth-child(2){ margin:0 0 10px 0;}
.row-5 .four-box .box:nth-child(4){ margin:0 0 10px 0;}
.row-5 .four-box .box .icon-left{ display:none; }
.row-5 .bottom-text-block{ margin:20px auto auto auto;}


.row-7 .title-block{ width:auto;}
.row-7 .text{ width:auto;}
.row-7 .email-info{ width:auto;}

.monk-share-area{ margin-left:0;}

}
/*----------optional css------*/
@media (max-width:480px) {

header .google-img{ height:180px;}
.row-3 .round-image{ width:300px; }
.row-3 .round-image p{ font-size:11px; line-height:29px;}
.row-3 .round-image .text .midol-txt{ margin:0 auto;}
.row-3 .round-image .text .midol-txt .akamai-logo{ width:60px; margin:3px auto;}
.row-3 .round-image .text .midol-txt .rwd-txt{ width:115px; padding:0;}
.row-3 .round-image .text .midol-txt .orange-n-yellow .orange{ font-size:10px; padding:0 0px 0 17px; line-height:23px;}
.row-3 .round-image .text .midol-txt .orange-n-yellow .yellow{ font-size:10px; padding:0 0 0 17px; line-height:23px;}
.row-3 .round-image .text .midol-txt .orange-n-yellow{ margin-bottom:21px;}
.row-3 .black-bar .mobile-image{ width:30%; margin-left:-40px; top:-46px;}
.row-5 .bottom-text-block p{ line-height:25px;}
.row-5 .bottom-text-block p a{ width:280px;}
}
/*---------use only when design is customise-----------*/
@media screen and (min-width:700px) and (max-width:990px){
	
}