@media only screen and (min-width: 320px) and (max-width: 480px) {
body{ background: #ffffff url(slider.png) no-repeat center top fixed; background-size:cover;}
.navbar-brand { padding: 20px 10px !important; width:80%;}
.navbar-nav{ background:#121212;}
.navbar-nav li a{ border-bottom:2px solid #999;}
.navbar-nav a{ padding:10px 15px !important; margin:0px !important;}
.navbar-toggle{ margin-right:7px;}
.scrool-nav .navbar-brand { padding: 22px 10px !important;}
.scrool-nav .orderNow { margin: 25px 0px 0px;}
.orderNow { margin: 10px 0 0; width: 100%; padding:12px 0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: none repeat scroll 0 0 #1c1c1c;}
.nav .navbar-nav{ margin:0px;}
.red-box{ padding:25px;}
.red-box h2 { font-size: 32px;}
.slider-heading{ margin-top:100px;}
.slider-heading h1 { font-size: 40px; padding: 15px;}
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) { padding-right:15px; padding-left:15px;}
.red-box{ margin-top:15px;}
.text11 h3{ font-size:45px;}
.white-box-bor{ margin-top:15px;}
#white-container{ margin-top:15px; padding:0px;}
.text11 a { margin-right: 0; width: 100%; margin-bottom: 10px;}
.ids-sell{ margin:40px 0px 20px;}
.country-list{ padding:0px;}
.country-list li { width: 49%; padding:0 0 10px 17px;}
.country-list li a{ font-size:13px;}
.our-plan-con{ height:auto;}
.our-plan-con .five-boxes li{ margin:0px 0px 10px 0px;}
.our-plan-con section p{ padding:15px 0px;}
.our-plan-con section { padding: 30px 0;}
.our-plan-con section h4{ font-size:35px;}
.green-box{ width:100%;}
.green-box h5{ font-size:40px;}
.two-buttons { margin: 50px 0 50px;}
.two-buttons a{ margin:0px 0px 10px 0px;}
.need-email{ text-indent:0px;}
.need-email:before{ display:none;}
.need-email strong{ font-size:30px;}
.need-email span { font-size: 20px;}
.footer-logo { padding: 50px 10px 10px;}
.footer-links { padding: 30px 0px 0;}
.footer-links ul li{ width:100%;}

/* inner page css */
.mainId-box{ margin:30px 0px;}
.mainId-box .id-card{ width:100%;}
.mainId-box .id-card img { height: 100%; width: 100%;}
.price-payments-con section h4 { font-size: 30px;}
.pp-list li { margin-right: 0; width: 100%; margin-bottom:10px;}
.price-payments-con section p { font-size: 16px; line-height: 26px; padding: 0;}
.pp-list figure { width: 100%;}
.order-mail-form form{ width:100%;}
}

@media handheld, only screen and (min-width: 360px) and (max-width: 640px){

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
body{ background: #121212 url(slider.png) no-repeat center top fixed;}
nav{ padding-bottom:15px;}
.navbar-nav{ margin-bottom:15px !important;}
.navbar-brand img{ width:100%;}
.navbar-nav a { margin: 0 10px !important; padding: 4px 1px 6px !important;}
.scrool-nav .navbar-nav a{ padding:4px 1px 6px !important; margin:0px 10px !important;}
.orderNow { display:none;}
.navbar-nav .responsive-view-order-button{ background: none repeat scroll 0 0 #919f1b; border: 1px solid rgba(255, 255, 255, 0.5); display:block;}
.navbar-nav .responsive-view-order-button a{ color: #fff !important; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase;}
.navbar-nav .responsive-view-order-button:hover a{ border-bottom:none;}
.navbar-nav .responsive-view-order-button:hover{ background: #D78A12;}
#white-container{ padding:0px;}
.red-box{ padding:30px;}
.red-box h2 { font-size: 22px;}
.make-order-box { font-size: 20px;}
.make-order-box b { font-size: 30px; line-height: 25px;}
.country-list{ padding:0px;}
.ssn-card { padding: 0px;}
.our-plan-con { height: auto; background:#363637;}
.our-plan-con .five-boxes { text-align: left;}
.our-plan-con .five-boxes li { margin-bottom: 30px; text-align:center;}
.our-plan-con section h4 { font-size: 32px;}
.our-plan-con section p { font-size: 16px; line-height: 26px; padding: 0;}

.two-buttons { margin: 20px 0;}
.need-email{ text-indent:0px;}
.need-email:before{ display:none;}
.footer-logo { padding: 50px 0px;}
.footer-links { padding: 0;}
.copy-right { padding: 45px 15px 45px;}

/* inner  page css */
.price-payments-con section h4 { font-size: 32px;}
.pp-list li { margin-bottom:10px;}
.price-payments-con section p { font-size: 16px; line-height: 26px; padding: 0;}

}




@media only screen and (min-width: 481px) and (max-width: 767px) {
body{ background: #ffffff url(slider.png) no-repeat center top fixed;}
.navbar-brand { padding: 15px 10px !important;}
.navbar-brand img{ width:100%;}
.navbar-nav a { margin: 0 !important;  padding: 10px !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: none repeat scroll 0 0 #1c1c1c;}
.navbar-nav li a { border-bottom: 2px solid #999;}
.orderNow { margin: 20px 0px 10px; width: 100%;}
.scrool-nav .orderNow { margin: 20px 0px 10px; padding:13px 0px; width: 100%;}
.our-plan-con { height: auto; background:#363637;}
.red-box{ padding:25px;}
.red-box h2 { font-size: 39px;}
.slider-heading h1 { font-size: 40px; padding: 15px;}
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) { padding-right:15px; padding-left:15px;}
.text11 a { font-size: 18px; height: 50px; line-height: 48px; width:170px;}
.ids-sell{ margin:40px 0px 20px;}
.country-list{ padding:0px;}
.country-list li{ width:45%;}
.our-plan-con section{ padding:30px 0;}
.our-plan-con section p { padding: 0;}
.our-plan-con .five-boxes li { margin-right: 0; margin-bottom:20px;}
.two-buttons { margin: 100px 0 50px;}
.green-box { width: 185px;}
.need-email{ text-indent:0px;}
.need-email:before{ display:none;}
.footer-logo { padding: 100px 26px 0;}

/* inner page css */
.pp-list{ text-align:center;}
.price-payments-con section h4 { font-size: 30px;}
.pp-list li { margin-right: 0; margin-bottom:10px;}
.price-payments-con section p { font-size: 16px; line-height: 26px; padding: 0;}

}


@media handheld, only screen and (min-width: 891px) and (max-width: 1024px){
nav{ padding-bottom:0px !important;}
.navbar-nav{ margin:0px !important;}
.navbar-nav li { margin: 35px 0px;}
.navbar-nav a { margin: 5px 10px;}
.scrool-nav .navbar-nav a{ margin: 0px 10px 0px !important;}
.scrool-nav .navbar-nav li{ margin:27px 0;}
.ssn-card img { width: 100%;}
.green-box { width: 185px;}
.our-plan-con .five-boxes li { margin-right: 0px;}
.footer-logo { padding: 130px 26px 0;}
.footer-links { padding: 100px 26px 0;}
/* inner page css */
.mainId-box{ margin:0px 0px 30px; padding:20px;}
.mainId-box p{ font-size:12px;}
.mainId-box .id-card{ width:100%;}
.mainId-box .id-card img { height: 100%; width: 100%;}

}

/* normal use only */
@media handheld, only screen and (min-width: 800px) and (max-width: 1280px){
.need-email:before{ left:70px;}
.ssn-card img {
  width: auto;
}
}


@media handheld, only screen and (min-width: 1280px) and (max-width: 780px){

}








/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media only screen and (max-width: 1100px) {
.effects { padding-left: 5px;}
.effects .img { width: 50%;}  
.effects .img:nth-child(n) { margin-right: 5px;}
.effects .img:first-child { margin-left: 0;}
.effects .img:nth-child(2n-1) { margin-left: -5px;}
.effects .img:nth-child(2n) { margin-right: 0;}
.effects .img:last-child { margin-right: 0;}
}
@media only screen and (max-width: 520px) {
.effects .img { width: 100%;}
.effects .img img { margin: 0 auto; width:100%;}
}